/* =========================================================
   SHELAN BEAUTY – LUXURY SHOP
   Global auf Shop-/Produktarchiven + Shortcode [shelan_shop]
========================================================= */


html body.sbls-global-product-archive,
html body.sbls-global-product-archive #page,
html body.sbls-global-product-archive .site,
html body.sbls-global-product-archive .site-content {
    overflow-x:hidden !important;
}

html body .sbls-product-archive {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

html body .sbls-shop,
html body .sbls-shop *,
html body .sbls-shop *::before,
html body .sbls-shop *::after {
    box-sizing: border-box !important;
}

html body .sbls-shop {
    --ivory:#FFF8F1;
    --dark:#292522;
    --text:#5B544F;
    --gold:#C9A17A;
    --blush:#EADBD4;

    position:relative !important;
    left:50% !important;
    right:50% !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:-50vw !important;
    margin-right:-50vw !important;
    padding:88px 0 105px !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 8% 8%, rgba(234,219,212,.36), transparent 25%),
        radial-gradient(circle at 94% 90%, rgba(201,161,122,.08), transparent 25%),
        #FFF8F1 !important;
    color:#292522 !important;
    font-family:'Manrope',sans-serif !important;
}

html body .sbls-shop button,
html body .sbls-shop input {
    font-family:'Manrope',sans-serif !important;
}

html body .sbls-shop button {
    appearance:none !important;
    -webkit-appearance:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

html body .sbls-shop .sbls-bg-word {
    display:none !important;
}

html body .sbls-shop .sbls-shop-container {
    position:relative !important;
    z-index:2 !important;
    width:calc(100% - 60px) !important;
    max-width:1350px !important;
    margin:0 auto !important;
    padding:0 !important;
}

/* HEADER */
html body .sbls-shop .sbls-shop-header {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    gap:50px !important;
    margin-bottom:42px !important;
}

html body .sbls-shop .sbls-kicker {
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    margin-bottom:16px !important;
}

html body .sbls-shop .sbls-kicker > span {
    width:48px !important;
    height:1px !important;
    flex:0 0 auto !important;
    background:#C9A17A !important;
}

html body .sbls-shop .sbls-kicker strong {
    font-size:11px !important;
    font-weight:600 !important;
    line-height:1.3 !important;
    letter-spacing:.22em !important;
    color:#5B544F !important;
}

html body .sbls-shop .sbls-title {
    max-width:900px !important;
    margin:0 !important;
    padding:0 !important;
    font-family:'Cormorant Garamond',serif !important;
    font-size:clamp(58px,5.7vw,88px) !important;
    font-weight:400 !important;
    line-height:.88 !important;
    letter-spacing:-.055em !important;
    text-transform:none !important;
    color:#292522 !important;
}

html body .sbls-shop .sbls-subtitle {
    max-width:720px !important;
    margin:21px 0 0 !important;
    padding:0 !important;
    font-size:17px !important;
    font-weight:300 !important;
    line-height:1.8 !important;
    color:#5B544F !important;
}

html body .sbls-shop .sbls-count-row {
    margin-top:23px !important;
}

html body .sbls-shop .sbls-product-count {
    display:inline-flex !important;
    align-items:baseline !important;
    gap:7px !important;
}

html body .sbls-shop .sbls-product-count strong {
    font-family:'Cormorant Garamond',serif !important;
    font-size:32px !important;
    font-weight:500 !important;
    color:#C9A17A !important;
}

html body .sbls-shop .sbls-product-count span {
    font-size:12px !important;
    font-weight:600 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:#5B544F !important;
}

/* TOOLBAR */
html body .sbls-shop .sbls-toolbar {
    display:flex !important;
    align-items:flex-start !important;
    gap:20px !important;
    padding-top:29px !important;
}

html body .sbls-shop .sbls-toolbar-button {
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:11px !important;
    min-height:42px !important;
    padding:0 4px !important;
    border:0 !important;
    background:transparent !important;
    cursor:pointer !important;
    color:#292522 !important;
}

html body .sbls-shop .sbls-toolbar-button span {
    font-size:11px !important;
    font-weight:650 !important;
    letter-spacing:.18em !important;
}

html body .sbls-shop .sbls-toolbar-button i {
    position:relative !important;
    width:16px !important;
    height:16px !important;
}

html body .sbls-shop .sbls-toolbar-button i::before,
html body .sbls-shop .sbls-toolbar-button i::after {
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:12px !important;
    height:1px !important;
    background:#C9A17A !important;
    transform:translate(-50%,-50%) !important;
}

html body .sbls-shop .sbls-toolbar-button i::after {
    transform:translate(-50%,-50%) rotate(90deg) !important;
    transition:transform .25s ease !important;
}

html body .sbls-shop .sbls-toolbar-button[aria-expanded="true"] i::after {
    transform:translate(-50%,-50%) rotate(0deg) !important;
}

html body .sbls-shop .sbls-sort-wrap {
    position:relative !important;
}

html body .sbls-shop .sbls-sort-menu {
    position:absolute !important;
    z-index:50 !important;
    top:calc(100% + 8px) !important;
    right:0 !important;
    width:235px !important;
    padding:8px !important;
    border:1px solid rgba(41,37,34,.10) !important;
    background:rgba(255,248,241,.98) !important;
    box-shadow:0 24px 70px rgba(41,37,34,.12) !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(8px) !important;
    transition:opacity .25s ease,transform .25s ease,visibility .25s ease !important;
}

html body .sbls-shop .sbls-sort-wrap.is-open .sbls-sort-menu {
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) !important;
}

html body .sbls-shop .sbls-sort-menu button {
    display:block !important;
    width:100% !important;
    min-height:42px !important;
    padding:0 12px !important;
    border:0 !important;
    background:transparent !important;
    text-align:left !important;
    cursor:pointer !important;
    font-size:13px !important;
    color:#5B544F !important;
}

html body .sbls-shop .sbls-sort-menu button:hover,
html body .sbls-shop .sbls-sort-menu button.is-active {
    background:rgba(234,219,212,.34) !important;
    color:#292522 !important;
}

/* GRID */
html body .sbls-shop .sbls-products-wrap {
    position:relative !important;
}

html body .sbls-shop .sbls-products-grid {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:34px 24px !important;
}

html body .sbls-shop .sbls-product-card {
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
}

html body .sbls-shop .sbls-product-media {
    position:relative !important;
    width:100% !important;
    overflow:hidden !important;
    background:#EADBD4 !important;
}

html body .sbls-shop .sbls-product-image-link {
    position:relative !important;
    display:block !important;
    width:100% !important;
    aspect-ratio:4 / 5.32 !important;
    overflow:hidden !important;
    text-decoration:none !important;
}

html body .sbls-shop .sbls-product-image {
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    margin:0 !important;
    object-fit:cover !important;
    transform:scale(1.01) !important;
    transition:transform 1.05s cubic-bezier(.16,.78,.2,1),filter .45s ease !important;
}

html body .sbls-shop .sbls-product-card:hover .sbls-product-image {
    transform:scale(1.055) !important;
    filter:saturate(1.025) contrast(1.01) !important;
}

html body .sbls-shop .sbls-product-overlay {
    position:absolute !important;
    z-index:2 !important;
    inset:0 !important;
    background:
        linear-gradient(0deg,rgba(41,37,34,.09),transparent 36%),
        linear-gradient(145deg,rgba(255,248,241,.06),transparent 38%) !important;
    opacity:.55 !important;
    transition:opacity .35s ease !important;
}

html body .sbls-shop .sbls-product-card:hover .sbls-product-overlay {
    opacity:.85 !important;
}

html body .sbls-shop .sbls-product-badges {
    position:absolute !important;
    z-index:5 !important;
    top:14px !important;
    left:14px !important;
    display:flex !important;
    gap:7px !important;
}

html body .sbls-shop .sbls-badge {
    display:inline-flex !important;
    align-items:center !important;
    min-height:25px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    font-size:9px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:.08em !important;
}

html body .sbls-shop .sbls-badge-dark {
    background:#292522 !important;
    color:#FFF8F1 !important;
}

html body .sbls-shop .sbls-badge-gold {
    background:#C9A17A !important;
    color:#FFF8F1 !important;
}

html body .sbls-shop .sbls-favorite {
    position:absolute !important;
    z-index:7 !important;
    top:14px !important;
    right:14px !important;
    width:42px !important;
    height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    border:1px solid rgba(41,37,34,.10) !important;
    border-radius:50% !important;
    background:rgba(255,248,241,.92) !important;
    cursor:pointer !important;
    color:#292522 !important;
    transition:transform .3s ease,background-color .3s ease,color .3s ease !important;
}

html body .sbls-shop .sbls-favorite:hover {
    transform:translateY(-2px) !important;
}

html body .sbls-shop .sbls-favorite svg {
    width:19px !important;
    height:19px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.7 !important;
    transition:fill .25s ease !important;
}

html body .sbls-shop .sbls-favorite.is-active {
    background:#292522 !important;
    color:#FFF8F1 !important;
}

html body .sbls-shop .sbls-favorite.is-active svg {
    fill:currentColor !important;
}

html body .sbls-shop .sbls-product-meta {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    gap:18px !important;
    margin-top:14px !important;
    padding-top:0 !important;
    border-top:0 !important;
}

html body .sbls-shop .sbls-product-title {
    display:block !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    text-decoration:none !important;
    font-family:'Manrope',sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.35 !important;
    letter-spacing:-.01em !important;
    text-transform:uppercase !important;
    color:#292522 !important;
}

html body .sbls-shop .sbls-product-title:hover {
    color:#C9A17A !important;
}

html body .sbls-shop .sbls-product-price {
    white-space:nowrap !important;
    text-align:right !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.35 !important;
    color:#292522 !important;
}

html body .sbls-shop .sbls-product-price del {
    display:block !important;
    margin-bottom:3px !important;
    color:rgba(41,37,34,.45) !important;
    font-size:11px !important;
}

html body .sbls-shop .sbls-product-price ins {
    text-decoration:none !important;
    color:#C9A17A !important;
}

/* LOADING */
html body .sbls-shop .sbls-loading {
    position:absolute !important;
    z-index:20 !important;
    inset:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:13px !important;
    padding-top:120px !important;
    background:rgba(255,248,241,.80) !important;
    backdrop-filter:blur(4px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .25s ease,visibility .25s ease !important;
}

html body .sbls-shop.is-loading .sbls-loading {
    opacity:1 !important;
    visibility:visible !important;
}

html body .sbls-shop .sbls-loading > span {
    width:38px !important;
    height:38px !important;
    border:1px solid rgba(41,37,34,.14) !important;
    border-top-color:#C9A17A !important;
    border-radius:50% !important;
    animation:sblsSpin .8s linear infinite !important;
}

html body .sbls-shop .sbls-loading em {
    font-size:12px !important;
    font-style:normal !important;
    color:#5B544F !important;
}

@keyframes sblsSpin { to { transform:rotate(360deg); } }

html body .sbls-shop .sbls-empty {
    grid-column:1/-1 !important;
    min-height:260px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:40px !important;
    border:1px solid rgba(41,37,34,.10) !important;
    font-family:'Cormorant Garamond',serif !important;
    font-size:34px !important;
    text-align:center !important;
    color:#5B544F !important;
}

html body .sbls-shop .sbls-load-more-wrap {
    display:flex !important;
    justify-content:center !important;
    margin-top:58px !important;
}

html body .sbls-shop .sbls-load-more {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:22px !important;
    min-height:58px !important;
    padding:0 28px !important;
    border:1px solid #292522 !important;
    background:#292522 !important;
    cursor:pointer !important;
    color:#FFF8F1 !important;
    transition:transform .3s ease,background-color .3s ease,border-color .3s ease !important;
}

html body .sbls-shop .sbls-load-more:hover {
    transform:translateY(-3px) !important;
    background:#C9A17A !important;
    border-color:#C9A17A !important;
}

html body .sbls-shop .sbls-load-more[hidden] {
    display:none !important;
}

html body .sbls-shop .sbls-load-more span {
    font-size:10px !important;
    font-weight:650 !important;
    letter-spacing:.17em !important;
}

html body .sbls-shop .sbls-load-more i {
    font-size:17px !important;
    font-style:normal !important;
}

/* FILTER DRAWER */
html body .sbls-shop .sbls-filter-shell {
    position:fixed !important;
    z-index:999999999 !important;
    inset:0 !important;
    display:block !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

html body .sbls-shop .sbls-filter-shell.is-open {
    visibility:visible !important;
    pointer-events:auto !important;
}

html body .sbls-shop .sbls-filter-backdrop {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    border:0 !important;
    background:rgba(24,21,19,.54) !important;
    opacity:0 !important;
    cursor:pointer !important;
    transition:opacity .35s ease !important;
}

html body .sbls-shop .sbls-filter-shell.is-open .sbls-filter-backdrop {
    opacity:1 !important;
}

html body .sbls-shop .sbls-filter-drawer {
    position:absolute !important;
    z-index:3 !important;
    top:0 !important;
    right:0 !important;
    width:min(520px,94vw) !important;
    height:100dvh !important;
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
    background:#FFF8F1 !important;
    box-shadow:-20px 0 80px rgba(41,37,34,.16) !important;
    transform:translateX(102%) !important;
    transition:transform .45s cubic-bezier(.18,.74,.2,1) !important;
}

html body .sbls-shop .sbls-filter-shell.is-open .sbls-filter-drawer {
    transform:translateX(0) !important;
}

html body .sbls-shop .sbls-filter-head {
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:25px !important;
    padding:30px 30px 25px !important;
    border-bottom:1px solid rgba(41,37,34,.10) !important;
}

html body .sbls-shop .sbls-filter-head > div > span {
    display:block !important;
    margin-bottom:7px !important;
    font-size:9px !important;
    font-weight:650 !important;
    letter-spacing:.20em !important;
    color:#C9A17A !important;
}

html body .sbls-shop .sbls-filter-head h2 {
    margin:0 !important;
    padding:0 !important;
    font-family:'Cormorant Garamond',serif !important;
    font-size:44px !important;
    font-weight:400 !important;
    line-height:1 !important;
    color:#292522 !important;
}

html body .sbls-shop .sbls-filter-close {
    width:44px !important;
    height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    border:1px solid rgba(41,37,34,.13) !important;
    border-radius:50% !important;
    background:transparent !important;
    cursor:pointer !important;
    font-size:25px !important;
    font-weight:300 !important;
    color:#292522 !important;
    transition:transform .3s ease,background-color .3s ease,color .3s ease !important;
}

html body .sbls-shop .sbls-filter-close:hover {
    transform:rotate(90deg) !important;
    background:#292522 !important;
    color:#FFF8F1 !important;
}

html body .sbls-shop .sbls-filter-scroll {
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    scrollbar-width:thin !important;
}

html body .sbls-shop .sbls-filter-group {
    border-bottom:1px solid rgba(41,37,34,.10) !important;
}

html body .sbls-shop .sbls-filter-group-toggle {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:64px !important;
    padding:0 30px !important;
    border:0 !important;
    background:transparent !important;
    cursor:pointer !important;
    text-align:left !important;
    color:#292522 !important;
}

html body .sbls-shop .sbls-filter-group-toggle span {
    font-family:'Cormorant Garamond',serif !important;
    font-size:25px !important;
    font-weight:500 !important;
}

html body .sbls-shop .sbls-filter-group-toggle i {
    font-style:normal !important;
    color:#C9A17A !important;
}

html body .sbls-shop .sbls-filter-options,
html body .sbls-shop .sbls-price-grid {
    display:none !important;
    padding:0 30px 24px !important;
}

html body .sbls-shop .sbls-filter-group.is-open .sbls-filter-options,
html body .sbls-shop .sbls-filter-group.is-open .sbls-price-grid {
    display:grid !important;
}

html body .sbls-shop .sbls-filter-options {
    gap:12px !important;
}

html body .sbls-shop .sbls-check {
    display:grid !important;
    grid-template-columns:20px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:10px !important;
    cursor:pointer !important;
}

html body .sbls-shop .sbls-check input {
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
}

html body .sbls-shop .sbls-check-box {
    position:relative !important;
    width:18px !important;
    height:18px !important;
    border:1px solid rgba(41,37,34,.28) !important;
}

html body .sbls-shop .sbls-check input:checked + .sbls-check-box {
    border-color:#292522 !important;
    background:#292522 !important;
}

html body .sbls-shop .sbls-check input:checked + .sbls-check-box::after {
    content:"" !important;
    position:absolute !important;
    left:5px !important;
    top:2px !important;
    width:5px !important;
    height:9px !important;
    border-right:1.5px solid #FFF8F1 !important;
    border-bottom:1.5px solid #FFF8F1 !important;
    transform:rotate(45deg) !important;
}

html body .sbls-shop .sbls-check-label {
    font-size:14px !important;
    color:#5B544F !important;
}

html body .sbls-shop .sbls-check small {
    font-size:11px !important;
    color:rgba(91,84,79,.65) !important;
}

html body .sbls-shop .sbls-price-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
}

html body .sbls-shop .sbls-price-grid label {
    display:grid !important;
    gap:7px !important;
}

html body .sbls-shop .sbls-price-grid label > span {
    font-size:9px !important;
    font-weight:650 !important;
    letter-spacing:.15em !important;
    color:#C9A17A !important;
}

html body .sbls-shop .sbls-price-grid label > div {
    position:relative !important;
}

html body .sbls-shop .sbls-price-grid input {
    width:100% !important;
    min-height:46px !important;
    padding:0 34px 0 12px !important;
    border:1px solid rgba(41,37,34,.14) !important;
    border-radius:0 !important;
    background:rgba(255,255,255,.42) !important;
    box-shadow:none !important;
    color:#292522 !important;
}

html body .sbls-shop .sbls-price-grid label i {
    position:absolute !important;
    right:12px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    font-size:13px !important;
    font-style:normal !important;
    color:#5B544F !important;
}

html body .sbls-shop .sbls-filter-actions {
    display:grid !important;
    grid-template-columns:1fr 1.3fr !important;
    gap:10px !important;
    padding:18px 20px !important;
    border-top:1px solid rgba(41,37,34,.10) !important;
    background:rgba(255,248,241,.96) !important;
}

html body .sbls-shop .sbls-filter-actions button {
    min-height:52px !important;
    padding:0 16px !important;
    cursor:pointer !important;
    font-size:9px !important;
    font-weight:650 !important;
    letter-spacing:.15em !important;
}

html body .sbls-shop .sbls-filter-reset {
    border:1px solid rgba(41,37,34,.18) !important;
    background:transparent !important;
    color:#292522 !important;
}

html body .sbls-shop .sbls-filter-apply {
    border:1px solid #292522 !important;
    background:#292522 !important;
    color:#FFF8F1 !important;
}

html body .sbls-shop .sbls-filter-apply:hover {
    border-color:#C9A17A !important;
    background:#C9A17A !important;
}

/* REVEAL */
html body .sbls-shop.sbls-js-ready .sbls-reveal {
    opacity:0 !important;
    transform:translateY(30px) !important;
}

html body .sbls-shop .sbls-reveal.sbls-visible {
    opacity:1 !important;
    transform:translateY(0) !important;
    transition:opacity .9s cubic-bezier(.18,.74,.2,1),transform 1s cubic-bezier(.18,.74,.2,1) !important;
}

/* RESPONSIVE */
@media (max-width:1100px) {
    html body .sbls-shop .sbls-products-grid {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    html body .sbls-shop .sbls-shop-container {
        width:calc(100% - 40px) !important;
        max-width:1350px !important;
    }
}

@media (max-width:767px) {
    html body .sbls-shop {
        padding:65px 0 72px !important;
    }

    html body .sbls-shop .sbls-shop-container {
        width:calc(100% - 28px) !important;
        max-width:1350px !important;
    }

    html body .sbls-shop .sbls-shop-header {
        grid-template-columns:1fr !important;
        gap:24px !important;
        margin-bottom:30px !important;
    }

    html body .sbls-shop .sbls-kicker {
        gap:10px !important;
        margin-bottom:14px !important;
    }

    html body .sbls-shop .sbls-kicker > span {
        width:32px !important;
    }

    html body .sbls-shop .sbls-kicker strong {
        font-size:9px !important;
        letter-spacing:.17em !important;
    }

    html body .sbls-shop .sbls-title {
        font-size:clamp(48px,14vw,67px) !important;
    }

    html body .sbls-shop .sbls-subtitle {
        margin-top:17px !important;
        font-size:15px !important;
        line-height:1.75 !important;
    }

    html body .sbls-shop .sbls-toolbar {
        justify-content:flex-start !important;
        padding-top:0 !important;
    }

    html body .sbls-shop .sbls-sort-menu {
        left:0 !important;
        right:auto !important;
    }

    html body .sbls-shop .sbls-products-grid {
        grid-template-columns:1fr !important;
        gap:34px !important;
    }

    html body .sbls-shop .sbls-product-image-link {
        aspect-ratio:4 / 5.15 !important;
    }

    html body .sbls-shop .sbls-product-title,
    html body .sbls-shop .sbls-product-price {
        font-size:13px !important;
    }

    html body .sbls-shop .sbls-filter-head {
        padding:24px 20px 20px !important;
    }

    html body .sbls-shop .sbls-filter-head h2 {
        font-size:38px !important;
    }

    html body .sbls-shop .sbls-filter-group-toggle {
        min-height:60px !important;
        padding:0 20px !important;
    }

    html body .sbls-shop .sbls-filter-options,
    html body .sbls-shop .sbls-price-grid {
        padding-left:20px !important;
        padding-right:20px !important;
    }

    html body .sbls-shop .sbls-filter-actions {
        grid-template-columns:1fr !important;
    }

    html body .sbls-shop .sbls-bg-word {
        font-size:120px !important;
    }
}

@media (max-width:390px) {
    html body .sbls-shop .sbls-title {
        font-size:46px !important;
    }

    html body .sbls-shop .sbls-product-meta {
        grid-template-columns:minmax(0,1fr) !important;
        gap:8px !important;
    }

    html body .sbls-shop .sbls-product-price {
        text-align:left !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    html body .sbls-shop *,
    html body .sbls-shop *::before,
    html body .sbls-shop *::after {
        animation:none !important;
        transition:none !important;
    }

    html body .sbls-shop.sbls-js-ready .sbls-reveal {
        opacity:1 !important;
        transform:none !important;
    }
}


/* =========================================================
   V1.1.1 – DEKORATIONEN UND ARCHIV-TRENNSTREIFEN ENTFERNT
========================================================= */

/* Kein großer Hintergrundschriftzug und keine Karten-Trennlinie. */
html body .sbls-shop .sbls-bg-word {
    display:none !important;
}

html body .sbls-shop .sbls-product-meta {
    border-top:0 !important;
    box-shadow:none !important;
}

/* Verhindert Theme-Rahmen, Schatten oder farbige Zwischenstreifen
   zwischen der ersetzten Shop-Ansicht und dem Footer. */
html body.sbls-global-product-archive #sbls-product-archive,
html body.sbls-global-product-archive .sbls-product-archive,
html body.sbls-global-product-archive .sbls-shop {
    border:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    outline:0 !important;
}

html body.sbls-global-product-archive #sbls-product-archive {
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    background:#FFF8F1 !important;
}

html body.sbls-global-product-archive #sbls-product-archive + footer,
html body.sbls-global-product-archive #sbls-product-archive + .site-footer,
html body.sbls-global-product-archive footer.site-footer,
html body.sbls-global-product-archive #colophon {
    margin-top:0 !important;
    border-top:0 !important;
    box-shadow:none !important;
}

html body.sbls-global-product-archive #sbls-product-archive + footer::before,
html body.sbls-global-product-archive #sbls-product-archive + footer::after,
html body.sbls-global-product-archive footer.site-footer::before,
html body.sbls-global-product-archive footer.site-footer::after,
html body.sbls-global-product-archive #colophon::before,
html body.sbls-global-product-archive #colophon::after {
    border-top:0 !important;
    box-shadow:none !important;
}

/* =========================================================
   V1.0.1 – FULL BLEED FIX
   Volle Browserbreite, Inhalt maximal 1350px
========================================================= */

html body .elementor-widget-shortcode .sbls-shop,
html body .elementor-widget-container > .sbls-shop,
html body .e-con-inner .sbls-shop,
html body .container .sbls-shop,
html body .site-content .sbls-shop {
    left:50% !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:-50vw !important;
    margin-right:-50vw !important;
}

html body .sbls-shop .sbls-shop-container {
    width:calc(100% - 60px) !important;
    max-width:1350px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

@media (max-width:767px) {
    html body .sbls-shop .sbls-shop-container {
        width:calc(100% - 28px) !important;
    }
}


/* =========================================================
   V1.0.2 – ELEGANTE PRODUKT-EINGANGSANIMATIONEN
========================================================= */

/*
 * Erst JavaScript setzt .sbls-product-animate.
 * Dadurch bleiben Produkte auch bei deaktiviertem JS immer sichtbar.
 */
html body .sbls-shop .sbls-product-card.sbls-product-animate {
    opacity: 0 !important;
    transform:
        translate3d(0, 42px, 0)
        scale(.985) !important;
    filter: blur(7px) !important;
    will-change: opacity, transform, filter !important;
}

html body .sbls-shop .sbls-product-card.sbls-product-animate.sbls-product-visible {
    opacity: 1 !important;
    transform:
        translate3d(0, 0, 0)
        scale(1) !important;
    filter: blur(0) !important;
    transition:
        opacity .82s cubic-bezier(.18,.74,.2,1) var(--sbls-card-delay, 0ms),
        transform .95s cubic-bezier(.18,.74,.2,1) var(--sbls-card-delay, 0ms),
        filter .78s cubic-bezier(.18,.74,.2,1) var(--sbls-card-delay, 0ms) !important;
}

/*
 * Das Produktbild bekommt zusätzlich einen sehr dezenten
 * "Editorial Reveal"-Effekt.
 */
html body .sbls-shop .sbls-product-card.sbls-product-animate .sbls-product-image {
    transform:
        scale(1.075)
        translate3d(0, 10px, 0) !important;
}

html body .sbls-shop .sbls-product-card.sbls-product-animate.sbls-product-visible .sbls-product-image {
    transform:
        scale(1.01)
        translate3d(0, 0, 0) !important;
    transition:
        transform 1.15s cubic-bezier(.16,.78,.2,1) var(--sbls-card-delay, 0ms),
        filter .45s ease !important;
}

/*
 * Hover bleibt nach abgeschlossener Eingangsanimation aktiv.
 */
html body .sbls-shop .sbls-product-card.sbls-product-animate.sbls-product-visible:hover .sbls-product-image {
    transform:
        scale(1.055)
        translate3d(0, 0, 0) !important;
}

/*
 * Tablet: etwas kürzere Staffelung wirkt ruhiger.
 */
@media (max-width:1100px) {
    html body .sbls-shop .sbls-product-card.sbls-product-animate {
        transform:
            translate3d(0, 34px, 0)
            scale(.988) !important;
        filter: blur(5px) !important;
    }
}

/*
 * Mobile: weniger Bewegung, damit es schnell und hochwertig bleibt.
 */
@media (max-width:767px) {
    html body .sbls-shop .sbls-product-card.sbls-product-animate {
        transform:
            translate3d(0, 26px, 0)
            scale(.992) !important;
        filter: blur(3px) !important;
    }

    html body .sbls-shop .sbls-product-card.sbls-product-animate.sbls-product-visible {
        transition:
            opacity .70s cubic-bezier(.18,.74,.2,1) var(--sbls-card-delay, 0ms),
            transform .82s cubic-bezier(.18,.74,.2,1) var(--sbls-card-delay, 0ms),
            filter .60s cubic-bezier(.18,.74,.2,1) var(--sbls-card-delay, 0ms) !important;
    }
}

/*
 * Barrierefreiheit / reduzierte Bewegung.
 */
@media (prefers-reduced-motion:reduce) {
    html body .sbls-shop .sbls-product-card.sbls-product-animate,
    html body .sbls-shop .sbls-product-card.sbls-product-animate.sbls-product-visible {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
    }

    html body .sbls-shop .sbls-product-card.sbls-product-animate .sbls-product-image,
    html body .sbls-shop .sbls-product-card.sbls-product-animate.sbls-product-visible .sbls-product-image,
    html body .sbls-shop .sbls-product-card.sbls-product-animate.sbls-product-visible:hover .sbls-product-image {
        transform: none !important;
        transition: none !important;
    }
}

/* =========================================================
   V1.2.2 – WHATSAPP-BESTELLUNG IM SHELAN-LUXURY-DESIGN
========================================================= */

html body.single-product .sbls-whatsapp-order {
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    margin:20px 0 24px !important;
    padding:19px !important;
    overflow:hidden !important;
    border:1px solid rgba(201,161,122,.48) !important;
    border-radius:0 !important;
    background:
        radial-gradient(circle at 100% 0,rgba(201,161,122,.11),transparent 43%),
        linear-gradient(135deg,#fffaf5 0%,#f8eee7 100%) !important;
    box-shadow:0 16px 40px rgba(41,37,34,.09) !important;
    font-family:'Manrope',Arial,sans-serif !important;
    clear:both !important;
}

html body.single-product .sbls-whatsapp-order::before {
    content:'' !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:2px !important;
    background:#C9A17A !important;
}

html body.single-product .sbls-whatsapp-intro {
    position:relative !important;
    z-index:1 !important;
    margin:0 0 13px !important;
    padding:0 !important;
    color:#292522 !important;
    font-family:'Cormorant Garamond',Georgia,serif !important;
    font-size:25px !important;
    font-weight:500 !important;
    line-height:1.15 !important;
    letter-spacing:0 !important;
}

html body.single-product a.sbls-whatsapp-button,
html body.single-product a.sbls-whatsapp-button:visited {
    position:relative !important;
    z-index:1 !important;
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    max-width:520px !important;
    min-height:68px !important;
    margin:0 !important;
    padding:10px 16px 10px 11px !important;
    gap:13px !important;
    border:1px solid #292522 !important;
    border-radius:0 !important;
    background:#292522 !important;
    color:#FFF8F1 !important;
    text-decoration:none !important;
    box-shadow:0 11px 24px rgba(41,37,34,.16) !important;
    transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease !important;
}

html body.single-product a.sbls-whatsapp-button:hover,
html body.single-product a.sbls-whatsapp-button:focus-visible {
    background:#C9A17A !important;
    border-color:#C9A17A !important;
    color:#292522 !important;
    transform:translateY(-2px) !important;
    box-shadow:0 15px 30px rgba(41,37,34,.18) !important;
    outline:0 !important;
}

html body.single-product .sbls-whatsapp-icon {
    display:grid !important;
    place-items:center !important;
    flex:0 0 46px !important;
    width:46px !important;
    height:46px !important;
    border:1px solid rgba(201,161,122,.48) !important;
    border-radius:50% !important;
    background:#FFF8F1 !important;
    box-shadow:none !important;
}

html body.single-product .sbls-whatsapp-icon svg {
    display:block !important;
    width:28px !important;
    height:28px !important;
    margin:0 !important;
    fill:#25D366 !important;
}

html body.single-product .sbls-whatsapp-button-text {
    display:flex !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:3px !important;
    color:#FFF8F1 !important;
    text-align:left !important;
}

html body.single-product .sbls-whatsapp-button-text strong {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#FFF8F1 !important;
    font-family:'Manrope',Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:.075em !important;
    text-transform:uppercase !important;
}

html body.single-product .sbls-whatsapp-button-text small {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:rgba(255,248,241,.76) !important;
    font-family:'Manrope',Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;
}

html body.single-product .sbls-whatsapp-arrow {
    display:grid !important;
    place-items:center !important;
    flex:0 0 30px !important;
    width:30px !important;
    height:30px !important;
    color:#C9A17A !important;
    font-size:24px !important;
    font-weight:300 !important;
    line-height:1 !important;
    transition:transform .22s ease,color .22s ease !important;
}

html body.single-product a.sbls-whatsapp-button:hover .sbls-whatsapp-button-text,
html body.single-product a.sbls-whatsapp-button:focus-visible .sbls-whatsapp-button-text,
html body.single-product a.sbls-whatsapp-button:hover .sbls-whatsapp-button-text strong,
html body.single-product a.sbls-whatsapp-button:focus-visible .sbls-whatsapp-button-text strong,
html body.single-product a.sbls-whatsapp-button:hover .sbls-whatsapp-button-text small,
html body.single-product a.sbls-whatsapp-button:focus-visible .sbls-whatsapp-button-text small,
html body.single-product a.sbls-whatsapp-button:hover .sbls-whatsapp-arrow,
html body.single-product a.sbls-whatsapp-button:focus-visible .sbls-whatsapp-arrow {
    color:#292522 !important;
}

html body.single-product a.sbls-whatsapp-button:hover .sbls-whatsapp-arrow,
html body.single-product a.sbls-whatsapp-button:focus-visible .sbls-whatsapp-arrow {
    transform:translateX(4px) !important;
}

html body.single-product .sbls-whatsapp-note {
    position:relative !important;
    z-index:1 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:11px 2px 0 !important;
    padding:0 !important;
    color:#5B544F !important;
    font-family:'Manrope',Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:500 !important;
    line-height:1.4 !important;
}

html body.single-product .sbls-whatsapp-note > span {
    display:grid !important;
    place-items:center !important;
    flex:0 0 17px !important;
    width:17px !important;
    height:17px !important;
    border:1px solid rgba(201,161,122,.52) !important;
    border-radius:50% !important;
    background:rgba(201,161,122,.13) !important;
    color:#292522 !important;
    font-size:10px !important;
    font-weight:800 !important;
}

@media (max-width:767px) {
    html body.single-product .sbls-whatsapp-order {
        margin:15px 0 21px !important;
        padding:15px !important;
    }

    html body.single-product .sbls-whatsapp-intro {
        margin-bottom:11px !important;
        font-size:22px !important;
    }

    html body.single-product a.sbls-whatsapp-button,
    html body.single-product a.sbls-whatsapp-button:visited {
        max-width:none !important;
        min-height:64px !important;
        padding:9px 12px 9px 9px !important;
        gap:10px !important;
    }

    html body.single-product .sbls-whatsapp-icon {
        flex-basis:43px !important;
        width:43px !important;
        height:43px !important;
    }

    html body.single-product .sbls-whatsapp-icon svg {
        width:26px !important;
        height:26px !important;
    }

    html body.single-product .sbls-whatsapp-button-text strong {
        font-size:11.5px !important;
        letter-spacing:.045em !important;
    }

    html body.single-product .sbls-whatsapp-button-text small {
        font-size:10px !important;
    }

    html body.single-product .sbls-whatsapp-arrow {
        flex-basis:22px !important;
        width:22px !important;
        font-size:21px !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    html body.single-product a.sbls-whatsapp-button,
    html body.single-product .sbls-whatsapp-arrow {
        transition:none !important;
    }
}



/* =========================================================
   SHOP EDITORIAL – DREI BILDER VOR DEN PRODUKTEN
========================================================= */
html body .sbls-shop .sbls-editorial-gallery {
    position:relative !important;
    margin:0 0 70px !important;
    padding:18px 0 0 !important;
}

html body .sbls-shop .sbls-editorial-gallery-line {
    position:absolute !important;
    z-index:0 !important;
    top:0 !important;
    left:50% !important;
    width:min(760px,72%) !important;
    height:1px !important;
    transform:translateX(-50%) !important;
    background:linear-gradient(90deg,transparent,rgba(201,161,122,.65),transparent) !important;
}

html body .sbls-shop .sbls-editorial-gallery-grid {
    position:relative !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:start !important;
    gap:22px !important;
    padding:18px 0 0 !important;
}

html body .sbls-shop .sbls-editorial-image {
    position:relative !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}

html body .sbls-shop .sbls-editorial-image--2 {
    margin-top:42px !important;
}

html body .sbls-shop .sbls-editorial-image-frame {
    position:relative !important;
    width:100% !important;
    aspect-ratio:4 / 5 !important;
    overflow:hidden !important;
    padding:7px !important;
    background:#FFF8F1 !important;
    border:1px solid rgba(201,161,122,.28) !important;
    box-shadow:0 24px 65px rgba(41,37,34,.11) !important;
}

html body .sbls-shop .sbls-editorial-image-frame::before {
    content:"" !important;
    position:absolute !important;
    z-index:3 !important;
    inset:17px !important;
    border:1px solid rgba(255,248,241,.46) !important;
    pointer-events:none !important;
}

html body .sbls-shop .sbls-editorial-image img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    margin:0 !important;
    object-fit:cover !important;
    transform:scale(1.015) !important;
    transition:transform 1.1s cubic-bezier(.16,.78,.2,1),filter .45s ease !important;
}

html body .sbls-shop .sbls-editorial-image:hover img {
    transform:scale(1.06) !important;
    filter:saturate(1.04) contrast(1.01) !important;
}

html body .sbls-shop .sbls-editorial-image-overlay {
    position:absolute !important;
    z-index:2 !important;
    inset:7px !important;
    pointer-events:none !important;
    background:
        linear-gradient(180deg,rgba(255,248,241,.04),transparent 38%),
        linear-gradient(0deg,rgba(41,37,34,.14),transparent 42%) !important;
}

html body .sbls-shop .sbls-editorial-index {
    position:absolute !important;
    z-index:5 !important;
    right:16px !important;
    bottom:-18px !important;
    display:grid !important;
    place-items:center !important;
    width:54px !important;
    height:54px !important;
    border:6px solid #FFF8F1 !important;
    border-radius:50% !important;
    background:#292522 !important;
    color:#C9A17A !important;
    font-family:'Cormorant Garamond',serif !important;
    font-size:17px !important;
    line-height:1 !important;
    box-shadow:0 12px 28px rgba(41,37,34,.14) !important;
}

html body .sbls-shop .sbls-editorial-gallery--2 .sbls-editorial-gallery-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    max-width:900px !important;
    margin:0 auto !important;
}

html body .sbls-shop .sbls-editorial-gallery--1 .sbls-editorial-gallery-grid {
    grid-template-columns:minmax(0,620px) !important;
    justify-content:center !important;
}

html body .sbls-shop .sbls-editorial-gallery--1 .sbls-editorial-image--1,
html body .sbls-shop .sbls-editorial-gallery--2 .sbls-editorial-image--2 {
    margin-top:0 !important;
}

@media (max-width:980px) {
    html body .sbls-shop .sbls-editorial-gallery {
        margin-bottom:58px !important;
    }

    html body .sbls-shop .sbls-editorial-gallery-grid {
        gap:16px !important;
    }

    html body .sbls-shop .sbls-editorial-image--2 {
        margin-top:28px !important;
    }
}

@media (max-width:767px) {
    html body .sbls-shop .sbls-editorial-gallery {
        margin:2px 0 48px !important;
        padding-top:10px !important;
    }

    html body .sbls-shop .sbls-editorial-gallery-grid,
    html body .sbls-shop .sbls-editorial-gallery--2 .sbls-editorial-gallery-grid,
    html body .sbls-shop .sbls-editorial-gallery--1 .sbls-editorial-gallery-grid {
        grid-template-columns:repeat(12,minmax(0,1fr)) !important;
        gap:10px !important;
        max-width:none !important;
        padding-top:14px !important;
    }

    html body .sbls-shop .sbls-editorial-image--1 {
        grid-column:1 / 9 !important;
    }

    html body .sbls-shop .sbls-editorial-image--2 {
        grid-column:7 / 13 !important;
        margin-top:54px !important;
    }

    html body .sbls-shop .sbls-editorial-image--3 {
        grid-column:2 / 8 !important;
        margin-top:-58px !important;
    }

    html body .sbls-shop .sbls-editorial-gallery--2 .sbls-editorial-image--1,
    html body .sbls-shop .sbls-editorial-gallery--1 .sbls-editorial-image--1 {
        grid-column:1 / 9 !important;
    }

    html body .sbls-shop .sbls-editorial-gallery--2 .sbls-editorial-image--2 {
        grid-column:7 / 13 !important;
        margin-top:54px !important;
    }

    html body .sbls-shop .sbls-editorial-gallery--1 .sbls-editorial-image--1 {
        grid-column:2 / 12 !important;
    }

    html body .sbls-shop .sbls-editorial-image-frame {
        padding:5px !important;
        box-shadow:0 16px 38px rgba(41,37,34,.11) !important;
    }

    html body .sbls-shop .sbls-editorial-image-overlay {
        inset:5px !important;
    }

    html body .sbls-shop .sbls-editorial-image-frame::before {
        inset:12px !important;
    }

    html body .sbls-shop .sbls-editorial-index {
        right:8px !important;
        bottom:-13px !important;
        width:44px !important;
        height:44px !important;
        border-width:4px !important;
        font-size:14px !important;
    }
}


/* =========================================================
   V1.4.0 – INDIVIDUELLES KATEGORIE-EDITORIAL
========================================================= */
html body .sbls-shop .sbls-category-editorial {
    position:relative !important;
    margin:4px 0 86px !important;
    padding:16px 0 0 !important;
    isolation:isolate !important;
}

html body .sbls-shop .sbls-category-editorial-rule {
    display:flex !important;
    align-items:center !important;
    gap:13px !important;
    width:min(620px,68%) !important;
    margin:0 auto 18px !important;
}

html body .sbls-shop .sbls-category-editorial-rule span {
    display:block !important;
    flex:1 1 auto !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(201,161,122,.72)) !important;
}

html body .sbls-shop .sbls-category-editorial-rule i {
    display:block !important;
    width:7px !important;
    height:7px !important;
    flex:0 0 7px !important;
    border:1px solid #c9a17a !important;
    transform:rotate(45deg) !important;
}

html body .sbls-shop .sbls-category-editorial-stage {
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
    grid-template-rows:repeat(8,minmax(0,1fr)) !important;
    gap:14px !important;
    min-height:570px !important;
    height:min(48vw,650px) !important;
    max-height:650px !important;
    padding:18px !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 18% 12%,rgba(201,161,122,.15),transparent 26%),
        linear-gradient(135deg,#f5ece4 0%,#fffaf5 48%,#eee2d8 100%) !important;
    border:1px solid rgba(41,37,34,.08) !important;
}

html body .sbls-shop .sbls-category-editorial-stage::before,
html body .sbls-shop .sbls-category-editorial-stage::after {
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    pointer-events:none !important;
}

html body .sbls-shop .sbls-category-editorial-stage::before {
    inset:34px !important;
    border:1px solid rgba(201,161,122,.18) !important;
}

html body .sbls-shop .sbls-category-editorial-stage::after {
    right:-88px !important;
    bottom:-118px !important;
    width:310px !important;
    height:310px !important;
    border:1px solid rgba(201,161,122,.22) !important;
    border-radius:50% !important;
}

html body .sbls-shop .sbls-category-editorial-image {
    position:relative !important;
    z-index:2 !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    transition:transform .8s cubic-bezier(.16,.8,.2,1),filter .4s ease !important;
}

html body .sbls-shop .sbls-category-editorial-image--1 {
    grid-column:1 / 5 !important;
    grid-row:2 / 8 !important;
}

html body .sbls-shop .sbls-category-editorial-image--2 {
    grid-column:5 / 8 !important;
    grid-row:1 / 5 !important;
}

html body .sbls-shop .sbls-category-editorial-image--3 {
    grid-column:8 / 13 !important;
    grid-row:2 / 6 !important;
}

html body .sbls-shop .sbls-category-editorial-image--4 {
    grid-column:5 / 9 !important;
    grid-row:5 / 9 !important;
}

html body .sbls-shop .sbls-category-editorial-image--5 {
    grid-column:9 / 13 !important;
    grid-row:6 / 9 !important;
}

html body .sbls-shop .sbls-category-editorial-frame {
    position:relative !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
    padding:6px !important;
    background:#fff8f1 !important;
    border:1px solid rgba(201,161,122,.35) !important;
    box-shadow:0 24px 56px rgba(41,37,34,.13) !important;
}

html body .sbls-shop .sbls-category-editorial-frame::before {
    content:"" !important;
    position:absolute !important;
    z-index:3 !important;
    inset:14px !important;
    border:1px solid rgba(255,248,241,.48) !important;
    pointer-events:none !important;
}

html body .sbls-shop .sbls-category-editorial-photo {
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    margin:0 !important;
    object-fit:cover !important;
    transform:scale(1.02) !important;
    transition:transform 1.25s cubic-bezier(.16,.8,.2,1),filter .5s ease !important;
}

html body .sbls-shop .sbls-category-editorial-image:hover .sbls-category-editorial-photo {
    transform:scale(1.075) !important;
    filter:saturate(1.04) contrast(1.015) !important;
}

html body .sbls-shop .sbls-category-editorial-shade {
    position:absolute !important;
    z-index:2 !important;
    inset:6px !important;
    pointer-events:none !important;
    background:
        linear-gradient(180deg,rgba(255,248,241,.06),transparent 35%),
        linear-gradient(0deg,rgba(41,37,34,.18),transparent 44%) !important;
}

html body .sbls-shop .sbls-category-editorial-number {
    position:absolute !important;
    z-index:5 !important;
    top:16px !important;
    right:16px !important;
    display:grid !important;
    place-items:center !important;
    min-width:38px !important;
    height:28px !important;
    padding:0 9px !important;
    border:1px solid rgba(255,248,241,.55) !important;
    background:rgba(41,37,34,.7) !important;
    color:#fff8f1 !important;
    font-family:'Manrope',sans-serif !important;
    font-size:9px !important;
    font-style:normal !important;
    font-weight:600 !important;
    letter-spacing:.16em !important;
    backdrop-filter:blur(8px) !important;
}

html body .sbls-shop .sbls-category-editorial-copy {
    position:relative !important;
    z-index:8 !important;
    grid-column:2 / 7 !important;
    grid-row:3 / 7 !important;
    align-self:center !important;
    width:100% !important;
    max-width:535px !important;
    padding:40px 42px 34px !important;
    background:rgba(255,248,241,.96) !important;
    border:1px solid rgba(201,161,122,.34) !important;
    border-top:3px solid #c9a17a !important;
    box-shadow:0 28px 75px rgba(41,37,34,.16) !important;
    backdrop-filter:blur(12px) !important;
}

html body .sbls-shop .sbls-category-editorial-copy::after {
    content:"" !important;
    position:absolute !important;
    right:-11px !important;
    bottom:-11px !important;
    width:48px !important;
    height:48px !important;
    border-right:1px solid #c9a17a !important;
    border-bottom:1px solid #c9a17a !important;
    pointer-events:none !important;
}

html body .sbls-shop .sbls-category-editorial-kicker {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 0 14px !important;
    color:#9f7654 !important;
    font-family:'Manrope',sans-serif !important;
    font-size:9px !important;
    font-weight:600 !important;
    letter-spacing:.19em !important;
    line-height:1.5 !important;
    text-transform:uppercase !important;
}

html body .sbls-shop .sbls-category-editorial-kicker span {
    display:block !important;
    width:32px !important;
    height:1px !important;
    flex:0 0 32px !important;
    background:#c9a17a !important;
}

html body .sbls-shop .sbls-category-editorial-copy h2 {
    margin:0 0 14px !important;
    color:#292522 !important;
    font-family:'Cormorant Garamond',serif !important;
    font-size:clamp(36px,4vw,58px) !important;
    font-style:normal !important;
    font-weight:400 !important;
    letter-spacing:-.025em !important;
    line-height:.98 !important;
}

html body .sbls-shop .sbls-category-editorial-text,
html body .sbls-shop .sbls-category-editorial-text p {
    margin:0 !important;
    color:#655d56 !important;
    font-family:'Manrope',sans-serif !important;
    font-size:13px !important;
    font-weight:300 !important;
    line-height:1.8 !important;
}

html body .sbls-shop .sbls-category-editorial-text p + p {
    margin-top:9px !important;
}

html body .sbls-shop .sbls-category-editorial-signature {
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    margin-top:20px !important;
    color:#8c8178 !important;
    font-family:'Manrope',sans-serif !important;
    font-size:8px !important;
    font-weight:600 !important;
    letter-spacing:.15em !important;
    line-height:1.3 !important;
}

html body .sbls-shop .sbls-category-editorial-signature span,
html body .sbls-shop .sbls-category-editorial-signature em {
    min-width:0 !important;
    overflow:hidden !important;
    font-style:normal !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

html body .sbls-shop .sbls-category-editorial-signature i {
    display:block !important;
    flex:1 1 auto !important;
    min-width:24px !important;
    height:1px !important;
    background:rgba(41,37,34,.14) !important;
}

/* Vier Bilder: das letzte Bild schließt die Komposition rechts unten ab. */
html body .sbls-shop .sbls-category-editorial--4 .sbls-category-editorial-image--4 {
    grid-column:8 / 13 !important;
    grid-row:6 / 9 !important;
}

/* Drei Bilder: mehr Ruhe und größere Bildflächen. */
html body .sbls-shop .sbls-category-editorial--3 .sbls-category-editorial-image--1 {
    grid-column:1 / 6 !important;
    grid-row:2 / 8 !important;
}

html body .sbls-shop .sbls-category-editorial--3 .sbls-category-editorial-image--2 {
    grid-column:6 / 10 !important;
    grid-row:1 / 5 !important;
}

html body .sbls-shop .sbls-category-editorial--3 .sbls-category-editorial-image--3 {
    grid-column:8 / 13 !important;
    grid-row:5 / 9 !important;
}

html body .sbls-shop .sbls-category-editorial--3 .sbls-category-editorial-copy {
    grid-column:3 / 8 !important;
}

/* Ein oder zwei Bilder bleiben ebenfalls sauber nutzbar. */
html body .sbls-shop .sbls-category-editorial--2 .sbls-category-editorial-image--1 {
    grid-column:1 / 7 !important;
    grid-row:1 / 9 !important;
}

html body .sbls-shop .sbls-category-editorial--2 .sbls-category-editorial-image--2 {
    grid-column:7 / 13 !important;
    grid-row:1 / 9 !important;
}

html body .sbls-shop .sbls-category-editorial--2 .sbls-category-editorial-copy {
    grid-column:4 / 10 !important;
    grid-row:3 / 7 !important;
    justify-self:center !important;
}

html body .sbls-shop .sbls-category-editorial--1 .sbls-category-editorial-image--1 {
    grid-column:1 / 13 !important;
    grid-row:1 / 9 !important;
}

html body .sbls-shop .sbls-category-editorial--1 .sbls-category-editorial-copy {
    grid-column:2 / 7 !important;
    grid-row:3 / 7 !important;
}

/* Fein gestaffelte Animation innerhalb des bereits vorhandenen Reveal-Effekts. */
html body .sbls-shop.sbls-js-ready .sbls-category-editorial:not(.sbls-visible) .sbls-category-editorial-image,
html body .sbls-shop.sbls-js-ready .sbls-category-editorial:not(.sbls-visible) .sbls-category-editorial-copy {
    opacity:0 !important;
    transform:translateY(22px) !important;
}

html body .sbls-shop .sbls-category-editorial.sbls-visible .sbls-category-editorial-image,
html body .sbls-shop .sbls-category-editorial.sbls-visible .sbls-category-editorial-copy {
    opacity:1 !important;
    transform:translateY(0) !important;
    transition-property:opacity,transform !important;
    transition-duration:.85s,1s !important;
    transition-timing-function:ease,cubic-bezier(.16,.8,.2,1) !important;
}

html body .sbls-shop .sbls-category-editorial.sbls-visible .sbls-category-editorial-image--2 { transition-delay:.08s !important; }
html body .sbls-shop .sbls-category-editorial.sbls-visible .sbls-category-editorial-image--3 { transition-delay:.14s !important; }
html body .sbls-shop .sbls-category-editorial.sbls-visible .sbls-category-editorial-image--4 { transition-delay:.2s !important; }
html body .sbls-shop .sbls-category-editorial.sbls-visible .sbls-category-editorial-image--5 { transition-delay:.26s !important; }
html body .sbls-shop .sbls-category-editorial.sbls-visible .sbls-category-editorial-copy { transition-delay:.12s !important; }

@media (max-width:1100px) {
    html body .sbls-shop .sbls-category-editorial {
        margin-bottom:72px !important;
    }

    html body .sbls-shop .sbls-category-editorial-stage {
        min-height:540px !important;
        height:58vw !important;
        max-height:610px !important;
    }

    html body .sbls-shop .sbls-category-editorial-copy {
        grid-column:2 / 8 !important;
        padding:34px 34px 30px !important;
    }
}

@media (max-width:767px) {
    html body .sbls-shop .sbls-category-editorial {
        margin:0 0 56px !important;
        padding-top:4px !important;
    }

    html body .sbls-shop .sbls-category-editorial-rule {
        width:82% !important;
        margin-bottom:12px !important;
    }

    html body .sbls-shop .sbls-category-editorial-stage,
    html body .sbls-shop .sbls-category-editorial--1 .sbls-category-editorial-stage,
    html body .sbls-shop .sbls-category-editorial--2 .sbls-category-editorial-stage,
    html body .sbls-shop .sbls-category-editorial--3 .sbls-category-editorial-stage,
    html body .sbls-shop .sbls-category-editorial--4 .sbls-category-editorial-stage,
    html body .sbls-shop .sbls-category-editorial--5 .sbls-category-editorial-stage {
        display:grid !important;
        grid-template-columns:repeat(12,minmax(0,1fr)) !important;
        grid-template-rows:repeat(13,46px) !important;
        gap:8px !important;
        width:100% !important;
        min-height:0 !important;
        height:auto !important;
        max-height:none !important;
        padding:10px !important;
    }

    html body .sbls-shop .sbls-category-editorial-stage::before {
        inset:20px !important;
    }

    html body .sbls-shop .sbls-category-editorial-image--1,
    html body .sbls-shop .sbls-category-editorial--1 .sbls-category-editorial-image--1,
    html body .sbls-shop .sbls-category-editorial--2 .sbls-category-editorial-image--1,
    html body .sbls-shop .sbls-category-editorial--3 .sbls-category-editorial-image--1 {
        grid-column:1 / 9 !important;
        grid-row:1 / 7 !important;
    }

    html body .sbls-shop .sbls-category-editorial-image--2,
    html body .sbls-shop .sbls-category-editorial--2 .sbls-category-editorial-image--2,
    html body .sbls-shop .sbls-category-editorial--3 .sbls-category-editorial-image--2 {
        grid-column:7 / 13 !important;
        grid-row:2 / 6 !important;
    }

    html body .sbls-shop .sbls-category-editorial-image--3,
    html body .sbls-shop .sbls-category-editorial--3 .sbls-category-editorial-image--3 {
        grid-column:1 / 7 !important;
        grid-row:7 / 11 !important;
    }

    html body .sbls-shop .sbls-category-editorial-image--4,
    html body .sbls-shop .sbls-category-editorial--4 .sbls-category-editorial-image--4 {
        grid-column:7 / 13 !important;
        grid-row:8 / 12 !important;
    }

    html body .sbls-shop .sbls-category-editorial-image--5 {
        grid-column:2 / 8 !important;
        grid-row:10 / 14 !important;
    }

    html body .sbls-shop .sbls-category-editorial-copy,
    html body .sbls-shop .sbls-category-editorial--1 .sbls-category-editorial-copy,
    html body .sbls-shop .sbls-category-editorial--2 .sbls-category-editorial-copy,
    html body .sbls-shop .sbls-category-editorial--3 .sbls-category-editorial-copy {
        grid-column:2 / 12 !important;
        grid-row:5 / 10 !important;
        align-self:center !important;
        justify-self:center !important;
        max-width:none !important;
        padding:27px 25px 24px !important;
    }

    html body .sbls-shop .sbls-category-editorial-copy h2 {
        font-size:clamp(33px,11vw,47px) !important;
    }

    html body .sbls-shop .sbls-category-editorial-number {
        top:11px !important;
        right:11px !important;
        min-width:33px !important;
        height:24px !important;
        font-size:8px !important;
    }

    html body .sbls-shop .sbls-category-editorial-frame {
        padding:4px !important;
        box-shadow:0 15px 34px rgba(41,37,34,.13) !important;
    }

    html body .sbls-shop .sbls-category-editorial-shade {
        inset:4px !important;
    }

    html body .sbls-shop .sbls-category-editorial-frame::before {
        inset:10px !important;
    }
}

@media (max-width:480px) {
    html body .sbls-shop .sbls-category-editorial-stage,
    html body .sbls-shop .sbls-category-editorial--1 .sbls-category-editorial-stage,
    html body .sbls-shop .sbls-category-editorial--2 .sbls-category-editorial-stage,
    html body .sbls-shop .sbls-category-editorial--3 .sbls-category-editorial-stage,
    html body .sbls-shop .sbls-category-editorial--4 .sbls-category-editorial-stage,
    html body .sbls-shop .sbls-category-editorial--5 .sbls-category-editorial-stage {
        grid-template-rows:repeat(13,40px) !important;
    }

    html body .sbls-shop .sbls-category-editorial-copy {
        grid-column:1 / 13 !important;
        margin:0 7px !important;
        padding:24px 21px 22px !important;
    }

    html body .sbls-shop .sbls-category-editorial-signature span {
        max-width:125px !important;
    }
}

/* =========================================================
   V1.4.1 – ARCHIV-TOP-RESET
   Entfernt Theme-/Template-Abstände oberhalb des Headers nur
   auf den vom Plugin ersetzten WooCommerce-Archiven.
========================================================= */
html:has(body.sbls-global-product-archive:not(.admin-bar)) {
    margin-top:0 !important;
    padding-top:0 !important;
    border-top:0 !important;
}

html body.sbls-global-product-archive {
    margin-top:0 !important;
    padding-top:0 !important;
    border-top:0 !important;
}

html body.sbls-global-product-archive > #page,
html body.sbls-global-product-archive > .site,
html body.sbls-global-product-archive .website-wrapper,
html body.sbls-global-product-archive .main-page-wrapper,
html body.sbls-global-product-archive .site-wrapper {
    margin-top:0 !important;
    padding-top:0 !important;
    border-top:0 !important;
}

html body.sbls-global-product-archive .elementor-location-header,
html body.sbls-global-product-archive header.site-header,
html body.sbls-global-product-archive #masthead,
html body.sbls-global-product-archive .whb-header,
html body.sbls-global-product-archive .main-header {
    margin-top:0 !important;
    border-top:0 !important;
}

html body.sbls-global-product-archive .site-content,
html body.sbls-global-product-archive #content,
html body.sbls-global-product-archive .content-area,
html body.sbls-global-product-archive .site-main,
html body.sbls-global-product-archive #primary {
    margin-top:0 !important;
    padding-top:0 !important;
}

html body.sbls-global-product-archive > #page::before,
html body.sbls-global-product-archive > .site::before,
html body.sbls-global-product-archive .website-wrapper::before,
html body.sbls-global-product-archive .main-page-wrapper::before {
    display:none !important;
    content:none !important;
}

/* =========================================================
   V1.4.2 – ELEMENTOR FULL WIDTH / CLIPPING FIX
========================================================= */

body.sbls-global-product-archive .e-con:has(.sbls-shop),
body.sbls-global-product-archive .e-con-inner:has(.sbls-shop),
body.sbls-global-product-archive .elementor-element:has(.sbls-shop),
body.sbls-global-product-archive .elementor-widget-shortcode:has(.sbls-shop),
body.sbls-global-product-archive .elementor-widget-container:has(.sbls-shop) {
    overflow:visible !important;
}

html body .sbls-shop {
    position:relative !important;
    left:calc(50% - 50vw) !important;
    right:auto !important;
    width:100vw !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

html body .sbls-shop .sbls-shop-container {
    width:calc(100% - 60px) !important;
    max-width:1350px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

@media (max-width:767px) {
    html body .sbls-shop .sbls-shop-container {
        width:calc(100% - 28px) !important;
    }
}

/* =========================================================
   V1.4.3 – HARD FIX SHOPSEITE FULL WIDTH
========================================================= */

html:has(.sbls-shop),
body:has(.sbls-shop),
body:has(.sbls-shop) #page,
body:has(.sbls-shop) #content,
body:has(.sbls-shop) .site,
body:has(.sbls-shop) .site-content,
body:has(.sbls-shop) .site-main,
body:has(.sbls-shop) main,
body:has(.sbls-shop) .elementor,
body:has(.sbls-shop) .elementor-section,
body:has(.sbls-shop) .e-con,
body:has(.sbls-shop) .e-con-inner,
body:has(.sbls-shop) .elementor-element,
body:has(.sbls-shop) .elementor-widget,
body:has(.sbls-shop) .elementor-widget-container {
    overflow-x:visible !important;
}

html body .sbls-product-archive {
    width:100% !important;
    max-width:none !important;
    overflow:visible !important;
}

html body .sbls-shop {
    position:relative !important;
    left:50% !important;
    right:auto !important;

    width:100vw !important;
    max-width:none !important;

    margin-left:-50vw !important;
    margin-right:0 !important;

    overflow:hidden !important;
}

html body .sbls-shop .sbls-shop-container {
    width:calc(100vw - 60px) !important;
    max-width:1350px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

@media (max-width:767px) {
    html body .sbls-shop .sbls-shop-container {
        width:calc(100vw - 28px) !important;
    }
}

/* =========================================================
   V1.4.4 – FINAL VIEWPORT ALIGNMENT FIX
========================================================= */

html body .sbls-shop {
    position:relative !important;

    left:auto !important;
    right:auto !important;

    width:100vw !important;
    max-width:none !important;

    margin-left:calc((100% - 100vw) / 2) !important;
    margin-right:calc((100% - 100vw) / 2) !important;

    overflow:hidden !important;
}

/* =========================================================
   V1.4.5 – OVERRIDE OLD FULL-BLEED RULE
========================================================= */

html body #main-content #sbls-product-archive > .sbls-shop {
    position:relative !important;
    left:auto !important;
    right:auto !important;

    width:100vw !important;
    max-width:none !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    overflow:hidden !important;
}

/* =========================================================
   V1.4.6 – WOODMART GRID PARENT FIX
========================================================= */

html body #main-content > #sbls-product-archive {
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    justify-self:stretch !important;
}


/* =========================================================
   V1.4.7 – MOBILE STABILITY FIX
   iOS / Safari / In-App-Browser
========================================================= */

@media (max-width:767px) {

    html body .sbls-shop .sbls-product-card,
    html body .sbls-shop .sbls-product-card.sbls-product-animate,
    html body .sbls-shop .sbls-product-card.sbls-product-animate.sbls-product-visible {
        opacity:1 !important;
        transform:none !important;
        filter:none !important;
        will-change:auto !important;
        transition:none !important;
    }

    html body .sbls-shop .sbls-product-image,
    html body .sbls-shop .sbls-product-card.sbls-product-animate .sbls-product-image,
    html body .sbls-shop .sbls-product-card.sbls-product-animate.sbls-product-visible .sbls-product-image,
    html body .sbls-shop .sbls-product-card:hover .sbls-product-image {
        transform:none !important;
        filter:none !important;
        will-change:auto !important;
        transition:none !important;
    }

    html body .sbls-shop .sbls-editorial-image img,
    html body .sbls-shop .sbls-editorial-image:hover img,
    html body .sbls-shop .sbls-category-editorial-photo,
    html body .sbls-shop .sbls-category-editorial-image:hover .sbls-category-editorial-photo {
        transform:none !important;
        filter:none !important;
        will-change:auto !important;
        transition:none !important;
    }

    html body .sbls-shop .sbls-loading,
    html body .sbls-shop .sbls-filter-drawer,
    html body .sbls-shop .sbls-category-editorial-copy,
    html body .sbls-shop .sbls-category-editorial-number {
        -webkit-backdrop-filter:none !important;
        backdrop-filter:none !important;
    }
}