/* OctaStore v32 — catalog sorting
   Shared for Aputure / Profoto / KUPO. Does not change product card layout/logic.
*/
.octa-sortbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin:18px 0 8px;
  min-height:42px;
}
.octa-sortbar__label{
  font-size:12px;
  font-weight:700;
  color:#667085;
  white-space:nowrap;
}
.octa-sortbar__select{
  appearance:none;
  -webkit-appearance:none;
  min-width:210px;
  height:40px;
  padding:0 38px 0 12px;
  border:1px solid #d0d5dd;
  border-radius:9px;
  background:
    linear-gradient(45deg,transparent 50%,#667085 50%) calc(100% - 17px) 17px/5px 5px no-repeat,
    linear-gradient(135deg,#667085 50%,transparent 50%) calc(100% - 12px) 17px/5px 5px no-repeat,
    #fff;
  color:#101828;
  font:600 13px/1 inherit;
  cursor:pointer;
  box-shadow:none;
}
.octa-sortbar__select:hover{border-color:#98a2b3}
.octa-sortbar__select:focus{
  outline:3px solid rgba(37,99,235,.12);
  outline-offset:1px;
  border-color:#98a2b3;
}
@media(max-width:760px){
  .octa-sortbar{
    justify-content:stretch;
    margin:14px 0 10px;
  }
  .octa-sortbar__label{display:none}
  .octa-sortbar__select{
    width:100%;
    min-width:0;
    height:44px;
    font-size:14px;
  }
}

/* v32.1 visibility hardening */
.octa-sortbar{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:2!important;
  width:100%!important;
}
.octa-sortbar__select{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}


/* v32.3 — homepage brand sorting */
.octa-sortbar--home{
  margin-top:16px!important;
  margin-bottom:10px!important;
}
@media(min-width:761px){
  .octa-sortbar--home{
    justify-content:flex-end!important;
  }
}