/* Shared glass filters: category navigation remains separate on desktop. */
#rio-design.rd-catalog-filters-ready .rd-catalog-tools{
  display:grid;grid-template-columns:minmax(0,1fr) 44px;
  align-items:center;gap:8px;padding:0;border:0;
  border-radius:0;background:none;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
#rio-design.rd-catalog-filters-ready .rd-search{
  box-sizing:border-box;min-width:0;width:100%;padding:4px 14px;
  border:1px solid #b6c7dc94;border-radius:28px;
  background:linear-gradient(130deg,#ffffffd9,#e7eef680 58%,#fff3d775);
  box-shadow:inset 0 1px 1px #fff,0 7px 22px #27477012;
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
}
#rio-design.rd-catalog-filters-ready .rd-search input{font-size:16px}
#rio-design .rd-catalog-filters-toggle{
  position:relative;display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;
  margin:0;padding:11px;cursor:pointer;
  border:1px solid #b6c7dc94;border-radius:99px;
  background:linear-gradient(130deg,#ffffffd9,#e7eef680 58%,#fff3d775);
  box-shadow:inset 0 1px 1px #fff,0 7px 22px #27477012;
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
  font-size:12px;font-weight:400;color:#536076;
}
#rio-design .rd-catalog-filters-toggle svg{display:block;width:20px;height:20px;flex:none}
#rio-design .rd-catalog-filters-toggle[data-active=true]::after{
  content:'';position:absolute;top:6px;right:6px;width:5px;height:5px;
  border-radius:50%;background:var(--rd-amber);box-shadow:0 0 0 2px #fff;
}
#rio-design .rd-catalog-filters-toggle[aria-expanded=true]{border-color:#a9bcd4;color:#142339}
#rio-design .rd-catalog-filters-panel[hidden]{display:none!important}
#rio-design .rd-catalog-filters-panel{
  grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;padding:14px;margin:0;border:1px solid #b6c7dc94;
  border-radius:23px;
  background:linear-gradient(130deg,#ffffffd9,#e7eef680 58%,#fff3d775);
  box-shadow:inset 0 1px 1px #fff,0 7px 22px #27477012;
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
}
#rio-design .rd-catalog-filters-field{display:block;min-width:0}
#rio-design .rd-catalog-filters-field>span{display:block;margin-bottom:5px;font-size:11px;color:#626e80}
#rio-design .rd-catalog-tools .rd-catalog-filters-field #rd-brand,
#rio-design .rd-catalog-tools .rd-catalog-filters-field #rio-catalog-order{
  display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;
  min-height:44px;margin:0;padding:8px 10px;border:1px solid #b6c7dc94;
  border-radius:18px;background:#ffffffad;color:#142339;
  box-shadow:inset 0 1px 1px #fff;font-size:16px;font-weight:400;
}
#rio-design .rd-catalog-filters-toggle:focus-visible{outline:2px solid #a36c15;outline-offset:3px}

/* Desktop category navigation uses the same clear and amber glass surfaces. */
@media(min-width:701px){
  #rio-design.rd-catalog-filters-ready #rd-categories button{
    width:100%;min-height:44px;margin:6px 0;padding:11px 13px;
    border:1px solid #b6c7dc94;border-radius:20px;
    background:linear-gradient(130deg,#ffffffd9,#e7eef680 58%,#fff3d775);
    box-shadow:inset 0 1px 1px #fff,0 7px 22px #27477012;
    backdrop-filter:blur(22px) saturate(140%);
    -webkit-backdrop-filter:blur(22px) saturate(140%);
    color:#142339;font-size:13px;line-height:1.45;font-weight:400;
  }
  #rio-design.rd-catalog-filters-ready #rd-categories button[aria-pressed=true]{
    border-color:#f2c263;
    background:linear-gradient(135deg,#ffd67d,var(--rd-amber) 58%,#f0aa34);
    box-shadow:inset 0 1px 1px #fff6ce,0 7px 24px #ffbd4826;
    color:#080d18;font-weight:600;
  }
}

/* Mobile category control keeps the approved amber glass surface and comes first. */
@media(max-width:700px){
  #rio-design.rd-catalog-filters-ready.rd-mobile-catalog-ready .rd-mobile-category{
    order:-4;display:block;padding:9px 18px 7px;border:1px solid #f2c263;
    border-radius:27px;background:linear-gradient(135deg,#ffd67d,var(--rd-amber) 58%,#f0aa34);
    box-shadow:inset 0 1px 1px #fff6ce,0 7px 24px #ffbd4826;
    color:#080d18;backdrop-filter:blur(18px) saturate(140%);
    -webkit-backdrop-filter:blur(18px) saturate(140%);
  }
  #rio-design.rd-catalog-filters-ready .rd-mobile-category>span{
    display:block;font-size:10px;font-weight:700;letter-spacing:.1em;
    text-transform:uppercase;color:#142339;line-height:1.5;
  }
  #rio-design.rd-catalog-filters-ready #rd-mobile-category{
    width:100%;max-width:100%;min-height:44px;padding:6px 22px 6px 0;
    border:0;border-radius:0;background-color:transparent;box-shadow:none;
    font-size:16px;font-weight:600;color:#080d18;
  }
  #rio-design.rd-catalog-filters-ready #rd-mobile-category:focus,
  #rio-design.rd-catalog-filters-ready #rd-mobile-category:focus-visible{
    outline:none;box-shadow:none;
  }
}