/* ==========================================================================
   DaySavers Custom CSS v4
   Unified from daysavers_custom_v3.css + chiara-custom.html updates
   Created: 2026-04-01
   ========================================================================== */


/* ==========================================================================
   1. BASE / GLOBAL STYLES
   ========================================================================== */

body {
    font-family: "sofia-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

img {
    border-radius: 25px;
}

.faqAnswer {
    font-size: 1.2em;
}

.mwts {
    text-align: center;
    font-weight: 600;
}

.login-form .form-actions {
    margin-bottom: 20px;
}

.shepple_social_login_wrapper {
    padding-top: 14px;
    margin: auto;
    max-width: 220px;
}

.pricingTable th {
    font-size: 0.8rem;
    padding: 12px;
}


/* ==========================================================================
   2. HEADER / NAVIGATION
   ========================================================================== */

.dropdown--quickSearch .form-input {
    font-size: 12px;
}

.navPages-action.activePage,
.navPages-action:hover {
    color: #ea7446 !important;
}

.navPages-action.activePage svg,
.navPages-action:hover svg {
    fill: #ea7446;
    stroke: #ea7446;
}

.navPages-list .navPages-item.navPages-item--btn .navPages-action,
.ccu__megaMenu ._left-sideV2-button {
    background: #ea7446 !important;
}

.navUser-item--samples .navUser-action {
    padding: 6px !important;
}

.navUser-item--samples .navUser-item-label {
    color: white;
}

.countPill {
    background-color: #ea7446 !important;
}

.deal-media b,
.banners .banner strong {
    font-weight: 500;
}

.banners {
    background-color: #ea7446 !important;
}


/* ==========================================================================
   3. PROGRESS BAR / CART BANNER
   ========================================================================== */

.progress-bar .progress-bar {
    background: #8bc2e6 !important;
}

.progress-bar .progress-bar::before {
    background-color: #ea7446 !important;
}

#nosto-a-plus,
.navPages-save-up-to {
    display: block !important;
}

.navPages-save-up-to {
    font-weight: 400;
}


/* ==========================================================================
   4. PRODUCT VIEW
   ========================================================================== */

.productView-details {
    background-color: #cae3f3 !important;
}

.productView-details .productView-title {
    order: 0;
}

.productView-details .productView-priceShareWrapper {
    order: 0;
}

.productView-details .productView-options {
    margin-top: 0px;
}

.productView-details .productView-info--belowTitle .productView-info-value {
    font-size: 14px;
}

.productView-details .product_below_options {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
}

.productView-title {
    font-size: 2rem;
    font-weight: 700;
}

.productView-rating {
    margin-bottom: 12px;
}

.productView-shortDesc,
[data-content-region=product_short_description] {
    width: 100% !important;
}

.productView-options .form-field--increments {
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
}

.productView-options .form-field--increments .form-label--alternate {
    font-weight: 700;
    font-size: 1.2rem;
}

.productView-options .form-label,
.field._radioPickList .form-option-name {
    font-weight: 600;
    font-size: 18px;
    color: #666;
}

.productView-options .form-action .button {
    font-size: 1.2rem;
}

.productView-options .form-action .button--primary {
    background-color: #ea7446;
    border-color: #ea7446;
    color: #fff;
}

.productView-options .form-action .button--primary:hover {
    background-color: #000 !important;
    border-color: #000;
}

.productView-optionsGrid .form-option {
    background: white;
}

.productView-reviewLink a {
    color: #ea7446 !important;
    font-weight: 600;
}

.productView-desc-heading {
    background-color: #ea7446;
    border-radius: .85714rem;
    padding: .5rem 1.6rem;
    margin-right: 1.6rem;
    color: white;
    border-bottom: 1px solid #ea7446;
    font-weight: 700;
}

.productView-desc-content h2 {
    color: #ea7446 !important;
}

.price-section-group--withTax,
.productView-price abbr {
    display: none !important;
}

.form-increment {
    border-top: 1px solid #cae3f3;
    border-bottom: 1px solid #cae3f3;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
}

.form-field--stock,
.productView-options-panel-heading {
    display: none !important;
}

.prod_qty_note {
    display: none;
}

.pb_prod_video_block {
    padding-top: 16px;
}

.above_reviews_content {
    display: inline-block;
    height: auto;
    width: 100%;
}

.region_below_main_img_content {
    margin: 20px 0 0 0;
    padding: 0 1.6rem;
}


/* -- Product Page Icons -- */

.DS_prodpg_icons {
    width: 100%;
    max-width: 394px;
    margin: auto;
    padding-top: 28px;
    display: block;
    border-radius: 0px;
}

.DS_prodpg_fsicon {
    width: 100%;
    max-width: 175px;
    margin: auto;
    padding-top: 28px;
    display: none;
}


/* -- Sale Flag (green for new theme) -- */

.ns-discount-percent,
.sale-flag-side {
    background-color: #04a14b !important;
}


/* -- Star Rating Fix -- */

.productView-price #stamped-badge-widget .stamped-fa-star-half-o::before {
    font-size: 35px;
}

.productView-price #stamped-badge-widget .stamped-fa-star-o::before {
    font-size: 35px;
}


/* -- SiteVibes Reviews -- */

#sitevibes-product-reviews {
    order: 30;
}

.sv-product-review-small__text {
    color: #666 !important;
}


/* -- PDP Specs -- */

.pdp_specs {
    padding-top: 20px;
    padding-bottom: 48px;
    margin: 18px;
}

.pdp_specs h2 {
    font-size: 24px;
    font-weight: 600;
}

#bb-kit-compontent-display {
    padding-bottom: 22px;
}


/* -- Bundle Kit Display -- */

.kit-component-display .bundlekit_product_url {
    color: #444 !important;
}

.kit-component-display .bundlekit_column {
    border-bottom: 2px solid #fff !important;
}

.kit-component-display .bundlekit_quantity {
    border: 2px solid #c0c0c0 !important;
    border-left: 2px solid #c0c0c0 !important;
    background: white;
    border-radius: 16px;
}

.kit-component-display .bundleincludes_heading {
    color: #474647 !important;
}


/* -- PDP Related Content -- */

.pdp_rel_content {
    width: 100%;
    max-width: 500px;
    margin: auto;
}

.pdp_rel_content h3 {
    text-align: left;
    font-weight: 800;
    margin-top: 12px;
    margin-bottom: 24px;
}

.pdp_rel_content a {
    font-weight: 700;
    font-size: 1.3rem;
    text-decoration: none;
    display: block !important;
}


/* -- FA Icon List (PDP related content) -- */

ul.fa-icon-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 520px;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

ul.fa-icon-list li {
    position: relative;
    padding-left: 44px;
    margin: 10px 0;
    line-height: 1.4;
    margin-bottom: 20px;
}

ul.fa-icon-list li::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 100;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #333;
    background: transparent;
}

.fa-blog::before  { content: "\f1ea"; color: #1f9d55; }
.fa-video::before { content: "\f144"; color: #f5b400; }
.fa-pdf::before   { content: "\f1c1"; color: #e24b4b; }

ul.fa-icon-list li:focus {
    outline: 2px dashed #999;
    outline-offset: 4px;
}


/* ==========================================================================
   5. PRODUCT GRID / CARDS
   ========================================================================== */

.card-body .card-title {
    color: #474647 !important;
}

.card-image-wrapper {
    background: #fcf7e3;
}

.ns-product-name {
    color: #474647;
}


/* ==========================================================================
   6. CATEGORY / LISTING PAGES
   ========================================================================== */

.chiara-categoriesList-name,
.page-heading {
    font-weight: 800;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.chiara-section .page-heading {
    color: #ea7446 !important;
}

.chiara-category-description {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    background: #fcf7e3;
}

.chiara-category-description p {
    font-family: Arial, Helvetica, sans-serif;
}


/* ==========================================================================
   7. CART
   ========================================================================== */

.cart-item-name a {
    color: #ea7446 !important;
}

.cart-actions .button--primary {
    background-color: #ea7446 !important;
    border-color: #ea7446 !important;
}

.button--primary:hover {
    background-color: #ea7446 !important;
}

.button--best-seller {
    background-color: #ea7446 !important;
}

.body .container .page .cart {
    margin-top: 50px;
}


/* ==========================================================================
   8. BLOG
   ========================================================================== */

.page-type-blog .page-content .page-heading,
.page-type-blog_post .page-content .page-heading {
    font-size: 30px;
}

.page-type-blog .sidebarBlock--newsletter .button--primary,
.page-type-blog_post .sidebarBlock--newsletter .button--primary {
    background-color: #ea7446;
    border-color: #ea7446;
}

.blog--single ul li {
    margin-bottom: 0.5rem;
}

.blog-post .pl_blog_snippet {
    display: none !important;
}

.sidebarBlock--blogTags {
    display: none;
}

.sidebarBlock--featuredPosts ._list ._item {
    margin-bottom: 0px;
}

.ccu__blogSearchForm {
    display: none;
}


/* ==========================================================================
   9. SIDEBAR
   ========================================================================== */

.page-sidebar .sidebarBlock .sidemod {
    margin-bottom: 0;
}

.page-sidebar .sidebarBlock .imgpics {
    display: block;
    text-align: center;
}

.page-sidebar .sidebarBlock .imgpics img {
    max-width: 200px;
    width: 100%;
}


/* ==========================================================================
   10. FOOTER
   ========================================================================== */

.footer {
    background-color: #ea7446;
}

.footer .SignUpTitle,
.footer ._heading {
    color: #0A0A0A;
}

.footer .SignUpTitle {
    font-weight: 200;
    font-size: 30px;
    font-family: serif;
    padding: 0;
    margin: 0 0 20px 0;
}

.footer .needsclick {
    display: block !important;
    padding: 0 !important;
}

.footer .needsclick input,
.footer .needsclick button {
    margin: 10px 0 0 0 !important;
    padding: 10px !important;
    width: 100% !important;
    max-width: 370px !important;
}

.footer .needsclick input {
    border: 1px solid #CECECE !important;
}

.footer .needsclick button {
    background: #ea7446 !important;
    padding: 10px 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    height: 40px !important;
}

.ccu__footer {
    border-top: none;
}

.ccu__footer ._section1 {
    background-color: #A3CED9 !important;
    padding-top: 4.386rem;
}

.ccu__footer ._section3 {
    background-color: #A3CED9;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 40px 0 30px 0;
}

.ccu__footer ._contact .footer-column {
    display: inline-block;
    width: 32%;
    height: auto;
    vertical-align: top;
}

.ccu__footer ._contact .footer-column h3 {
    margin-top: 0;
    font-family: "sofia-pro", Arial, Helvetica, sans-serif !important;
    font-size: 13px;
    font-weight: 700;
    color: #49494C;
}

.ccu__footer ._contact .footer-column a {
    color: #0A0A0A;
    font-family: "sofia-pro", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 400;
}

.ccu__footer ._section3 ._powered-by a {
    margin: 0 10px 0 0;
}

.ccu__footer ._powered-by {
    margin-top: 0;
}

.ccu__footer ._section3 .footer-payment-icons img {
    width: 45px;
}

.ccu__footer ._intro h5,
.ccu__footer ._intro p {
    color: #49494C !important;
}

.ccu__footer ._intro h5 {
    font-family: serif;
    font-size: 24px;
    font-weight: 200;
}

.ccu__footer ._intro p {
    font-size: 13px;
    font-weight: 400;
}

.ccu__footer .footer-column {
    display: block;
}

.ccu__footer .mobile.footer-accordion {
    display: none;
}

/* v4: Updated — copyright links now dark gray, lighter weight */
.ccu__footer ._copyright-links a {
    color: #474647 !important;
    text-decoration: none;
    font-weight: 400;
}

.ccu__footer ._copyright-links ul {
    white-space: nowrap;
}

.navUser.navUser--2 .navUser-item-phoneLabel {
    color: #ea7446 !important;
}


/* ==========================================================================
   11. NOSTO RECOMMENDATIONS
   ========================================================================== */

.nosto_pdp_footer {
    width: 100%;
    max-width: 1700px;
    margin: auto;
    padding-left: 12px;
    padding-right: 12px;
}

#nosto-page-product2 .swiper-button-next {
    right: 0px;
}

#nosto-page-product2 .swiper-button-prev {
    left: 0px;
}

#nosto-page-cart1 .ns-shop-all-container .button {
    border-color: #666 !important;
    color: #ea7446 !important;
}

#nosto-page-cart1 .ns-shop-all-container .button:hover {
    border-color: #ea7446 !important;
    color: #fff !important;
    background-color: #ea7446 !important;
}

.ns-serp .ns-sidebar-content {
    background: #fcf7e3;
}

.swiper-slide {
    border-radius: 25px;
    padding-top: 0px;
}

.swiper-button-next,
.swiper-button-prev {
    color: #555 !important;
}

.slick-vertical .productView-imageCarousel-nav-item.slick-slide,
.productView-imageCarousel-nav-item {
    border-radius: 25px;
}


/* ==========================================================================
   12. COOKIE CONSENT
   ========================================================================== */

#consent-manager {
    position: relative !important;
}

#consent-manager > div > div:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

#consent-manager > div > div > div {
    padding: 20px 50px 40px;
    border-radius: 5px;
    left: 50% !important;
    width: 520px !important;
    max-width: 100%;
    right: auto !important;
    bottom: auto !important;
    top: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    position: fixed;
    background: rgb(69, 69, 69);
}

#consent-manager > div span {
    line-height: 21px;
}

.css-1wn42nw .css-1k76mzs,
.css-1wn42nw button:nth-of-type(2) {
    display: none !important;
}

.css-1wn42nw {
    margin: auto !important;
    padding-top: 20px;
}

.css-a0j149 {
    font-weight: 600;
}


/* ==========================================================================
   13. HIDDEN ELEMENTS
   ========================================================================== */

._left-sideV2,
.b2b-cart-to-quote,
.b2b-add-to-quote,
.b2b,
.productView-tabs,
.ccu_productView-reviews,
.productView-productsList--related,
.quickview-alt,
.productGrid .card-figcaption,
#consent-manager-update-banner,
#previewModal,
.ds_pc,
.cart_freeshipinfo {
    display: none !important;
}

#faceted-search-container,
.account-reorder-form,
#sidebar-categories-nav000,
._seen,
.card-figcaption .card-figcaption-body {
    display: none !important;
}

.sidebarBlock--newProducts {
    display: none !important;
}

.chiara-section--newProducts {
    display: none !important;
}

.compare {
    display: none !important;
}


/* ==========================================================================
   14. MISCELLANEOUS / HOMEPAGE
   ========================================================================== */

.pl_home_subhead2 {
    font-weight: 500 !important;
}

.ccu__faqs {
    background: #fcf7e3;
}

.nav-group ._item ._item-thumb,
.footer-payment-icons,
.header-logo-image {
    border-radius: 0px;
}


/* ==========================================================================
   15. iOS SAFARI NAV FIX
   ========================================================================== */

@supports (-webkit-touch-callout: none) {
    .ccu__megaMenu,
    .ccu__megaMenu ._listV2 ._subList {
        top: 60px;
        overflow-y: auto !important;
        display: flex !important;
        flex-direction: column !important;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }

    .ccu__megaMenu ul,
    .ccu__megaMenu ._listV2 {
        display: flex;
        flex-direction: column;
        min-height: 101%;
        padding-bottom: 80px;
    }

    .navUser-quick-links {
        z-index: 1;
    }
}


/* ==========================================================================
   16. MEDIA QUERIES
   ========================================================================== */

/* -- Max 1000px: Footer wrapping -- */

@media screen and (max-width: 1000px) {
    .ccu__footer ._copyright-links ul {
        white-space: normal;
    }
}


/* -- Min 801px: Desktop nav & layout -- */

@media (min-width: 801px) {
    .ccu__megaMenu ._listV2 ._subList ._link {
        font-size: 13px;
        font-weight: 600;
        color: #474647;
    }

    .ccu__footer ._section1 .container {
        grid-template-columns: 25% 45% 30%;
    }

    .countPill {
        margin-left: 8px;
    }

    .progress-bar .progress-title {
        font-size: 20px;
    }

    .ns-product-info .ns-product-details {
        height: 158px !important;
    }

    .scrollToTop {
        display: none !important;
    }
}


/* -- Min 800px: Desktop nav -- */

@media (min-width: 800px) {
    .ccu__megaMenu ._listV2 ._subheading ._link .icon {
        height: 1rem;
        width: 1rem;
        margin-top: 0px;
    }

    .ccu__megaMenu ._listV2 ._subheading ._link {
        color: #ea7446;
    }

    .navPages-list .navPages-item .navPages-action:after {
        border-bottom: 2px solid #ea7446;
    }

    .nosto-preautocomplete,
    .ns-autocomplete {
        margin-top: 30px !important;
    }

    .navPages-list .navPages-item.navPages-item--btn .navPages-action:hover {
        color: #fff !important;
    }
}


/* -- Max 800px: Mobile / Tablet -- */

@media (max-width: 800px) {
    .dropdown--quickSearch .form-input {
        width: 100%;
    }

    .page-sidebar .sidebarBlock .imgpics img {
        max-width: 320px;
    }

    .ccu__megaMenu,
    .ccu__megaMenu ._listV2 ._subList {
        padding: 0 1.6rem 10em;
        overflow: auto;
    }

    .navUser-quick-links {
        background-color: #8bc2e6 !important;
    }

    .navPages-list.navPages-list--user .navPages-action--phone {
        color: #ea7446;
    }

    .navPages-item--btn.button--outline .navPages-action {
        color: #ea7446;
        border: 1px solid #ea7446;
    }

    .navPages-item--btn .navPages-action {
        background: #ea7446;
    }

    .navPages-parent,
    .navPages-subList-parent {
        color: #ea7446;
    }

    .bottomBar {
        display: none;
    }

    .productView-title {
        display: block;
    }

    .productView-priceShareWrapper,
    .productView-info--belowTitle {
        display: none;
    }

    .header-logo-image-container {
        margin-left: 0px;
        margin-right: 0px;
    }

    .header-logo {
        max-width: 150px;
        margin: auto !important;
        margin-right: 10px;
    }

    .header-main .header-main-container--top .header-logo--top {
        max-width: 187px;
        width: 100% !important;
    }

    .productView-options .form-action-group {
        background: #cae3f3;
    }

    .countPill {
        color: #fff !important;
    }

    .previewCart {
        margin-top: 60px !important;
    }

    .cart-actions {
        margin-bottom: 30px;
    }

    .productView-addition-content a,
    .productView-addition-content h4,
    .productView-addition-heading-toggle .icon,
    .productView-addition-subheading {
        display: block;
    }

    .productView-addition-content .productView-addition-panel-heading {
        display: none !important;
    }

    .ccu__footer ._copyright-links ul li + li {
        border-left: 1px solid #fff;
    }

    .chiara-category-description ._content:after {
        background: #fcf7e3;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fcf7e3), color-stop(70%, rgba(252, 247, 227, .7)), to(rgba(252, 247, 227, 0)));
        background: linear-gradient(0, #fcf7e3 0, rgba(252, 247, 227, .7) 70%, rgba(252, 247, 227, 0) 100%);
    }

    .above_reviews_content {
        order: 12;
    }

    .nosto_pdp_footer {
        background: #fcf7e3;
    }

    /* Footer mobile accordion */
    .ccu__footer .mobile.footer-accordion {
        display: block;
    }

    .ccu__footer .footer-column {
        display: none !important;
    }

    .ccu__footer ._contact {
        margin: 0 20px 1.6rem;
    }

    .ccu__footer ._intro {
        margin: 0 20px 1.6rem;
    }

    .ccu__footer ._newsletter {
        margin: 0 20px 1.6rem;
    }

    .ccu__footer ._contact .accordion-item {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        max-width: 800px;
        width: 100%;
    }

    .ccu__footer ._contact .accordion-item:last-of-type {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .ccu__footer ._contact .accordion-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
        cursor: pointer;
        font-size: 24px;
        font-family: sans-serif;
    }

    .ccu__footer ._contact .accordion-header span {
        color: #0A0A0A;
    }

    .ccu__footer ._contact .arrow-icon {
        width: 12px;
        height: 12px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        transform: rotate(45deg);
        transition: transform 0.3s ease;
        margin-right: 10px;
    }

    .ccu__footer ._contact .accordion-header.active .arrow-icon {
        transform: rotate(-135deg);
    }

    .ccu__footer ._contact .accordion-panel {
        display: none;
        padding-bottom: 20px;
        list-style: none;
        margin: 0;
    }

    .ccu__footer ._contact .accordion-panel li {
        padding: 8px 0;
    }

    .ccu__footer ._contact .accordion-panel li a {
        text-decoration: none;
        color: #0A0A0A;
        font-size: 22px;
        margin: 0 0 0 20px;
    }

    .chiara-category-description ._more .button[data-collapsible]::before {
        content: "... ";
        margin-right: 2px;
        display: inline;
    }

    .chiara-category-description ._more .button[data-collapsible] {
        white-space: nowrap;
        border: 0;
        margin: -46px 0 0 0;
        background-color: #fcf7e3;
        box-shadow: none;
        color: #ff6b35 !important;
        padding: 1px 1px 1px 10px;
    }

    .chiara-category-description ._content::after {
        background: none;
    }

    .chiara-category-description ._content {
        max-height: 100px;
    }

    .chiara-category-description ._more {
        text-align: right;
    }
}


/* -- Min 601px: Desktop utility -- */

@media screen and (min-width: 601px) {
    .pl-mobilehide {
        display: block !important;
    }

    .pl-mobileshow {
        display: none !important;
    }
}


/* -- Max 600px: Mobile utility -- */

@media screen and (max-width: 600px) {
    .pl-mobilehide {
        display: none !important;
    }

    .pl-mobileshow {
        display: block !important;
    }
}


/* -- Max 480px: Small mobile -- */

@media (max-width: 480px) {
    ul.fa-icon-list li {
        padding-left: 40px;
    }

    ul.fa-icon-list li::before {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }

    .sv-loyalty-popup-button--bottom-right {
        bottom: 84px !important;
    }

    .home_above_section1 {
        padding-top: 40px !important;
    }

    ._listV2-banner {
        display: none !important;
    }

    ._list-col ._subheading .u-hidden {
        display: block !important;
    }

    ._list-col ._subList li {
        list-style: none;
        display: inline-block;
        width: 100%;
    }

    ._list-col ._subList li img {
        max-width: 100px;
        display: block;
        float: left;
    }

    .ccu__footer ._section3 {
        padding-bottom: 30px;
    }

    .sv-widget .sv-product-review-small__star-container,
    .sv-widget .sv-product-review-small__reviews-text {
        margin: auto;
    }
}