.cms-slide[hidden]{display:none}.cms-slide .hero-copy h1{white-space:pre-line}.preserve-lines{white-space:pre-line}.blog-topic-nav a{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border:1px solid #e4ddd5;border-radius:10px;color:var(--olive,#536447);background:#fff;flex:1;text-align:center}.blog-topic-nav a.active{background:var(--olive,#536447);color:#fff}.tag-list a{display:inline-block;background:#f2ece6;border-radius:6px;padding:6px 10px;font-size:12px}.editorial-body{line-height:2.2;overflow-wrap:anywhere}.editorial-body h2{margin:30px 0 12px;scroll-margin-top:130px}.editorial-body img,.article-cover{max-width:100%;height:auto;border-radius:14px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start}.article-content,.article-sidebar{min-width:0}.article-sidebar .sidebar-block,.consultation-card{margin-bottom:24px}.article-toc{display:grid;gap:12px}.content-page{max-width:900px;margin:auto}.cms-reviews .review-card{margin-bottom:16px}.review-reply{background:#f6f2ed;border-right:3px solid var(--olive,#536447);padding:12px;margin-top:16px}.cms-review-form{display:grid;gap:16px;max-width:700px}.cms-review-form input,.cms-review-form textarea,.cms-review-form select{width:100%;padding:12px;border:1px solid #ddd3c9;border-radius:8px;font:inherit;background:white}.cms-review-form .button{justify-self:start}.cms-reviews .review-header{flex-wrap:wrap;gap:12px}.cms-article-form fieldset{border:1px solid #e5dbd2;border-radius:12px;padding:16px;min-width:0}.cms-media-preview{max-width:200px;max-height:130px;object-fit:cover;border-radius:8px}.cms-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.club-balance{font-size:32px;font-weight:700;color:var(--olive,#536447)}.cms-small{font-size:13px;color:#84786c}.cms-form-actions{display:flex;gap:12px;flex-wrap:wrap}.cms-controls select{max-width:100%;width:100%}.cms-records th,.cms-records td{overflow-wrap:anywhere}.cms-records .button{white-space:nowrap}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cms-columns{grid-template-columns:1fr}}@media(max-width:600px){.article-sidebar{display:block}.blog-topic-nav a{flex:0 0 auto;padding:10px 14px}.article-header h1{font-size:26px}.cms-review-form{width:100%}}

.catalog-form{display:grid;gap:16px}.order-list-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid #e8ded4;padding:14px 0}.blog-topic-nav a span{white-space:nowrap}
.cms-review-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#f0e5d9;color:#576448;font-weight:700;flex-shrink:0}

.blog-topic-nav a{background:#f8f0e8;border:0;flex-direction:column;min-height:90px;gap:7px;font-size:.85rem;padding:12px 7px}.blog-topic-nav a.active{background:#e8e6e0;color:var(--ink)}.blog-topic-nav a svg{width:34px;height:34px}.newsletter-side>.button{margin-top:12px}.tag-list a{min-height:36px;padding:5px 12px}@media(max-width:600px){.blog-topic-nav a{min-height:82px;min-width:105px;font-size:.77rem}.blog-topic-nav a svg{width:29px;height:29px}}

.ref-article-card .article-image img{height:auto}

.cms-image-banner{display:block;overflow:hidden;border-radius:inherit;min-width:0}.cms-image-banner picture{display:block}.cms-image-banner img{display:block;width:100%;height:auto;object-fit:contain}.ref-home-hero:has(.cms-image-banner){height:auto;min-height:0}.ref-home-hero .cms-slide:has(.cms-image-banner){position:relative;height:auto;min-height:0;padding:0}.blog-image-hero{overflow:hidden;border-radius:14px;margin:24px 0}.campaign-grid>.cms-image-banner{border-radius:12px}.sale-service-row>.cms-image-banner{border-radius:12px}.banner-size-guide{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:12px;line-height:2}.cms-image-banner:focus-visible{outline:3px solid var(--olive);outline-offset:4px}
.admin-app .cms-pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    padding: 17px 20px;
    border-top: 1px solid var(--line, #ece7df);
    direction: rtl;
}

.admin-app .cms-pager-summary {
    margin: 0;
    color: var(--muted, #828680);
    font-size: 12px;
    line-height: 1.8;
}

.admin-app .cms-pager-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    padding: 0;
    direction: rtl;
}

.admin-app .cms-pager .cms-pager-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 33px;
    width: 33px;
    height: 33px;
    min-width: 33px;
    min-height: 33px;
    margin: 0;
    padding: 0;
    border: 1px solid #e6e6e2;
    border-radius: 5px;
    background: #fff;
    color: #343945;
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
    opacity: 1;
}

.admin-app .cms-pager .cms-pager-item svg {
    display: block;
    flex: none;
    width: 15px;
    height: 15px;
    margin: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform: none;
}

.admin-app .cms-pager a.cms-pager-item:hover {
    border-color: var(--olive, #53664a);
    background: var(--olive-soft, #eef0e9);
    color: var(--olive, #53664a);
}

.admin-app .cms-pager .cms-pager-item.is-current {
    border-color: var(--olive, #53664a);
    background: var(--olive, #53664a);
    color: #fff;
    font-weight: 700;
}

.admin-app .cms-pager .cms-pager-item.is-disabled {
    background: #f8f8f6;
    color: #b6b8b1;
}

.admin-app .cms-pager-gap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    color: var(--muted, #828680);
}

.admin-app .cms-pager a:focus-visible {
    outline: 2px solid var(--olive, #53664a);
    outline-offset: 3px;
}

@media (max-width: 600px) {
    .admin-app .cms-pager {
        flex-direction: column;
        padding: 16px 10px;
    }

    .admin-app .cms-pager .cms-pager-item {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }
}
.admin-app .dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.admin-app .dashboard-stats .stat-card{display:flex;align-items:center;gap:14px;padding:20px 16px;min-height:112px;margin:0}.dashboard-stats .stat-card>div{min-width:0}.dashboard-stats .stat-card strong{display:block;font-size:21px;margin:8px 0;overflow-wrap:anywhere}.dashboard-stats .stat-icon{display:grid;place-items:center;flex:none;font-size:24px;background:var(--olive-soft);color:var(--olive);border-radius:10px}.dashboard-stats small{font-size:11px}.admin-app .dashboard-bars{display:flex;direction:ltr;gap:12px;height:170px;align-items:stretch;margin-top:20px}.dashboard-bars>div{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:end;font-size:11px;gap:8px}.dashboard-bars svg{height:110px;width:100%;fill:var(--olive);stroke:none}.dashboard-bars strong{font-size:10px;overflow-wrap:anywhere}.dashboard-chart-empty{font-size:12px;text-align:center;padding:8px}.dashboard-empty{padding:30px;text-align:center;color:var(--muted)}.dashboard-content-links{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}.dashboard-content-links p{font-size:12px;margin-top:8px}.dashboard-content-links .heading-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-app .dashboard-charts{margin-bottom:20px}.admin-app .payment-banner{margin-bottom:20px}.admin-app .dashboard-charts .panel{margin:0}.admin-app .dashboard-stats .stat-card span{font-size:12px}.admin-app .dashboard-content-links h2{font-size:16px}@media(max-width:1100px){.admin-app .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-content-links{align-items:start;flex-direction:column}}@media(max-width:760px){.admin-app .dashboard-stats{gap:10px}.admin-app .dashboard-stats .stat-card{gap:8px;padding:14px 10px}.dashboard-stats .stat-icon{width:32px;height:32px}.dashboard-stats .stat-card strong{font-size:17px}.dashboard-stats small{font-size:10px}.admin-app .dashboard-bars{gap:6px}.dashboard-content-links .button{font-size:12px}.dashboard-content-links .heading-actions{width:100%}}

@media(min-width:761px){.ref-home-hero .cms-slide:not(:has(.cms-image-banner)){height:100%;width:100%;position:relative}.ref-home-hero .hero-copy{width:27%;max-width:410px;margin-left:4%;padding-top:52px}.ref-home-hero h1{font-size:2.7rem}.ref-home-hero .hero-copy p{max-width:320px}}
.cms-image-shophero{border-radius:0}.cms-image-shopsale{border-radius:12px;margin-bottom:18px}.cms-image-shoproutine{border-radius:12px;margin-top:34px}.shop-featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-reference-grid>.empty{grid-column:1/-1}.ref-categories .category-image>svg{width:40px;height:40px}.rating-empty{color:var(--muted);font-size:.72rem}.pagination>a,.pagination>span{display:grid;place-items:center;min-width:38px;min-height:38px;border:1px solid var(--line);border-radius:8px;padding:4px 10px}.pagination>a.active{background:var(--olive);color:white}.pagination>span{opacity:.5}.shop-sidebar .reset-filters{width:max-content}.favorite-button[aria-pressed=true]{color:var(--rose)}.favorite-button[aria-pressed=true] svg{fill:var(--pink)}@media(max-width:1000px){.shop-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){body:not(.js-ready) .shop-sidebar .filters{position:static;transform:none;max-height:none;margin-bottom:20px}body:not(.js-ready) .filter-toggle{display:none}.cms-image-shoproutine{margin-top:28px}}

@media(max-width:760px){.js-ready .shop-sidebar .filters:not(.open){visibility:hidden;pointer-events:none}.js-ready .shop-sidebar .filters.open{visibility:visible}}






/* Sara Skin header */
.site-header .header-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 28px;
    padding-block: 14px;
}

.site-header .site-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 0;
    flex-shrink: 0;
}

.site-header .site-brand-logo {
    display: block;
    width: 146px;
    height: 88px;
    max-width: 100%;
    object-fit: contain;
}

.site-header .search-form {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 640px;
    min-width: 0;
    margin: 0;
    justify-self: center;
    border-radius: 14px;
    overflow: hidden;
}

.site-header .search-form input {
    flex: 1;
    width: 100%;
    min-width: 0;
    height: 48px;
}

.site-header .search-form button {
    flex: 0 0 48px;
    margin: 0;
}

.site-header .header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    min-width: 0;
}

.site-header .account-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.site-header .bag-button {
    position: relative;
    flex-shrink: 0;
}

.site-header .nav-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-block: 12px;
}

.site-header .nav-links {
    min-width: 0;
    flex-wrap: wrap;
    gap: 12px 24px;
}

.site-header .nav-promo {
    flex-shrink: 0;
    white-space: nowrap;
}

@media (min-width: 761px) {
    .site-header .mobile-menu {
        display: none;
    }
}

@media (max-width: 760px) {
    .site-header .header-row {
        grid-template-columns: 44px minmax(0, 1fr) auto;
        gap: 10px;
        padding-block: 10px 12px;
    }

    .site-header .mobile-menu {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        grid-column: 1;
        grid-row: 1;
        width: 44px;
        height: 44px;
    }

    .site-header .site-brand {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
    }

    .site-header .site-brand-logo {
        width: 100px;
        height: 64px;
    }

    .site-header .header-actions {
        grid-column: 3;
        grid-row: 1;
        gap: 4px;
    }

    .site-header .header-actions .icon-button,
    .site-header .account-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
    }

    .site-header .account-link span {
        display: none;
    }

    .site-header .search-form {
        grid-column: 1 / -1;
        grid-row: 2;
        max-width: none;
        margin-top: 4px;
        border-radius: 12px;
    }

    .site-header .search-form input {
        height: 44px;
    }

    .site-header .nav-row {
        gap: 12px;
        padding-block: 8px;
    }

    .site-header .nav-promo {
        display: none;
    }
}