/* =========================================================
   MODORA CATEGORY DESIGN V1
   Milk background + editorial product cards
========================================================= */

body.product-category-20 {
    background:#f3f0ea !important;
}


/* -----------------------------------------
   General catalogue area
----------------------------------------- */

body.product-category-20 #content {
    background:transparent !important;
}

body.product-category-20 *,
body.product-category-20 *:before,
body.product-category-20 *:after {
    box-sizing:border-box;
}


/* -----------------------------------------
   Breadcrumb
----------------------------------------- */

body.product-category-20 .breadcrumb {
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;

    margin-top:18px;
    margin-bottom:16px;
    padding-left:0;
    padding-right:0;

    color:#8b8379;
    font-size:11px;
}

body.product-category-20 .breadcrumb a {
    color:#746c62 !important;
    text-decoration:none !important;
}

body.product-category-20 .breadcrumb a:hover {
    color:#171717 !important;
}


/* -----------------------------------------
   Main category title
----------------------------------------- */

body.product-category-20 #content > h1,
body.product-category-20 .category-title h1,
body.product-category-20 h1.page-title {
    margin-top:8px;
    margin-bottom:24px;

    color:#171717 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:clamp(34px,4vw,58px) !important;
    line-height:1 !important;
    font-weight:400 !important;
    letter-spacing:-1.8px !important;
}


/* -----------------------------------------
   Left filters
----------------------------------------- */

body.product-category-20 #column-left .box,
body.product-category-20 .column-left .box {
    margin-bottom:16px;

    background:rgba(255,255,255,.66) !important;

    border:
        1px solid rgba(25,22,18,.08) !important;

    box-shadow:none !important;
}

body.product-category-20 #column-left .box-heading,
body.product-category-20 .column-left .box-heading {
    background:transparent !important;

    border-bottom:
        1px solid rgba(25,22,18,.08) !important;

    color:#171717 !important;

    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.7px;
}

body.product-category-20 #column-left .box-content,
body.product-category-20 .column-left .box-content {
    background:transparent !important;
}


/* -----------------------------------------
   Sort / count bar
----------------------------------------- */

body.product-category-20 .product-filter,
body.product-category-20 .product-filter-top,
body.product-category-20 .category-filter {
    margin-bottom:22px !important;
    padding:13px 16px !important;

    background:rgba(255,255,255,.72) !important;

    border:
        1px solid rgba(25,22,18,.08) !important;

    box-shadow:none !important;
}

body.product-category-20 select {
    border:
        1px solid rgba(25,22,18,.13) !important;

    background:#fff !important;
    color:#292621 !important;

    border-radius:0 !important;
}


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

body.product-category-20 .product-items {
    position:relative;

    margin-bottom:24px !important;
    padding:6px !important;

    background:transparent !important;

    box-shadow:none !important;

    transition:
        transform .22s ease;
}


/* card */

body.product-category-20
.product-items
.product-block {
    position:relative;

    height:100%;

    overflow:hidden;

    background:#fff !important;

    border:
        1px solid rgba(27,23,18,.08) !important;

    box-shadow:
        0 4px 14px rgba(28,24,18,.035) !important;

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

body.product-category-20
.product-items:hover
.product-block {
    transform:translateY(-3px);

    border-color:
        rgba(27,23,18,.14) !important;

    box-shadow:
        0 16px 36px rgba(28,24,18,.09) !important;
}


/* -----------------------------------------
   Image area
----------------------------------------- */

body.product-category-20
.product-items
a.image_link {
    position:relative !important;

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

    width:100% !important;

    aspect-ratio:3 / 4;

    padding:18px !important;

    overflow:hidden !important;

    background:#fff !important;

    text-align:center !important;
}


/* normalize supplier images */

body.product-category-20
.product-items
a.image_link
img.image {
    position:static !important;

    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:92% !important;
    max-height:92% !important;

    margin:auto !important;

    object-fit:contain !important;
    object-position:center center !important;

    transform:none !important;

    transition:
        transform .28s ease !important;
}

body.product-category-20
.product-items:hover
a.image_link
img.image {
    transform:scale(1.025) !important;
}


/* -----------------------------------------
   Discount badge
----------------------------------------- */

body.product-category-20
.product-items
.promo_percent {
    position:absolute !important;

    z-index:4;

    top:12px !important;
    left:12px !important;

    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    min-width:44px;
    min-height:27px;

    padding:5px 8px !important;

    background:#171717 !important;
    color:#fff !important;

    border:0 !important;
    border-radius:0 !important;

    font-size:10px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.3px;
}


/* -----------------------------------------
   Product information
----------------------------------------- */

body.product-category-20
.product-items
.product-details {
    padding:
        17px 16px 9px !important;

    background:#fff !important;
}

body.product-category-20
.product-items
.caption {
    padding:0 !important;
    margin:0 !important;
}

body.product-category-20
.product-items
.caption h2 {
    min-height:42px;

    margin:
        0 0 11px !important;

    padding:0 !important;

    font-size:14px !important;
    line-height:1.45 !important;
    font-weight:500 !important;

    overflow:hidden;

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

body.product-category-20
.product-items
.caption h2 a {
    color:#201e1b !important;
    text-decoration:none !important;
}

body.product-category-20
.product-items
.caption h2 a:hover {
    color:#876536 !important;
}


/* -----------------------------------------
   Prices
----------------------------------------- */

body.product-category-20
.product-items
.price {
    min-height:30px;

    margin:0 !important;
    padding:0 !important;

    color:#171717 !important;

    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
}

body.product-category-20
.product-items
.price-new {
    display:inline-block;

    color:#171717 !important;

    font-size:15px !important;
    font-weight:800 !important;
}

body.product-category-20
.product-items
.price-old {
    display:inline-block;

    margin-left:7px;

    color:#aaa39a !important;

    font-size:12px !important;
    font-weight:400 !important;

    text-decoration:line-through !important;
}


/* -----------------------------------------
   Store + CTA footer
----------------------------------------- */

body.product-category-20
.product-items
.caption2 {
    display:flex !important;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    min-height:52px;

    padding:
        9px 16px 14px !important;

    background:#fff !important;

    border-top:
        1px solid rgba(25,22,18,.055);
}

body.product-category-20
.product-items
.caption2 .website {
    min-width:0;

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

    color:#9a9288 !important;

    font-size:9px !important;
    line-height:1.2;
    font-weight:700 !important;
    letter-spacing:.3px;
}


/* show more */

body.product-category-20
.product-items
.caption2 .full-btn {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    min-height:30px;

    padding:0 10px !important;

    background:#f3f0ea !important;
    color:#27231e !important;

    border:
        1px solid rgba(25,22,18,.08) !important;

    border-radius:0 !important;

    box-shadow:none !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.3px;

    text-transform:none !important;

    transition:
        background .18s ease,
        color .18s ease;
}

body.product-category-20
.product-items
.caption2 .full-btn:hover {
    background:#171717 !important;
    color:#fff !important;
}


/* -----------------------------------------
   Wishlist
----------------------------------------- */

body.product-category-20
.product-items
.wishlist {
    transition:
        transform .18s ease,
        opacity .18s ease !important;
}

body.product-category-20
.product-items
.wishlist:hover {
    transform:scale(1.08);
}


/* -----------------------------------------
   Pagination
----------------------------------------- */

body.product-category-20 .pagination {
    margin-top:35px;
    margin-bottom:45px;
}

body.product-category-20
.pagination > li > a,
body.product-category-20
.pagination > li > span {
    border:
        1px solid rgba(25,22,18,.10) !important;

    background:#fff !important;
    color:#27231f !important;
}

body.product-category-20
.pagination > .active > span,
body.product-category-20
.pagination > .active > a {
    background:#171717 !important;
    color:#fff !important;
    border-color:#171717 !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:991px) {

    body.product-category-20
    .product-items {
        padding:5px !important;
    }

    body.product-category-20
    .product-items
    a.image_link {
        padding:14px !important;
    }

    body.product-category-20
    .product-items
    a.image_link
    img.image {
        max-width:94% !important;
        max-height:94% !important;
    }
}


@media(max-width:600px) {

    body.product-category-20 {
        background:#f4f1eb !important;
    }

    body.product-category-20
    .product-items {
        margin-bottom:14px !important;
        padding:3px !important;
    }

    body.product-category-20
    .product-items
    a.image_link {
        padding:9px !important;
    }

    body.product-category-20
    .product-items
    a.image_link
    img.image {
        max-width:96% !important;
        max-height:96% !important;
    }

    body.product-category-20
    .product-items
    .product-details {
        padding:
            12px 11px 7px !important;
    }

    body.product-category-20
    .product-items
    .caption h2 {
        min-height:38px;

        font-size:12px !important;
        line-height:1.45 !important;
    }

    body.product-category-20
    .product-items
    .price,
    body.product-category-20
    .product-items
    .price-new {
        font-size:13px !important;
    }

    body.product-category-20
    .product-items
    .price-old {
        font-size:10px !important;
    }

    body.product-category-20
    .product-items
    .caption2 {
        padding:
            8px 11px 11px !important;
    }

    body.product-category-20
    .product-items
    .caption2 .website {
        font-size:8px !important;
    }

    body.product-category-20
    .product-items
    .caption2 .full-btn {
        min-height:27px;

        padding:0 8px !important;

        font-size:8px !important;
    }
}


/* =========================================================
   MODORA CATEGORY V1.1
   Editorial header + refined filters
========================================================= */


/* -----------------------------------------
   Category header
----------------------------------------- */

body.product-category-20 #content > h1 {
    position:relative;

    margin:
        26px 0 30px !important;

    padding:
        32px 0 28px !important;

    border-top:
        1px solid rgba(25,22,18,.10);

    border-bottom:
        1px solid rgba(25,22,18,.10);

    color:#171717 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(38px,5vw,72px) !important;

    line-height:.96 !important;

    font-weight:400 !important;

    letter-spacing:
        -2.4px !important;
}


/* small editorial label */

body.product-category-20 #content > h1:before {
    content:"MODORA · WYBRANE DLA CIEBIE";

    display:block;

    margin-bottom:13px;

    color:#927047;

    font-family:
        Arial,
        sans-serif;

    font-size:9px;

    line-height:1;

    font-weight:800;

    letter-spacing:2.2px;
}


/* -----------------------------------------
   Subcategory links / category navigation
----------------------------------------- */

body.product-category-20
.category-list,
body.product-category-20
.refine-search,
body.product-category-20
.category-filter-list {
    margin-bottom:28px !important;
    padding:18px !important;

    background:
        rgba(255,255,255,.48) !important;

    border:
        1px solid rgba(25,22,18,.075) !important;
}


/* -----------------------------------------
   Product count + sort area
----------------------------------------- */

body.product-category-20
.product-filter {
    display:flex !important;

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

    flex-wrap:wrap;

    gap:12px;

    min-height:62px;

    margin:
        0 0 24px !important;

    padding:
        11px 14px !important;

    background:
        rgba(255,255,255,.78) !important;

    border:
        1px solid rgba(25,22,18,.08) !important;

    box-shadow:
        0 5px 18px rgba(20,17,13,.025) !important;
}


body.product-category-20
.product-filter label,
body.product-category-20
.product-filter .sort,
body.product-category-20
.product-filter .limit {
    color:#777067 !important;

    font-size:10px !important;
    font-weight:700 !important;

    letter-spacing:.25px;
}


body.product-category-20
.product-filter select {
    min-height:38px !important;

    padding:
        0 34px 0 12px !important;

    background-color:#fff !important;

    border:
        1px solid rgba(25,22,18,.12) !important;

    color:#25211d !important;

    font-size:11px !important;
}


/* -----------------------------------------
   LEFT FILTER COLUMN
----------------------------------------- */

body.product-category-20 #column-left {
    padding-right:18px;
}


/* FILTR title */

body.product-category-20
#column-left h2,
body.product-category-20
#column-left .box-heading {
    color:#171717 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;
}


/* each filter block */

body.product-category-20
#column-left .box {
    overflow:hidden;

    margin-bottom:13px !important;

    background:
        rgba(255,255,255,.62) !important;

    border:
        1px solid rgba(25,22,18,.075) !important;

    box-shadow:none !important;
}


body.product-category-20
#column-left .box-heading {
    padding:
        15px 16px !important;

    background:
        rgba(255,255,255,.48) !important;

    border-bottom:
        1px solid rgba(25,22,18,.07) !important;

    font-size:14px !important;

    font-weight:400 !important;
}


/* filter content */

body.product-category-20
#column-left .box-content {
    padding:
        12px 15px 15px !important;

    background:
        transparent !important;
}


/* filter links */

body.product-category-20
#column-left a {
    color:#514b43 !important;

    text-decoration:none !important;

    transition:
        color .15s ease;
}

body.product-category-20
#column-left a:hover {
    color:#9b7541 !important;
}


/* checkboxes */

body.product-category-20
#column-left input[type="checkbox"] {
    accent-color:#171717;
}


/* brand search input */

body.product-category-20
#column-left input[type="text"],
body.product-category-20
#column-left input[type="search"],
body.product-category-20
#column-left input[type="number"] {
    min-height:36px;

    padding:
        7px 10px !important;

    background:#fff !important;

    border:
        1px solid rgba(25,22,18,.11) !important;

    color:#28241f !important;

    border-radius:0 !important;

    box-shadow:none !important;
}


/* -----------------------------------------
   Cards - slightly more editorial
----------------------------------------- */

body.product-category-20
.product-items
.product-block {
    border-radius:0 !important;
}


body.product-category-20
.product-items
a.image_link {
    min-height:0 !important;
}


body.product-category-20
.product-items
.caption h2 a {
    font-family:
        Arial,
        sans-serif !important;

    letter-spacing:-.15px;
}


/* price = visual anchor */

body.product-category-20
.product-items
.price-new {
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:17px !important;
}


/* -----------------------------------------
   Mobile
----------------------------------------- */

@media(max-width:767px) {

    body.product-category-20
    #content > h1 {
        margin:
            16px 0 20px !important;

        padding:
            24px 0 20px !important;

        font-size:
            clamp(34px,11vw,48px) !important;

        letter-spacing:
            -1.6px !important;
    }

    body.product-category-20
    #content > h1:before {
        font-size:8px;
        letter-spacing:1.7px;
    }


    body.product-category-20
    .product-filter {
        min-height:auto;

        padding:
            10px !important;
    }


    body.product-category-20
    #column-left {
        padding-right:0;
    }
}


/* =========================================================
   MODORA CATEGORY V1.2
   Homepage-style product cards
========================================================= */


/* cleaner card proportions */

body.product-category-20
.product-items
.product-block-inner {
    display:flex;
    flex-direction:column;
    height:100%;
    background:#fff !important;
}


/* image becomes the visual focus */

body.product-category-20
.product-items
a.image_link {
    aspect-ratio:3 / 4 !important;

    padding:22px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fdfcf9 100%
        ) !important;
}


body.product-category-20
.product-items
a.image_link
img.image {
    max-width:90% !important;
    max-height:90% !important;
}


/* subtle separation under image */

body.product-category-20
.product-items
.product-details {
    position:relative;

    padding:
        15px 15px 10px !important;

    border-top:
        1px solid rgba(25,22,18,.045);
}


/* product title */

body.product-category-20
.product-items
.caption h2 {
    min-height:40px;

    margin-bottom:9px !important;

    font-size:13px !important;
    line-height:1.45 !important;

    font-weight:500 !important;

    letter-spacing:-.1px;
}


body.product-category-20
.product-items
.caption h2 a {
    color:#292622 !important;
}


/* prices */

body.product-category-20
.product-items
.price {
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;

    gap:7px;

    min-height:28px;

    font-size:14px !important;
}


body.product-category-20
.product-items
.price br {
    display:none !important;
}


body.product-category-20
.product-items
.price-new {
    margin:0 !important;

    color:#171717 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:17px !important;
    line-height:1.2 !important;

    font-weight:700 !important;
}


body.product-category-20
.product-items
.price-old {
    margin:0 !important;

    color:#aaa39a !important;

    font-size:11px !important;
    line-height:1.2 !important;

    font-weight:500 !important;
}


/* discount becomes compact fashion label */

body.product-category-20
.product-items
.promo_percent {
    top:14px !important;
    left:14px !important;

    min-width:46px;
    min-height:25px;

    padding:5px 8px !important;

    background:#171717 !important;

    color:#fff !important;

    font-size:9px !important;

    letter-spacing:.5px;
}


/* footer */

body.product-category-20
.product-items
.caption2 {
    min-height:46px;

    padding:
        8px 15px 12px !important;

    border-top:0 !important;

    background:#fff !important;
}


/* store label */

body.product-category-20
.product-items
.caption2 .website {
    position:relative;

    padding-left:10px;

    color:#938b80 !important;

    font-size:8px !important;

    text-transform:uppercase;

    letter-spacing:.65px;
}


body.product-category-20
.product-items
.caption2 .website:before {
    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:4px;
    height:4px;

    margin-top:-2px;

    border-radius:50%;

    background:#b28a54;
}


/* make CTA much lighter */

body.product-category-20
.product-items
.caption2 .full-btn {
    min-height:26px !important;

    padding:
        0 9px !important;

    background:transparent !important;

    border:0 !important;

    color:#7e6748 !important;

    font-size:8px !important;

    font-weight:800 !important;

    letter-spacing:.5px;

    text-decoration:none !important;
}


body.product-category-20
.product-items
.caption2 .full-btn:after {
    content:"  →";
}


body.product-category-20
.product-items
.caption2 .full-btn:hover {
    background:transparent !important;

    color:#171717 !important;
}


/* hover */

body.product-category-20
.product-items:hover
.product-block {
    transform:
        translateY(-4px);

    box-shadow:
        0 18px 44px
        rgba(34,28,20,.10) !important;
}


body.product-category-20
.product-items:hover
a.image_link
img.image {
    transform:
        scale(1.035) !important;
}


/* wishlist button softer */

body.product-category-20
.product-items
.button-group {
    z-index:5;
}


body.product-category-20
.product-items
.wishlist {
    background-color:
        rgba(255,255,255,.92) !important;

    box-shadow:
        0 4px 14px
        rgba(0,0,0,.08) !important;
}


/* mobile */

@media(max-width:600px) {

    body.product-category-20
    .product-items
    a.image_link {
        padding:11px !important;
    }

    body.product-category-20
    .product-items
    a.image_link
    img.image {
        max-width:95% !important;
        max-height:95% !important;
    }

    body.product-category-20
    .product-items
    .product-details {
        padding:
            11px 10px 7px !important;
    }

    body.product-category-20
    .product-items
    .caption h2 {
        min-height:36px;

        font-size:11px !important;
    }

    body.product-category-20
    .product-items
    .price-new {
        font-size:14px !important;
    }

    body.product-category-20
    .product-items
    .caption2 {
        padding:
            7px 10px 10px !important;
    }

    body.product-category-20
    .product-items
    .caption2 .full-btn {
        font-size:7px !important;
    }
}


/* =========================================================
   MODORA CATEGORY V1.3
   Black filter headings + counters
========================================================= */

/* Kategorie / Rozmiar / Marka / Kolor / Płeć / Cena */
body.product-category-20
#column-left .box-heading {
    color:#111 !important;
    opacity:1 !important;
}


/* filter labels + category names */
body.product-category-20
#column-left .box-content,
body.product-category-20
#column-left .box-content label,
body.product-category-20
#column-left .box-content li,
body.product-category-20
#column-left .box-content li a {
    color:#111 !important;
}


/* counters when they are wrapped in spans */
body.product-category-20
#column-left .box-content span,
body.product-category-20
#column-left .box-content .count,
body.product-category-20
#column-left .box-content .counter {
    color:#111 !important;
    opacity:1 !important;
}


/* hover remains premium gold */
body.product-category-20
#column-left .box-content li a:hover {
    color:#927047 !important;
}


/* =========================================================
   MODORA CATEGORY V1.4
   Light category boxes
========================================================= */

body.product-category-20
#column-left .box-category2 {
    background:#f8f6f1 !important;
    color:#111 !important;

    border:
        1px solid rgba(25,22,18,.07) !important;

    box-shadow:none !important;
}


/* nested category area */
body.product-category-20
#column-left .box-category2 ul,
body.product-category-20
#column-left .box-category2 li {
    background:transparent !important;
    color:#111 !important;
}


/* category links */
body.product-category-20
#column-left .box-category2 a {
    background:transparent !important;
    color:#111 !important;
}


/* hover */
body.product-category-20
#column-left .box-category2 a:hover {
    color:#927047 !important;
}


/* counters */
body.product-category-20
#column-left .box-category2 span {
    color:#111 !important;
}


/* =========================================================
   MODORA CATEGORY V1.5
   Light subcategory cards
========================================================= */

body.product-category-20
a.subcat2 {
    display:block !important;

    overflow:hidden;

    background:#fbfaf7 !important;

    border:
        1px solid rgba(25,22,18,.08) !important;

    box-shadow:
        0 3px 12px rgba(30,25,18,.035) !important;

    color:#171717 !important;

    text-decoration:none !important;

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


/* image area */
body.product-category-20
a.subcat2 .cat_bg {
    display:block !important;

    background-color:#f7f4ee !important;

    border:0 !important;

    transition:
        transform .25s ease !important;
}


/* category title */
body.product-category-20
a.subcat2 .subcat_title {
    display:block !important;

    background:#fbfaf7 !important;

    color:#111 !important;

    border:0 !important;

    padding:
        11px 9px !important;

    font-size:12px !important;
    line-height:1.3 !important;
    font-weight:600 !important;

    text-align:center !important;
}


/* hover */
body.product-category-20
a.subcat2:hover {
    transform:translateY(-3px);

    border-color:
        rgba(25,22,18,.14) !important;

    box-shadow:
        0 12px 28px rgba(30,25,18,.08) !important;
}


body.product-category-20
a.subcat2:hover .cat_bg {
    transform:scale(1.025);
}


body.product-category-20
a.subcat2:hover .subcat_title {
    background:#f8f5ef !important;
    color:#927047 !important;
}


/* remove old dark overlays if present */
body.product-category-20
a.subcat2:before,
body.product-category-20
a.subcat2:after,
body.product-category-20
a.subcat2 .cat_bg:before,
body.product-category-20
a.subcat2 .cat_bg:after {
    background:transparent !important;
}


/* mobile */
@media(max-width:600px) {

    body.product-category-20
    a.subcat2 .subcat_title {
        padding:
            9px 6px !important;

        font-size:11px !important;
    }
}


/* =========================================================
   MODORA CATEGORY V1.6
   Dark prices + high discount + permanent wishlist
========================================================= */


/* -----------------------------------------
   PRICE — dark MODORA graphite
----------------------------------------- */

body.product-category-20
.product-items
.caption .price,
body.product-category-20
.product-items
.product-details .price {
    color:#1c1b19 !important;
}


body.product-category-20
.product-items
.caption .price-new,
body.product-category-20
.product-items
.product-details .price-new {
    color:#1c1b19 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-weight:700 !important;

    text-shadow:none !important;
}


/* old price remains softer */
body.product-category-20
.product-items
.caption .price-old {
    color:#99938b !important;

    font-weight:400 !important;
}


/* -----------------------------------------
   DISCOUNT BADGE
----------------------------------------- */

/* normal discount: black */
body.product-category-20
.product-items
.promo_percent {
    background:#171717 !important;
    color:#fff !important;

    border:none !important;
}


/* > 50% discount: red */
body.product-category-20
.product-items
.promo_percent.mv-discount-hot {
    background:#bd2e2e !important;
    color:#fff !important;

    box-shadow:
        0 5px 14px rgba(189,46,46,.18) !important;
}


/* -----------------------------------------
   WISHLIST — permanently visible
----------------------------------------- */

body.product-category-20
.product-items
.button-group {
    position:absolute !important;

    z-index:8 !important;

    top:13px !important;
    right:13px !important;
    left:auto !important;
    bottom:auto !important;

    display:block !important;

    width:auto !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;

    background:transparent !important;
}


/* hide old secondary "show more" icon from button group */
body.product-category-20
.product-items
.button-group > div {
    display:none !important;
}


/* heart */
body.product-category-20
.product-items
.button-group
.wishlist.favorite.btn-add,
body.product-category-20
.product-items
button.wishlist {
    position:static !important;

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

    width:34px !important;
    height:34px !important;

    min-width:34px !important;
    min-height:34px !important;

    margin:0 !important;
    padding:0 !important;

    opacity:.46 !important;
    visibility:visible !important;

    background-color:
        rgba(255,255,255,.88) !important;

    border:
        1px solid rgba(20,18,15,.08) !important;

    border-radius:50% !important;

    box-shadow:
        0 3px 12px rgba(20,18,15,.055) !important;

    transform:none !important;

    transition:
        opacity .18s ease,
        transform .18s ease,
        background-color .18s ease !important;
}


/* heart hover */
body.product-category-20
.product-items
.button-group
.wishlist.favorite.btn-add:hover,
body.product-category-20
.product-items
button.wishlist:hover {
    opacity:.9 !important;

    background-color:#fff !important;

    transform:scale(1.06) !important;
}


/* card hover must NOT hide/move the heart */
body.product-category-20
.product-items:hover
.button-group {
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}


/* mobile */
@media(max-width:600px) {

    body.product-category-20
    .product-items
    .button-group {
        top:9px !important;
        right:9px !important;
    }

    body.product-category-20
    .product-items
    .button-group
    .wishlist.favorite.btn-add,
    body.product-category-20
    .product-items
    button.wishlist {
        width:30px !important;
        height:30px !important;

        min-width:30px !important;
        min-height:30px !important;

        opacity:.5 !important;
    }
}


/* =========================================================
   MODORA CATEGORY V1.7
   Horizontal responsive subcategory cards
========================================================= */

body.product-category-20
a.subcat2 {
    display:flex !important;
    align-items:stretch !important;

    width:100% !important;
    min-height:78px !important;
    height:auto !important;

    overflow:hidden !important;

    background:#fbfaf7 !important;

    text-decoration:none !important;
}


/* image on the left */
body.product-category-20
a.subcat2 .cat_bg {
    flex:0 0 78px !important;

    width:78px !important;
    min-width:78px !important;
    height:auto !important;
    min-height:78px !important;

    display:block !important;

    background-color:#f5f2ec !important;

    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    border-right:
        1px solid rgba(25,22,18,.07) !important;
}


/* text on the right */
body.product-category-20
a.subcat2 .subcat_title {
    flex:1 1 auto !important;

    display:flex !important;
    align-items:center !important;

    width:auto !important;
    min-width:0 !important;
    min-height:78px !important;
    height:auto !important;

    padding:
        12px 14px !important;

    background:transparent !important;

    color:#111 !important;

    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:600 !important;

    text-align:left !important;

    white-space:normal !important;

    overflow:visible !important;
    text-overflow:clip !important;

    word-break:normal !important;
    overflow-wrap:anywhere !important;
}


/* hover */
body.product-category-20
a.subcat2:hover .subcat_title {
    color:#927047 !important;
}


/* tablet */
@media(max-width:991px) {

    body.product-category-20
    a.subcat2 {
        min-height:72px !important;
    }

    body.product-category-20
    a.subcat2 .cat_bg {
        flex-basis:72px !important;

        width:72px !important;
        min-width:72px !important;
        min-height:72px !important;
    }

    body.product-category-20
    a.subcat2 .subcat_title {
        min-height:72px !important;

        padding:
            10px 12px !important;
    }
}


/* mobile */
@media(max-width:600px) {

    body.product-category-20
    a.subcat2 {
        min-height:64px !important;
    }

    body.product-category-20
    a.subcat2 .cat_bg {
        flex:
            0 0 64px !important;

        width:64px !important;
        min-width:64px !important;
        min-height:64px !important;
    }

    body.product-category-20
    a.subcat2 .subcat_title {
        min-height:64px !important;

        padding:
            9px 10px !important;

        font-size:11px !important;
        line-height:1.3 !important;
    }
}


/* =========================================================
   MODORA CATEGORY V1.8
   Subcategory text — never split words
========================================================= */

body.product-category-20
a.subcat2 .cat_bg {
    flex:0 0 68px !important;

    width:68px !important;
    min-width:68px !important;
}


/* wrap only BETWEEN words */
body.product-category-20
a.subcat2 .subcat_title {
    flex:1 1 auto !important;

    min-width:0 !important;

    white-space:normal !important;

    word-break:normal !important;
    overflow-wrap:normal !important;

    hyphens:none !important;
    -webkit-hyphens:none !important;

    text-overflow:clip !important;
    overflow:visible !important;

    padding:
        11px 12px !important;

    line-height:1.35 !important;
}


/* tablet */
@media(max-width:991px) {

    body.product-category-20
    a.subcat2 .cat_bg {
        flex-basis:64px !important;

        width:64px !important;
        min-width:64px !important;
    }

}


/* mobile */
@media(max-width:600px) {

    body.product-category-20
    a.subcat2 .cat_bg {
        flex-basis:58px !important;

        width:58px !important;
        min-width:58px !important;
    }

    body.product-category-20
    a.subcat2 .subcat_title {
        padding:
            9px 9px !important;

        font-size:11px !important;
    }

}


/* =========================================================
   MODORA CATEGORY V1.9
   Editorial breadcrumb / category hero
========================================================= */

body.product-category-20
.content-top-breadcum {
    position:relative;

    background:#f3f0ea !important;
    background-image:none !important;

    color:#171717 !important;

    border:0 !important;
    border-bottom:
        1px solid rgba(25,22,18,.08) !important;

    box-shadow:none !important;

    margin:0 !important;
    padding:0 !important;
}


/* remove possible legacy dark overlays */
body.product-category-20
.content-top-breadcum:before,
body.product-category-20
.content-top-breadcum:after {
    background:none !important;
    opacity:0 !important;
}


/* inner spacing */
body.product-category-20
.content-top-breadcum
#title-content {
    padding:
        26px 0 30px !important;

    color:#171717 !important;
}


/* -----------------------------------------
   Breadcrumb
----------------------------------------- */

body.product-category-20
.content-top-breadcum
.breadcrumb {
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:0;

    margin:
        0 0 14px !important;

    padding:0 !important;

    background:transparent !important;

    border:0 !important;

    box-shadow:none !important;
}


/* breadcrumb items */
body.product-category-20
.content-top-breadcum
.breadcrumb > li {
    display:inline-flex;
    align-items:center;

    margin:0 !important;

    padding:0 !important;

    color:#797168 !important;

    font-size:10px !important;
    line-height:1.4 !important;

    font-weight:600 !important;

    letter-spacing:.35px;
}


/* separator */
body.product-category-20
.content-top-breadcum
.breadcrumb > li + li:before {
    content:"/" !important;

    display:inline-block;

    padding:
        0 9px !important;

    color:#b3aaa0 !important;

    font-weight:400 !important;
}


/* breadcrumb links */
body.product-category-20
.content-top-breadcum
.breadcrumb a {
    color:#746d64 !important;

    text-decoration:none !important;

    text-shadow:none !important;

    transition:
        color .15s ease;
}


body.product-category-20
.content-top-breadcum
.breadcrumb a:hover {
    color:#171717 !important;
}


/* current/last breadcrumb */
body.product-category-20
.content-top-breadcum
.breadcrumb li:last-child a {
    color:#171717 !important;
    font-weight:700 !important;
}


/* home icon */
body.product-category-20
.content-top-breadcum
.breadcrumb .fa-home {
    color:#8f744f !important;

    font-size:11px !important;
}


/* -----------------------------------------
   H1
----------------------------------------- */

body.product-category-20
.content-top-breadcum
h1 {
    position:relative;

    display:inline-block;

    margin:0 !important;

    padding:
        0 0 13px !important;

    color:#171717 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(38px,4.5vw,62px) !important;

    line-height:1 !important;

    font-weight:400 !important;

    letter-spacing:
        -2px !important;

    text-shadow:none !important;
}


/* small gold editorial underline */
body.product-category-20
.content-top-breadcum
h1:after {
    content:"";

    position:absolute;

    left:1px;
    bottom:0;

    width:38px;
    height:2px;

    background:#a78352;
}


/* -----------------------------------------
   Mobile
----------------------------------------- */

@media(max-width:767px) {

    body.product-category-20
    .content-top-breadcum
    #title-content {
        padding:
            19px 0 22px !important;
    }

    body.product-category-20
    .content-top-breadcum
    .breadcrumb {
        margin-bottom:
            11px !important;
    }

    body.product-category-20
    .content-top-breadcum
    .breadcrumb > li {
        font-size:
            9px !important;
    }

    body.product-category-20
    .content-top-breadcum
    .breadcrumb > li + li:before {
        padding:
            0 6px !important;
    }

    body.product-category-20
    .content-top-breadcum
    h1 {
        font-size:
            clamp(32px,10vw,44px) !important;

        letter-spacing:
            -1.3px !important;
    }
}


/* =========================================================
   MODORA CATEGORY V2.0
   Dark graphite category hero
========================================================= */

body.product-category-20
.content-top-breadcum {
    background:#242424 !important;
    background-image:none !important;

    color:#f5f3ef !important;

    border-bottom:
        1px solid rgba(255,255,255,.08) !important;
}


/* breadcrumb */
body.product-category-20
.content-top-breadcum
.breadcrumb > li {
    color:#b9b5af !important;
}

body.product-category-20
.content-top-breadcum
.breadcrumb a {
    color:#bbb6af !important;
}

body.product-category-20
.content-top-breadcum
.breadcrumb a:hover {
    color:#ffffff !important;
}

body.product-category-20
.content-top-breadcum
.breadcrumb li:last-child a {
    color:#ffffff !important;
}


/* separators */
body.product-category-20
.content-top-breadcum
.breadcrumb > li + li:before {
    color:#77736e !important;
}


/* home icon */
body.product-category-20
.content-top-breadcum
.breadcrumb .fa-home {
    color:#b89563 !important;
}


/* H1 */
body.product-category-20
.content-top-breadcum
h1 {
    color:#f7f5f1 !important;

    text-shadow:none !important;
}


/* gold underline */
body.product-category-20
.content-top-breadcum
h1:after {
    background:#b89563 !important;
}


/* =========================================================
   MODORA CATEGORY
   Mobile -50% promo banner protection
========================================================= */

@media(max-width:767px) {

    /*
     * Force the promo artwork below floated/category blocks.
     * Keep the complete image visible.
     */
    body.product-category-20
    img[src*="50_percent.png"] {
        position:relative !important;
        z-index:2 !important;

        display:block !important;

        clear:both !important;
        float:none !important;

        width:auto !important;
        height:auto !important;

        max-width:100% !important;
        max-height:none !important;

        margin:
            18px auto 24px !important;

        padding:0 !important;

        object-fit:contain !important;
        object-position:center center !important;

        transform:none !important;

        opacity:1 !important;
        visibility:visible !important;
    }


    /*
     * Make sure legacy image wrappers cannot crop it.
     */
    body.product-category-20
    img[src*="50_percent.png"] {
        overflow:visible !important;
    }
}


/* =========================================================
   MODORA CATEGORY V2.2
   Mobile 50% banner — full independent row
========================================================= */

@media(max-width:767px) {

    /*
     * Legacy category scroller must not crop the promo.
     */
    body.product-category-20
    .category-inner2 {
        float:none !important;

        width:100% !important;
        height:auto !important;

        overflow:visible !important;

        margin-bottom:8px !important;
    }


    /*
     * Convert old inline nowrap strip
     * into normal responsive rows.
     */
    body.product-category-20
    .box-category2 {
        float:none !important;

        display:flex !important;
        flex-wrap:wrap !important;
        align-items:stretch !important;

        width:100% !important;

        padding:0 !important;

        white-space:normal !important;

        overflow:visible !important;
    }


    /*
     * 50% artwork gets a complete row.
     */
    body.product-category-20
    .box-category2
    .fifttperc_cont {
        flex:
            0 0 100% !important;

        display:block !important;

        width:100% !important;
        max-width:100% !important;

        height:auto !important;
        min-height:0 !important;

        margin:
            4px 0 14px !important;

        padding:0 !important;

        clear:both !important;
        float:none !important;

        overflow:visible !important;

        text-align:center !important;
    }


    /*
     * Remove legacy bounce movement.
     * The banner stays stable above the cards.
     */
    body.product-category-20
    .fifttperc_cont.animated {
        animation:none !important;
        -webkit-animation:none !important;

        transform:none !important;
    }


    body.product-category-20
    .fifttperc_cont
    a[class~="50perc"] {
        display:flex !important;

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

        width:100% !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;
    }


    /*
     * Override legacy:
     * .fifttperc_cont img { height:50px }
     */
    body.product-category-20
    .fifttperc_cont
    img[src*="50_percent.png"] {
        position:static !important;

        display:block !important;

        width:auto !important;
        height:auto !important;

        max-width:100% !important;
        max-height:none !important;

        margin:0 auto !important;
        padding:0 !important;

        float:none !important;

        object-fit:contain !important;

        opacity:1 !important;
        visibility:visible !important;

        transform:none !important;
    }


    /*
     * Subcategory cards start AFTER promo row.
     */
    body.product-category-20
    .box-category2
    > a.subcat2 {
        flex:
            0 0 100% !important;

        width:100% !important;
        max-width:100% !important;
    }
}


/* =========================================================
   MODORA CATEGORY V2.3
   Mobile horizontal swipe subcategories
========================================================= */

@media(max-width:767px) {

    /*
     * Horizontal touch scroller
     */
    body.product-category-20
    .category-inner2 {
        display:block !important;

        width:100% !important;

        margin-bottom:10px !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none;

        scroll-snap-type:x proximity;
    }

    body.product-category-20
    .category-inner2::-webkit-scrollbar {
        display:none !important;
    }


    /*
     * ONE continuous row:
     * promo + all categories
     */
    body.product-category-20
    .box-category2 {
        display:flex !important;
        flex-wrap:nowrap !important;

        align-items:flex-start !important;

        gap:8px !important;

        width:max-content !important;
        min-width:100% !important;

        padding:
            4px 10px 9px !important;

        margin:0 !important;

        float:none !important;

        white-space:normal !important;

        overflow:visible !important;
    }


    /* =====================================================
       50% PROMO = first item in the slider
    ===================================================== */

    body.product-category-20
    .box-category2
    .fifttperc_cont {
        flex:
            0 0 82px !important;

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

        width:82px !important;
        max-width:82px !important;

        min-height:64px !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        float:none !important;
        clear:none !important;

        overflow:visible !important;

        scroll-snap-align:start;
    }


    /* no bouncing */
    body.product-category-20
    .fifttperc_cont.animated {
        animation:none !important;
        -webkit-animation:none !important;

        transform:none !important;
    }


    body.product-category-20
    .fifttperc_cont
    a[class~="50perc"] {
        display:flex !important;

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

        width:82px !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;
    }


    /*
     * Override legacy height:50px.
     * Keep complete artwork.
     */
    body.product-category-20
    .fifttperc_cont
    img[src*="50_percent.png"] {
        position:static !important;

        display:block !important;

        width:72px !important;
        max-width:72px !important;

        height:auto !important;
        max-height:none !important;

        margin:auto !important;

        object-fit:contain !important;

        opacity:1 !important;
        visibility:visible !important;

        transform:none !important;
    }


    /* =====================================================
       SUBCATEGORY CARDS
    ===================================================== */

    body.product-category-20
    .box-category2
    > a.subcat2 {
        flex:
            0 0 clamp(170px,48vw,220px) !important;

        display:flex !important;
        align-items:stretch !important;

        width:auto !important;
        max-width:none !important;

        min-height:64px !important;
        height:auto !important;

        margin:0 !important;

        overflow:hidden !important;

        scroll-snap-align:start;
    }


    /* image on left */
    body.product-category-20
    .box-category2
    > a.subcat2
    .cat_bg {
        flex:
            0 0 58px !important;

        width:58px !important;
        min-width:58px !important;

        height:auto !important;
        min-height:64px !important;

        margin:0 !important;

        background-size:contain !important;
        background-position:center center !important;
        background-repeat:no-repeat !important;
    }


    /* text on right */
    body.product-category-20
    .box-category2
    > a.subcat2
    .subcat_title {
        flex:1 1 auto !important;

        display:flex !important;
        align-items:center !important;

        min-width:0 !important;
        width:auto !important;

        min-height:64px !important;
        height:auto !important;

        padding:
            9px 10px !important;

        white-space:normal !important;

        word-break:normal !important;
        overflow-wrap:normal !important;

        hyphens:none !important;
        -webkit-hyphens:none !important;

        overflow:visible !important;
        text-overflow:clip !important;

        font-size:11px !important;
        line-height:1.35 !important;

        text-align:left !important;
    }

}


/* =========================================================
   MODORA CATEGORY V2.4
   Stable mobile filters overlay
========================================================= */

@media(max-width:767px) {

    /*
     * When filters are open, page behind them
     * must not continue scrolling.
     */
    body.modora-filter-open {
        overflow:hidden !important;
    }


    /*
     * Filter title bar
     */
    body.product-category-20
    #products-filters-title {
        position:fixed !important;

        top:0 !important;
        left:0 !important;
        right:0 !important;

        width:100% !important;
        height:48px !important;

        margin:0 !important;
        padding:13px 16px !important;

        background:#242424 !important;
        color:#fff !important;

        border:0 !important;

        z-index:5002 !important;

        box-sizing:border-box !important;
    }


    body.product-category-20
    #products-filters-title
    .fa-remove {
        color:#fff !important;
    }


    /*
     * Main filter panel
     */
    body.product-category-20.modora-filter-open
    #column-left {
        position:fixed !important;

        top:48px !important;
        bottom:52px !important;

        left:0 !important;
        right:0 !important;

        width:100% !important;
        height:auto !important;

        margin:0 !important;
        padding:
            12px 14px 24px !important;

        background:#f3f0ea !important;

        overflow-x:hidden !important;
        overflow-y:auto !important;

        -webkit-overflow-scrolling:touch;

        overscroll-behavior:contain;

        z-index:5000 !important;
    }


    /*
     * Bottom apply button area
     */
    body.product-category-20
    #products-filters-btn {
        position:fixed !important;

        left:0 !important;
        right:0 !important;
        bottom:0 !important;

        width:100% !important;
        min-height:52px !important;

        margin:0 !important;
        padding:8px 12px !important;

        background:#fff !important;

        border-top:
            1px solid rgba(25,22,18,.10) !important;

        z-index:5002 !important;

        box-sizing:border-box !important;
    }


    /*
     * Header stays underneath the filter modal.
     */
    body.modora-filter-open
    header {
        z-index:100 !important;
    }

}


/* =========================================================
   MODORA CATEGORY V2.5
   Selected filter chips
========================================================= */

body.product-category-20
.sel_filter,

body.product-category-20
.sel_producer,

body.product-category-20
.sel_size,

body.product-category-20
.sel_price,

body.product-category-20
.selected_filter {
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;

    min-height:30px !important;

    margin:
        3px 5px 3px 0 !important;

    padding:
        6px 10px !important;

    background:#f3f0ea !important;
    color:#171717 !important;

    border:
        1px solid rgba(25,22,18,.12) !important;

    border-radius:2px !important;

    box-shadow:none !important;

    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:600 !important;

    text-shadow:none !important;

    cursor:pointer;

    opacity:1 !important;

    transition:
        background .16s ease,
        border-color .16s ease,
        color .16s ease !important;
}


/* Remove icon */
body.product-category-20
.sel_filter .fa-remove,

body.product-category-20
.sel_producer .fa-remove,

body.product-category-20
.sel_size .fa-remove,

body.product-category-20
.sel_price .fa-remove,

body.product-category-20
.selected_filter .fa-remove {
    color:#514c45 !important;

    font-size:10px !important;

    opacity:.7 !important;

    text-shadow:none !important;

    transition:
        opacity .16s ease,
        color .16s ease !important;
}


/* Hover */
body.product-category-20
.sel_filter:hover,

body.product-category-20
.sel_producer:hover,

body.product-category-20
.sel_size:hover,

body.product-category-20
.sel_price:hover,

body.product-category-20
.selected_filter:hover {
    background:#ebe6dd !important;
    color:#111 !important;

    border-color:
        rgba(25,22,18,.22) !important;
}


body.product-category-20
.sel_filter:hover .fa-remove,

body.product-category-20
.sel_producer:hover .fa-remove,

body.product-category-20
.sel_size:hover .fa-remove,

body.product-category-20
.sel_price:hover .fa-remove,

body.product-category-20
.selected_filter:hover .fa-remove {
    color:#171717 !important;
    opacity:1 !important;
}


/* Mobile */
@media(max-width:767px) {

    body.product-category-20
    .sel_filter,

    body.product-category-20
    .sel_producer,

    body.product-category-20
    .sel_size,

    body.product-category-20
    .sel_price,

    body.product-category-20
    .selected_filter {
        min-height:32px !important;

        padding:
            7px 10px !important;

        font-size:11px !important;
    }

}


/* =========================================================
   MODORA CATEGORY V2.6
   Editorial category guide / SEO content
========================================================= */

body.product-category-20
.modora-category-guide {
    position:relative;

    width:100%;

    margin:
        42px 0 22px !important;

    padding:
        48px 52px 50px !important;

    background:#f7f4ee !important;

    color:#393530 !important;

    border:
        1px solid rgba(25,22,18,.075) !important;

    border-top:
        1px solid rgba(25,22,18,.12) !important;

    box-shadow:none !important;

    overflow:hidden;
}


/* MODORA gold detail */
body.product-category-20
.modora-category-guide__accent {
    width:42px;
    height:2px;

    margin:
        0 0 25px !important;

    background:#a78352;
}


/* readable column */
body.product-category-20
.modora-category-guide__content {
    width:100%;
    max-width:960px;

    margin:0 auto !important;

    color:#393530 !important;

    font-family:
        var(--modora-font),
        "Manrope",
        Arial,
        sans-serif !important;

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


/* Kill old white inline/category text */
body.product-category-20
.modora-category-guide__content p,
body.product-category-20
.modora-category-guide__content div,
body.product-category-20
.modora-category-guide__content span,
body.product-category-20
.modora-category-guide__content li {
    color:#393530 !important;
}


/* =========================================================
   HEADINGS
========================================================= */

body.product-category-20
.modora-category-guide__content h1,
body.product-category-20
.modora-category-guide__content h2,
body.product-category-20
.modora-category-guide__content h3,
body.product-category-20
.modora-category-guide__content h4 {
    color:#171717 !important;

    font-family:
        var(--modora-font),
        "Manrope",
        Arial,
        sans-serif !important;

    text-shadow:none !important;
}


body.product-category-20
.modora-category-guide__content h2 {
    margin:
        34px 0 16px !important;

    font-size:
        clamp(24px,2.5vw,34px) !important;

    line-height:1.18 !important;

    font-weight:600 !important;

    letter-spacing:
        -1px !important;
}


body.product-category-20
.modora-category-guide__content h2:first-child {
    margin-top:0 !important;
}


body.product-category-20
.modora-category-guide__content h3 {
    margin:
        27px 0 12px !important;

    font-size:19px !important;
    line-height:1.3 !important;

    font-weight:700 !important;

    letter-spacing:
        -.35px !important;
}


body.product-category-20
.modora-category-guide__content h4 {
    margin:
        22px 0 10px !important;

    font-size:15px !important;

    font-weight:700 !important;
}


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

body.product-category-20
.modora-category-guide__content p {
    margin:
        0 0 17px !important;

    padding:0 !important;

    color:#393530 !important;

    font-size:14px !important;
    line-height:1.8 !important;

    font-weight:400 !important;

    text-align:left !important;
}


body.product-category-20
.modora-category-guide__content p:last-child {
    margin-bottom:0 !important;
}


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

body.product-category-20
.modora-category-guide__content strong,
body.product-category-20
.modora-category-guide__content b {
    color:#171717 !important;
    font-weight:700 !important;
}


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

body.product-category-20
.modora-category-guide__content a {
    color:#87663d !important;

    font-weight:600 !important;

    text-decoration:
        underline !important;

    text-decoration-thickness:
        1px !important;

    text-underline-offset:
        3px !important;

    transition:
        color .15s ease !important;
}


body.product-category-20
.modora-category-guide__content a:hover {
    color:#171717 !important;
}


/* =========================================================
   LISTS
========================================================= */

body.product-category-20
.modora-category-guide__content ul,
body.product-category-20
.modora-category-guide__content ol {
    margin:
        16px 0 21px !important;

    padding-left:
        23px !important;
}


body.product-category-20
.modora-category-guide__content li {
    margin:
        7px 0 !important;

    padding-left:
        4px !important;

    color:#393530 !important;

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


body.product-category-20
.modora-category-guide__content li::marker {
    color:#9b7748;
}


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

body.product-category-20
.modora-category-guide__content blockquote {
    margin:
        27px 0 !important;

    padding:
        17px 21px !important;

    background:
        rgba(255,255,255,.58) !important;

    color:#282521 !important;

    border:0 !important;
    border-left:
        3px solid #a78352 !important;

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


/* =========================================================
   TABLES
========================================================= */

body.product-category-20
.modora-category-guide__content table {
    width:100% !important;

    margin:
        24px 0 !important;

    border-collapse:
        collapse !important;

    background:
        rgba(255,255,255,.62) !important;

    color:#2c2925 !important;
}


body.product-category-20
.modora-category-guide__content th,
body.product-category-20
.modora-category-guide__content td {
    padding:
        11px 13px !important;

    color:#2c2925 !important;

    border:
        1px solid rgba(25,22,18,.09) !important;

    text-align:left !important;

    font-size:12px !important;
    line-height:1.5 !important;
}


body.product-category-20
.modora-category-guide__content th {
    background:#ebe6dc !important;

    color:#171717 !important;

    font-weight:700 !important;
}


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

body.product-category-20
.modora-category-guide__content img {
    display:block;

    max-width:100% !important;
    height:auto !important;

    margin:
        25px auto !important;
}


/* =========================================================
   OLD SPACERS INSIDE GENERATED TEXT
========================================================= */

body.product-category-20
.modora-category-guide__content
.spacer,

body.product-category-20
.modora-category-guide__content
.spacer20,

body.product-category-20
.modora-category-guide__content
.spacer30 {
    height:12px !important;
}


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

@media(max-width:767px) {

    body.product-category-20
    .modora-category-guide {
        margin:
            28px 0 14px !important;

        padding:
            29px 19px 31px !important;
    }


    body.product-category-20
    .modora-category-guide__accent {
        margin-bottom:
            19px !important;
    }


    body.product-category-20
    .modora-category-guide__content {
        font-size:
            13px !important;

        line-height:
            1.72 !important;
    }


    body.product-category-20
    .modora-category-guide__content p {
        font-size:
            13px !important;

        line-height:
            1.72 !important;
    }


    body.product-category-20
    .modora-category-guide__content h2 {
        margin:
            27px 0 13px !important;

        font-size:
            23px !important;

        letter-spacing:
            -.6px !important;
    }


    body.product-category-20
    .modora-category-guide__content h3 {
        margin:
            23px 0 10px !important;

        font-size:
            17px !important;
    }


    body.product-category-20
    .modora-category-guide__content table {
        display:block;

        max-width:100%;

        overflow-x:auto;

        -webkit-overflow-scrolling:touch;
    }

}


/* =========================================================
   MODORA CATEGORY V2.7
   Mobile editorial content behind Kombinacje i style
========================================================= */

@media(max-width:767px) {

    /* -----------------------------------------------------
       KEEP THE BUTTON CLEARLY VISIBLE
    ----------------------------------------------------- */

    body.product-category-20
    #combinationsBTN {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;

        min-height:40px !important;

        margin:
            0 0 8px 4px !important;

        padding:
            10px 15px !important;

        background:#242424 !important;
        color:#f7f5f1 !important;

        border:
            1px solid #242424 !important;

        border-radius:2px !important;

        box-shadow:none !important;

        font-size:11px !important;
        line-height:1.2 !important;
        font-weight:700 !important;

        letter-spacing:.25px !important;

        text-shadow:none !important;
        text-decoration:none !important;

        opacity:1 !important;
        visibility:visible !important;

        position:relative !important;
        z-index:3 !important;
    }


    body.product-category-20
    #combinationsBTN .fa {
        color:#b89563 !important;
    }


    body.product-category-20
    #combinationsBTN:hover,
    body.product-category-20
    #combinationsBTN:focus {
        background:#171717 !important;
        color:#fff !important;

        border-color:#171717 !important;
    }


    /* -----------------------------------------------------
       CONTENT IS CLOSED UNTIL BUTTON IS PRESSED

       No !important here intentionally:
       jQuery slideToggle() must be able to set display:block.
    ----------------------------------------------------- */

    body.product-category-20
    .mobile_combinations {
        display:none;

        clear:both;

        width:100% !important;

        margin:
            5px 0 20px !important;

        padding:
            28px 20px 30px !important;

        box-sizing:border-box !important;

        background:#f7f4ee !important;
        color:#393530 !important;

        border:
            1px solid rgba(25,22,18,.09) !important;

        border-top:
            2px solid #a78352 !important;

        box-shadow:none !important;

        text-align:left !important;

        font-family:
            var(--modora-font),
            "Manrope",
            Arial,
            sans-serif !important;

        font-size:13px !important;
        line-height:1.72 !important;
    }


    /* -----------------------------------------------------
       KILL OLD WHITE TEXT
    ----------------------------------------------------- */

    body.product-category-20
    .mobile_combinations p,

    body.product-category-20
    .mobile_combinations div,

    body.product-category-20
    .mobile_combinations span,

    body.product-category-20
    .mobile_combinations section,

    body.product-category-20
    .mobile_combinations article,

    body.product-category-20
    .mobile_combinations li,

    body.product-category-20
    .mobile_combinations td {
        color:#393530 !important;

        text-shadow:none !important;
    }


    /* -----------------------------------------------------
       HEADINGS
    ----------------------------------------------------- */

    body.product-category-20
    .mobile_combinations h1,

    body.product-category-20
    .mobile_combinations h2,

    body.product-category-20
    .mobile_combinations h3,

    body.product-category-20
    .mobile_combinations h4 {
        color:#171717 !important;

        font-family:
            var(--modora-font),
            "Manrope",
            Arial,
            sans-serif !important;

        text-shadow:none !important;
    }


    body.product-category-20
    .mobile_combinations h2 {
        margin:
            26px 0 12px !important;

        font-size:23px !important;
        line-height:1.2 !important;

        font-weight:600 !important;

        letter-spacing:
            -.6px !important;
    }


    body.product-category-20
    .mobile_combinations h2:first-of-type {
        margin-top:0 !important;
    }


    body.product-category-20
    .mobile_combinations h3 {
        margin:
            22px 0 10px !important;

        font-size:17px !important;
        line-height:1.3 !important;

        font-weight:700 !important;
    }


    body.product-category-20
    .mobile_combinations h4 {
        margin:
            19px 0 8px !important;

        font-size:14px !important;
        font-weight:700 !important;
    }


    /* -----------------------------------------------------
       PARAGRAPHS
    ----------------------------------------------------- */

    body.product-category-20
    .mobile_combinations p {
        margin:
            0 0 15px !important;

        padding:0 !important;

        color:#393530 !important;

        font-size:13px !important;
        line-height:1.72 !important;

        font-weight:400 !important;

        text-align:left !important;
    }


    body.product-category-20
    .mobile_combinations p:last-child {
        margin-bottom:0 !important;
    }


    /* -----------------------------------------------------
       STRONG
    ----------------------------------------------------- */

    body.product-category-20
    .mobile_combinations strong,

    body.product-category-20
    .mobile_combinations b {
        color:#171717 !important;
        font-weight:700 !important;
    }


    /* -----------------------------------------------------
       LINKS
    ----------------------------------------------------- */

    body.product-category-20
    .mobile_combinations a {
        color:#87663d !important;

        font-weight:600 !important;

        text-decoration:underline !important;
        text-decoration-thickness:1px !important;
        text-underline-offset:3px !important;
    }


    /* -----------------------------------------------------
       LISTS
    ----------------------------------------------------- */

    body.product-category-20
    .mobile_combinations ul,

    body.product-category-20
    .mobile_combinations ol {
        margin:
            14px 0 19px !important;

        padding-left:
            22px !important;
    }


    body.product-category-20
    .mobile_combinations li {
        margin:
            6px 0 !important;

        color:#393530 !important;

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


    body.product-category-20
    .mobile_combinations li::marker {
        color:#9b7748 !important;
    }


    /* -----------------------------------------------------
       TABLES
    ----------------------------------------------------- */

    body.product-category-20
    .mobile_combinations table {
        display:block;

        width:100% !important;
        max-width:100% !important;

        margin:
            20px 0 !important;

        overflow-x:auto;

        background:
            rgba(255,255,255,.55) !important;

        border-collapse:
            collapse !important;

        -webkit-overflow-scrolling:touch;
    }


    body.product-category-20
    .mobile_combinations th,

    body.product-category-20
    .mobile_combinations td {
        padding:
            10px 11px !important;

        border:
            1px solid rgba(25,22,18,.09) !important;

        color:#2c2925 !important;

        font-size:12px !important;
        line-height:1.5 !important;
    }


    body.product-category-20
    .mobile_combinations th {
        background:#ebe6dc !important;
        color:#171717 !important;

        font-weight:700 !important;
    }


    /* Images inside generated editorial content */
    body.product-category-20
    .mobile_combinations img {
        max-width:100% !important;
        height:auto !important;
    }

}


/* =========================================================
   MODORA CATEGORY V2.8
   Complete mobile product cards
========================================================= */

@media(max-width:767px) {

    /* -----------------------------------------------------
       COMPLETE CARD
    ----------------------------------------------------- */

    body.product-category-20
    .products_container.container
    .product-items {
        display:flex !important;
        flex-direction:column !important;

        min-width:0 !important;

        margin-bottom:12px !important;
        padding:0 !important;

        background:#f7f4ee !important;

        border:
            1px solid rgba(25,22,18,.10) !important;

        border-radius:6px !important;

        box-shadow:
            0 5px 18px rgba(25,22,18,.055) !important;

        overflow:hidden !important;
    }


    body.product-category-20
    .product-items
    .product-block {
        flex:1 1 auto !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:#f7f4ee !important;

        border:0 !important;
        box-shadow:none !important;
    }


    body.product-category-20
    .product-items
    .product-block-inner {
        display:flex !important;
        flex-direction:column !important;

        width:100% !important;
        height:100% !important;

        background:#f7f4ee !important;
    }


    /* -----------------------------------------------------
       IMAGE AREA
    ----------------------------------------------------- */

    body.product-category-20
    .product-items
    a.image_link {
        position:relative !important;

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

        width:100% !important;

        background:#fff !important;

        overflow:hidden !important;
    }


    body.product-category-20
    .product-items
    a.image_link img.image {
        display:block !important;

        width:auto !important;
        max-width:100% !important;

        height:auto !important;
        max-height:100% !important;

        margin:auto !important;

        object-fit:contain !important;
        object-position:center center !important;
    }


    /* -----------------------------------------------------
       PRODUCT INFORMATION
    ----------------------------------------------------- */

    body.product-category-20
    .product-items
    .product-details {
        flex:1 1 auto !important;

        width:100% !important;

        margin:0 !important;
        padding:
            12px 12px 11px !important;

        background:#f7f4ee !important;

        box-sizing:border-box !important;
    }


    body.product-category-20
    .product-items
    .caption {
        display:flex !important;
        flex-direction:column !important;

        width:100% !important;

        height:auto !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;
    }


    /* -----------------------------------------------------
       FULL PRODUCT TITLE
       No mobile truncation / line clamp
    ----------------------------------------------------- */

    body.product-category-20
    .product-items
    .caption h2 {
        width:100% !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:
            0 0 9px !important;

        padding:0 !important;

        overflow:visible !important;
    }


    body.product-category-20
    .product-items
    .caption h2 a {
        display:block !important;

        width:100% !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        color:#171717 !important;

        font-size:12px !important;
        line-height:1.42 !important;

        font-weight:600 !important;

        letter-spacing:
            -.08px !important;

        white-space:normal !important;

        word-break:normal !important;
        overflow-wrap:break-word !important;

        overflow:visible !important;

        text-overflow:clip !important;

        -webkit-line-clamp:unset !important;
        -webkit-box-orient:initial !important;

        text-decoration:none !important;
    }


    body.product-category-20
    .product-items
    .caption h2 a:hover {
        color:#87663d !important;
    }


    /* -----------------------------------------------------
       PRICE
    ----------------------------------------------------- */

    body.product-category-20
    .product-items
    .price {
        width:100% !important;

        margin:
            0 !important;

        padding:0 !important;

        color:#171717 !important;

        font-size:13px !important;
        line-height:1.4 !important;

        font-weight:700 !important;

        text-shadow:none !important;
    }


    body.product-category-20
    .product-items
    .price-new {
        color:#171717 !important;

        font-weight:800 !important;
    }


    body.product-category-20
    .product-items
    .price-old {
        color:#938d84 !important;

        font-size:11px !important;
        font-weight:500 !important;

        text-decoration:
            line-through !important;
    }


    /*
     * Mobile markup already has website inside caption.
     * Hide this duplicate because the complete footer below
     * will contain website + CTA, exactly like desktop.
     */
    body.product-category-20
    .product-items
    .caption > .website {
        display:none !important;
    }


    /* -----------------------------------------------------
       DESKTOP-LIKE FOOTER ON MOBILE
    ----------------------------------------------------- */

    body.product-category-20
    .product-items
    .caption2 {
        display:flex !important;

        flex:0 0 auto !important;

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

        gap:8px !important;

        width:100% !important;

        min-height:48px !important;

        margin:0 !important;

        padding:
            8px 9px 8px 11px !important;

        background:#242424 !important;

        border:0 !important;
        border-top:
            1px solid rgba(184,149,99,.28) !important;

        box-sizing:border-box !important;

        opacity:1 !important;
        visibility:visible !important;

        overflow:hidden !important;
    }


    /* shop/domain */
    body.product-category-20
    .product-items
    .caption2 > .website {
        display:block !important;

        flex:1 1 auto !important;

        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        color:#d9d4cc !important;

        font-size:10px !important;
        line-height:1.2 !important;

        font-weight:600 !important;

        letter-spacing:.15px !important;

        white-space:nowrap !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }


    body.product-category-20
    .product-items
    .caption2 > div:last-child {
        flex:0 0 auto !important;

        margin:0 !important;
        padding:0 !important;
    }


    /* CTA */
    body.product-category-20
    .product-items
    .caption2
    a.full-btn {
        display:inline-flex !important;

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

        min-height:32px !important;

        margin:0 !important;

        padding:
            7px 9px !important;

        background:transparent !important;

        color:#efd9a1 !important;

        border:
            1px solid #b89563 !important;

        border-radius:2px !important;

        box-shadow:none !important;

        font-size:10px !important;
        line-height:1.1 !important;

        font-weight:700 !important;

        text-decoration:none !important;

        white-space:nowrap !important;

        text-shadow:none !important;
    }


    body.product-category-20
    .product-items
    .caption2
    a.full-btn:hover,

    body.product-category-20
    .product-items
    .caption2
    a.full-btn:focus {
        background:#b89563 !important;

        color:#171717 !important;
    }

}


/* =========================================================
   MODORA CATEGORY V2.9
   Mobile product title / price overlap fix
========================================================= */

@media(max-width:767px) {

    body.product-category-20
    .product-items
    .product-details {
        position:static !important;

        display:block !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        overflow:visible !important;

        transform:none !important;
    }


    body.product-category-20
    .product-items
    .caption {
        position:static !important;

        display:flex !important;
        flex-direction:column !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        overflow:visible !important;

        transform:none !important;
    }


    /* PRODUCT TITLE */
    body.product-category-20
    .product-items
    .caption h2 {
        position:static !important;

        display:block !important;

        float:none !important;
        clear:both !important;

        flex:none !important;

        width:100% !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:
            0 0 11px !important;

        padding:0 !important;

        overflow:visible !important;

        transform:none !important;

        line-height:normal !important;
    }


    body.product-category-20
    .product-items
    .caption h2 a {
        position:static !important;

        display:block !important;

        float:none !important;

        width:100% !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        color:#171717 !important;

        font-size:12px !important;
        line-height:1.42 !important;

        white-space:normal !important;

        overflow:visible !important;
        text-overflow:clip !important;

        -webkit-line-clamp:unset !important;
        -webkit-box-orient:initial !important;

        transform:none !important;
    }


    /* PRICE MUST ALWAYS START BELOW TITLE */
    body.product-category-20
    .product-items
    .caption p.price {
        position:static !important;

        display:block !important;

        float:none !important;
        clear:both !important;

        flex:none !important;

        width:100% !important;

        height:auto !important;
        min-height:22px !important;
        max-height:none !important;

        margin:
            0 !important;

        padding:
            2px 0 0 !important;

        color:#171717 !important;

        font-size:13px !important;
        line-height:1.45 !important;

        font-weight:700 !important;

        white-space:normal !important;

        overflow:visible !important;

        transform:none !important;
        top:auto !important;
        bottom:auto !important;
        left:auto !important;
        right:auto !important;
    }


    body.product-category-20
    .product-items
    .caption .price-new,

    body.product-category-20
    .product-items
    .caption .price-old {
        position:static !important;

        float:none !important;

        height:auto !important;

        line-height:1.45 !important;

        vertical-align:baseline !important;

        transform:none !important;
    }

}


/* =========================================================
   MODORA CATEGORY V2.9
   Mobile product title / price overlap fix
========================================================= */

@media(max-width:767px) {

    body.product-category-20
    .product-items
    .product-details {
        position:static !important;

        display:block !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        overflow:visible !important;

        transform:none !important;
    }


    body.product-category-20
    .product-items
    .caption {
        position:static !important;

        display:flex !important;
        flex-direction:column !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        overflow:visible !important;

        transform:none !important;
    }


    /* PRODUCT TITLE */
    body.product-category-20
    .product-items
    .caption h2 {
        position:static !important;

        display:block !important;

        float:none !important;
        clear:both !important;

        flex:none !important;

        width:100% !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:
            0 0 11px !important;

        padding:0 !important;

        overflow:visible !important;

        transform:none !important;

        line-height:normal !important;
    }


    body.product-category-20
    .product-items
    .caption h2 a {
        position:static !important;

        display:block !important;

        float:none !important;

        width:100% !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        color:#171717 !important;

        font-size:12px !important;
        line-height:1.42 !important;

        white-space:normal !important;

        overflow:visible !important;
        text-overflow:clip !important;

        -webkit-line-clamp:unset !important;
        -webkit-box-orient:initial !important;

        transform:none !important;
    }


    /* PRICE MUST ALWAYS START BELOW TITLE */
    body.product-category-20
    .product-items
    .caption p.price {
        position:static !important;

        display:block !important;

        float:none !important;
        clear:both !important;

        flex:none !important;

        width:100% !important;

        height:auto !important;
        min-height:22px !important;
        max-height:none !important;

        margin:
            0 !important;

        padding:
            2px 0 0 !important;

        color:#171717 !important;

        font-size:13px !important;
        line-height:1.45 !important;

        font-weight:700 !important;

        white-space:normal !important;

        overflow:visible !important;

        transform:none !important;
        top:auto !important;
        bottom:auto !important;
        left:auto !important;
        right:auto !important;
    }


    body.product-category-20
    .product-items
    .caption .price-new,

    body.product-category-20
    .product-items
    .caption .price-old {
        position:static !important;

        float:none !important;

        height:auto !important;

        line-height:1.45 !important;

        vertical-align:baseline !important;

        transform:none !important;
    }

}