.week-page {background-color: var(--c-category); padding-top: 10px;}
.week-page .category-content {background-color: #fff; padding-inline: 10px; padding-bottom: 20px;}
.week-page .week-title {background: no-repeat center / cover url("../images/best-seller-bg.webp"); margin-bottom: 8px;}
.week-page .week-title > :first-child {font-size: 16px; font-weight: 700; color: var(--c-card-anchor); text-transform: uppercase; text-align: center;}
.week-page .wrapper {display: grid; grid-template-columns: repeat(4, 1fr); }
.week-page .accessory-card-wrapper {padding-inline: 20px; margin-bottom: 10px;}
.week-page .accessory-card {width: 100%; text-align: center; padding-top: 20px; transition: box-shadow var(--trans-3);}
.week-page .accessory-card-wrapper:hover .accessory-card {box-shadow: 0 2px 25px 0 rgba(0,0,0,.11);}
.week-page .accessory-card-wrapper:nth-child(4n) {border-right: 0;}
.week-page .accessory-card p {text-align: left;}

/* SITEMAP PAGE */
.sitemap-page {padding-bottom: 40px;}
.sitemap-page .breadcrumb a {text-decoration: unset;}
.sitemap-page .breadcrumb span {color: var(--c-hover);}
.sitemap-page .title > :first-child {font-size: 22px; font-weight: 700; text-transform: capitalize; color: var(--c-card-anchor); padding-bottom: 15px; margin: 0 0 40px; position: relative;}
.sitemap-page .title > :first-child::after {content: ""; width: 70px; height: 3px; position: absolute; bottom: 0; left: 0; background: var(--c-heading-after);}
.sitemap-page .wrapper {display: grid; grid-template-columns: repeat(4, 1fr); padding: 20px 10px; border: 1px solid var(--c-cart-br); border-radius: 4px; margin-inline: 15px; box-shadow: 0 4px 0 var(--c-sitemap-shadow);}
.sitemap-page .sitemap-content {padding-inline: 15px;}
.sitemap-page .sitemap-content > :first-child {display: block; font-size: 14px; font-weight: 700; line-height: 1.2; color: #000; margin-bottom: 8px;}
.sitemap-page .sitemap-content > ul {margin-bottom: 16px;}
.sitemap-page .sitemap-content li {list-style: none; position: relative;}
.sitemap-page .sitemap-content li a {font-size: 13px; color: #000; padding-block: 3px; padding-left: 15px; position: relative;}
.sitemap-page .sitemap-content li a::after {width: 15px; height: 15px; background: no-repeat center / contain url("../images/icons/chevron-right.svg"); position: absolute; inset: 0; margin-block: auto; margin-right: auto; content: "";}
.sitemap-page .sitemap-content li a:hover {text-decoration: underline;}
.sitemap-page .sitemap-content li li {padding-left: 8px;}

.browsing-history .week-title > :first-child {font-size: 24px; padding: 10px;}


@media only screen and (max-width: 1200px) {
    .week-page .accessory-card-wrapper {padding-inline: 10px;}
    /* SITEMAP PAGE */
    .sitemap-page .title > :first-child {padding-bottom: 10px; margin-bottom: 20px;}
    .sitemap-page .wrapper {margin-inline: 0;}
    .sitemap-page .sitemap-content {padding-inline: 7px;}
}

@media only screen and (max-width: 992px) {
    /* SITEMAP */
    .sitemap-page .title > :first-child {font-size: 20px; margin-bottom: 25px;}
}

@media only screen and (max-width: 768px) {
    .week-page .wrapper {grid-template-columns: repeat(3, 1fr);}
    /* SITEMAP PAGE */
    .sitemap-page .wrapper {grid-template-columns: repeat(3, 1fr);}
    .sitemap-page .title > :first-child {font-size: 18px; margin-bottom: 20px;}
}

@media only screen and (max-width: 576px) {
    .week-page .accessory-card {padding-top: 12px;}
    .week-page .wrapper {grid-template-columns: repeat(2, 1fr);}
    .week-page .accessory-card-wrapper {padding-inline: 5px;}
    /* SITEMAP PAGE */
    .sitemap-page .title > :first-child {font-size: 16px; margin-bottom: 15px;}
    .sitemap-page .wrapper {grid-template-columns: repeat(2, 1fr);}
}

@media only screen and (max-width: 360px) {
    .sitemap-page .wrapper {grid-template-columns: 1fr;}
}