/* Ania V9.8.3 — sticky filter without changing original menu design */
.shop-filter-control-row{
    position:sticky;
    top:84px;
    z-index:35;
    display:flex;
    justify-content:flex-start;
    width:max-content;
    margin:0 0 20px;
    padding-top:8px;
}
.shop-filter-toggle-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-width:132px;
    min-height:44px;
    padding:0 15px;
    border:1px solid rgba(53,76,65,.18);
    border-radius:999px;
    background:#fffdf9;
    color:#34483e;
    font:600 12px/1 "DM Sans",sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:0 8px 22px rgba(43,58,47,.06);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.shop-filter-toggle-button:hover{
    transform:translateY(-1px);
    border-color:rgba(53,76,65,.34);
    box-shadow:0 12px 28px rgba(43,58,47,.1);
}
.shop-filter-toggle-button:focus-visible{
    outline:3px solid rgba(53,92,77,.16);
    outline-offset:3px;
}
.shop-filter-button-icon{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    color:#355c4d;
}
.shop-filter-button-icon svg{
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
}
.shop-filter-button-chevron{
    display:grid;
    place-items:center;
    width:18px;
    height:18px;
    color:#54675d;
    font-size:16px;
    line-height:1;
    transition:transform .22s ease;
}
.shop-filter-toggle-button[aria-expanded="false"] .shop-filter-button-chevron{transform:rotate(90deg)}
.shop-editorial-layout-grid{transition:grid-template-columns .28s ease,gap .28s ease}
.shop-editorial-layout-grid.is-filter-hidden{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.shop-editorial-layout-grid.is-filter-hidden .shop-filter-panel{display:none!important}

/* Keep the original sidebar/menu appearance */
.shop-filter-panel{
    position:sticky!important;
    top:145px!important;
    align-self:start;
    max-height:calc(100vh - 165px);
    overflow:auto;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    scrollbar-width:thin;
    scrollbar-color:#d7ddd8 transparent;
}
.shop-filter-panel::-webkit-scrollbar{width:5px}
.shop-filter-panel::-webkit-scrollbar-thumb{background:#d7ddd8;border-radius:20px}
.shop-filter-body{display:grid;gap:0;padding:0}
.shop-filter-close{display:none}

/* Only animation behavior; typography and layout remain from the existing shop design */
.shop-side-title{cursor:pointer}
.shop-side-title::after{transition:transform .22s ease}
.shop-side-title[aria-expanded="false"]::after{transform:rotate(180deg)}
.shop-side-links{
    overflow:hidden;
    max-height:1600px;
    opacity:1;
    transition:max-height .3s ease,opacity .2s ease;
}
.shop-side-links.is-collapsed{
    max-height:0;
    opacity:0;
    pointer-events:none;
}
.shop-filter-backdrop{
    position:fixed;
    inset:0;
    z-index:109;
    display:none;
    border:0;
    background:rgba(20,31,26,.38);
    opacity:0;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    transition:opacity .25s ease;
}
body.shop-filter-drawer-open{overflow:hidden}

@media(max-width:860px){
    .shop-filter-control-row{
        top:70px;
        z-index:90;
        width:100%;
        margin-bottom:16px;
        padding:8px 0 2px;
        background:linear-gradient(180deg,#fbf7f0 70%,rgba(251,247,240,0));
    }
    .shop-filter-toggle-button{min-width:124px;min-height:42px}
    .shop-editorial-layout-grid,
    .shop-editorial-layout-grid.is-filter-hidden{grid-template-columns:1fr!important;gap:0!important}
    .shop-editorial-layout-grid.is-filter-hidden .shop-filter-panel{display:block!important}
    .shop-filter-panel{
        position:fixed!important;
        top:0!important;
        left:0;
        z-index:110;
        width:min(88vw,370px);
        height:100dvh;
        max-height:none;
        padding:58px 24px calc(28px + env(safe-area-inset-bottom,0px))!important;
        border:0!important;
        border-radius:0 22px 22px 0!important;
        background:#fbf7f0!important;
        box-shadow:24px 0 54px rgba(22,40,32,.18)!important;
        transform:translateX(-108%);
        visibility:hidden;
        transition:transform .3s cubic-bezier(.22,.8,.25,1),visibility .3s;
    }
    .shop-filter-panel.is-mobile-open{transform:translateX(0);visibility:visible}
    .shop-filter-close{
        position:absolute;
        top:14px;
        right:14px;
        display:grid;
        place-items:center;
        width:34px;
        height:34px;
        border:1px solid rgba(53,76,65,.16);
        border-radius:50%;
        background:transparent;
        color:#41564b;
        font-size:22px;
        line-height:1;
        cursor:pointer;
    }
    .shop-filter-backdrop.is-visible{display:block;opacity:1}
}
@media(max-width:480px){
    .shop-filter-control-row{top:66px}
    .shop-filter-toggle-button{padding-inline:12px}
    .shop-filter-panel{width:min(92vw,350px);padding-inline:20px!important}
}
@media(prefers-reduced-motion:reduce){
    .shop-filter-toggle-button,.shop-filter-button-chevron,.shop-filter-panel,.shop-filter-backdrop,.shop-side-links{transition:none!important}
}

/* V10.1.3G - keep All Products "Menu" button visible on mobile */
@media (max-width: 860px) {
  .shop-filter-control-row {
    position: sticky !important;
    top: 80px !important;
    z-index: 70 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    justify-content: flex-start !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
    padding: 8px 0 4px !important;
    background: transparent !important;
  }

  .shop-filter-toggle-button {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 124px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    gap: 9px !important;
    border: 1px solid rgba(53,76,65,.18) !important;
    border-radius: 999px !important;
    background: #fffaf4 !important;
    color: #34483e !important;
    box-shadow: 0 8px 22px rgba(43,58,47,.06) !important;
    font-family: "DM Sans", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .shop-filter-toggle-button::before,
  .shop-filter-toggle-button::after {
    content: none !important;
    display: none !important;
  }

  .shop-filter-button-icon,
  .shop-filter-button-chevron {
    display: grid !important;
  }

  .shop-filter-toggle-button [data-shop-filter-toggle-text] {
    display: inline !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }

  .shop-filter-toggle-button [data-shop-filter-toggle-text]::before {
    content: none !important;
    display: none !important;
  }
}

@media (max-width: 480px) {
  .shop-filter-control-row {
    top: 78px !important;
  }

  .shop-filter-toggle-button {
    min-width: 116px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
  }
}