/* Category and subcategory browsing: compact filters and five desktop columns. */
body.sac-2027-public main.sac-category-page>.container>.row.sac-category-layout{
  display:grid!important;grid-template-columns:minmax(0,1fr);gap:20px;
  width:auto!important;max-width:none!important;margin:0!important;padding:0!important;
  align-items:start;
}
body.sac-2027-public main.sac-category-page .sac-category-layout::before,
body.sac-2027-public main.sac-category-page .sac-category-layout::after,
body.sac-2027-public main.sac-category-page .sac-category-grid::before,
body.sac-2027-public main.sac-category-page .sac-category-grid::after{content:none!important;display:none!important}
body.sac-2027-public main.sac-category-page .sac-category-layout>.sac-category-sidebar,
body.sac-2027-public main.sac-category-page .sac-category-layout>.sac-category-results{
  min-width:0;width:100%!important;max-width:100%!important;flex:none!important;
  padding:0!important;margin:0!important;float:none;
}
body.sac-2027-public main.sac-category-page .sac-category-results>.sac-category-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 14px;margin:0!important;padding:0!important;width:100%!important;
}
body.sac-2027-public main.sac-category-page .sac-category-grid>[class*="col-"]{
  min-width:0;width:100%!important;max-width:100%!important;flex:none!important;
  padding:0!important;margin:0!important;
}
body.sac-2027-public main.sac-category-page .sac-category-grid>nav{grid-column:1/-1;min-width:0}
body.sac-2027-public main.sac-category-page .sac-category-grid .sac-product-bottom{flex-wrap:wrap}
body.sac-2027-public main.sac-category-page .sac-category-nav .card-header{padding:12px 13px;font-size:12px!important}
body.sac-2027-public main.sac-category-page .sac-category-nav .list-group-item{padding:9px 10px;font-size:12px}
body.sac-2027-public main.sac-category-page .sac-category-search{
  border:0!important;background:transparent;box-shadow:none!important;
  overflow:visible;margin-bottom:12px!important;
}
body.sac-2027-public main.sac-category-page .sac-category-search form{width:100%;margin:0!important}
body.sac-2027-public main.sac-category-page .sac-category-search .input-group{
  display:flex;align-items:center;flex-wrap:nowrap;gap:4px;width:100%;
  box-sizing:border-box;height:48px;padding:4px;border:1px solid #dfd6eb;
  border-radius:9px;background:#fff;box-shadow:none;
}
body.sac-2027-public main.sac-category-page .sac-category-search .input-group:focus-within{border-color:#a773d7;box-shadow:0 0 0 3px #7017d90a}
body.sac-2027-public main.sac-category-page .sac-category-search input.header-search{
  flex:1;min-width:0;width:0;height:38px!important;margin:0;padding:0 8px;
  border:0!important;border-radius:5px;background:transparent;
  box-shadow:none!important;font-size:12px;line-height:1.4;outline:none;
}
body.sac-2027-public main.sac-category-page .sac-category-search .input-group-append{display:flex;align-items:center;flex:none;height:38px;margin:0}
body.sac-2027-public main.sac-category-page .sac-category-search button.header-searchcustombtn,
body.sac-2027-public main.sac-category-page .sac-category-search button.header-searchcustombtn:is(:hover,:focus,:active){
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:38px!important;height:38px!important;min-height:0;margin:0!important;padding:0!important;
  border:0!important;border-radius:6px!important;box-shadow:none!important;
  text-shadow:none!important;transform:none!important;color:#fff!important;line-height:1;
  background:linear-gradient(180deg,#8625e2,#7017d9)!important;
}
body.sac-2027-public main.sac-category-page .sac-category-search button svg{display:block;width:16px;height:16px;max-width:16px!important;margin:0}
body.sac-2027-public main.sac-category-page .sac-category-search button:focus-visible{outline:2px solid #7017d9!important;outline-offset:2px}
@media(min-width:768px){
  body.sac-2027-public main.sac-category-page .sac-category-results>.sac-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:992px){
  body.sac-2027-public main.sac-category-page>.container>.row.sac-category-layout{grid-template-columns:208px minmax(0,1fr)}
}
@media(min-width:1200px){
  body.sac-2027-public main.sac-category-page .sac-category-results>.sac-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(min-width:1600px){
  body.sac-2027-public main.sac-category-page>.container>.row.sac-category-layout{grid-template-columns:224px minmax(0,1fr);gap:24px}
}

/* Consistent search bars and readable suggestions across browse/search pages. */
body.sac-2027-public main.sac-category-page .sac-category-search .input-group{
  position:relative;height:52px;gap:7px;padding:5px 5px 8px;
  border:1px solid #d9c9ea;border-radius:12px;background:linear-gradient(180deg,#fff,#fcfaff);
  box-shadow:0 3px 10px #51258209;overflow:visible;
}
body.sac-2027-public main.sac-category-page .sac-category-search input.header-search{height:38px!important;padding:0 10px;font-size:13px;color:#30243e}
body.sac-2027-public main.sac-category-page .sac-category-search .input-group-append{height:38px}
body.sac-2027-public main.sac-category-page .sac-category-search button.header-searchcustombtn,
body.sac-2027-public main.sac-category-page .sac-category-search button.header-searchcustombtn:is(:hover,:focus,:active){
  width:38px!important;height:38px!important;border:1px solid #6716bd!important;border-radius:8px!important;
  background:linear-gradient(180deg,#9333ed,#6415bf)!important;
  box-shadow:inset 0 1px 0 #ffffff47,0 3px 0 #49108a,0 5px 7px #55139620!important;
  transform:none!important;transition:background .15s,box-shadow .15s,transform .15s!important;
}
body.sac-2027-public main.sac-category-page .sac-category-search .sac-suggestions{
  top:calc(100% + 10px);width:360px;min-width:0;max-width:calc(100vw - 48px);
  padding:5px;border:1px solid #e4d8ef;border-radius:12px;box-shadow:0 12px 28px #29103d21;overflow:visible;
}
body.sac-2027-public main.sac-category-page .sac-category-search .sac-suggestion-item{
  min-height:60px;padding:9px;gap:10px;border-radius:7px;border-bottom-color:#f0eaf6;
}
body.sac-2027-public main.sac-category-page .sac-category-search .sac-suggestion-image{width:48px;height:34px;flex:0 0 48px;border-radius:6px}
body.sac-2027-public main.sac-category-page .sac-category-search .sac-suggestion-title{font-size:12px;font-weight:500;line-height:1.45;color:#30243e}
body.sac-2027-public main.sac-category-page .sac-category-search .sac-suggestion-price{font-size:13px;padding-left:0;font-variant-numeric:tabular-nums}
body.sac-2027-public main.sac-category-page .sac-category-search .sac-suggestion-all{
  min-height:38px;margin:6px 3px 5px;padding:8px 10px;border:1px solid #ddc9ee;border-radius:7px;
  background:linear-gradient(180deg,#fff,#f1e7fc);font-size:12px;font-weight:600;
  box-shadow:inset 0 1px 0 #fff,0 2px 0 #d1b9e7,0 4px 6px #51258212;
}
@media(hover:hover){
  body.sac-2027-public main.sac-category-page .sac-category-search button.header-searchcustombtn:hover{transform:translateY(-1px)!important;background:linear-gradient(180deg,#a048f5,#721bcc)!important;box-shadow:inset 0 1px 0 #ffffff50,0 4px 0 #49108a,0 6px 8px #55139626!important}
  body.sac-2027-public main.sac-category-page .sac-category-search .sac-suggestion-all:hover{background:linear-gradient(180deg,#faf5ff,#e9d8f9)}
}
body.sac-2027-public main.sac-category-page .sac-category-search button.header-searchcustombtn:active{transform:translateY(2px)!important;box-shadow:inset 0 2px 3px #31086033,0 1px 0 #49108a!important}
body.sac-2027-public main.sac-category-page .sac-category-search .sac-suggestion-all:active{transform:translateY(1px);box-shadow:0 1px 0 #d1b9e7}
@media(max-width:991px){body.sac-2027-public main.sac-category-page .sac-category-search .sac-suggestions{width:100%;max-width:100%}}
@media(prefers-reduced-motion:reduce){body.sac-2027-public main.sac-category-page .sac-category-search button.header-searchcustombtn{transition:none!important}}