/* CARVEX V4.30 — premium search/filter UI */
.search-results-page{background:#f4f7fb}
.search-results-page .search-page-hero{background:linear-gradient(180deg,#f8fbff 0,#f4f7fb 100%);padding-bottom:26px}
.search-results-page .search-page-hero>div:first-child{max-width:1240px;margin:0 auto}
.search-results-page .search-page-hero>div:first-child h1{letter-spacing:-.045em}

/* Advanced filter card */
.search-results-page .advanced-search{border:1px solid #dce6f2!important;border-radius:18px!important;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%)!important;box-shadow:0 18px 48px rgba(23,55,94,.08)!important;padding:26px!important;overflow:visible!important}
.search-results-page .advanced-heading{border-bottom:1px solid #e2e9f2!important;padding-bottom:20px!important;align-items:center!important}
.search-results-page .advanced-heading>div{padding-left:48px;position:relative}
.search-results-page .advanced-heading>div:before{content:"";position:absolute;left:0;top:50%;width:36px;height:36px;border-radius:11px;transform:translateY(-50%);background:#eaf2ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h8M16 18h4'/%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Ccircle cx='14' cy='18' r='2'/%3E%3C/svg%3E") center/21px no-repeat}
.search-results-page .advanced-heading span,.search-results-page .advanced-fieldset legend{color:#2b63d9!important;letter-spacing:.14em!important}
.search-results-page .advanced-heading strong{font-size:21px!important;letter-spacing:-.025em;color:#111b2e}
.search-results-page .advanced-reset{border:0!important;border-radius:10px!important;background:#edf4ff!important;padding:11px 14px!important;color:#2563d8!important;transition:.18s ease!important}
.search-results-page .advanced-reset:hover{background:#e2edff!important;transform:translateY(-1px)}

.search-results-page .advanced-grid{gap:12px!important;margin-top:20px!important}
.search-results-page .search-panel .advanced-grid label{position:relative;border:1px solid #dce5ef!important;border-radius:12px!important;background:#fff!important;min-height:72px!important;padding:11px 14px!important;box-shadow:0 4px 14px rgba(25,52,84,.035)!important;transition:border-color .18s,box-shadow .18s,transform .18s!important;overflow:visible!important}
.search-results-page .search-panel .advanced-grid label:hover{border-color:#bdd0e7!important;box-shadow:0 8px 20px rgba(25,52,84,.06)!important}
.search-results-page .search-panel .advanced-grid label>span{color:#8190a5!important;font-size:9px!important;letter-spacing:.11em!important;font-weight:800!important;margin-bottom:3px!important}
.search-results-page .advanced-grid select.premium-native-select,.search-results-page #catalog-sort.premium-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important}

/* Custom selects */
.cvx-select{position:relative;width:100%;z-index:3}
.cvx-select.is-open{z-index:80}
.cvx-select__button{width:100%;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;border:0;background:transparent;color:#121a2a;cursor:pointer;text-align:left;font:760 13px var(--font-manrope),Arial,sans-serif}
.cvx-select__button:after{content:"";width:8px;height:8px;border-right:1.7px solid #1b2b45;border-bottom:1.7px solid #1b2b45;transform:rotate(45deg) translateY(-2px);transition:transform .18s;flex:0 0 auto;margin-right:3px}
.cvx-select.is-open .cvx-select__button:after{transform:rotate(225deg) translate(-2px,-1px)}
.cvx-select__menu{position:absolute;left:-14px;right:-14px;top:calc(100% + 10px);max-height:340px;overflow:auto;background:#fff;border:1px solid #d6e1ee;border-radius:13px;padding:7px;box-shadow:0 18px 46px rgba(24,48,80,.16);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .14s,transform .14s,visibility .14s;scrollbar-width:thin;z-index:100}
.cvx-select.is-open .cvx-select__menu{opacity:1;visibility:visible;transform:translateY(0)}
.cvx-select__option{width:100%;min-height:42px;border:0;border-radius:9px;background:#fff;color:#26354a;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;text-align:left;font:680 12px var(--font-inter),Arial,sans-serif;transition:background .14s,color .14s}
.cvx-select__option:hover{background:#f2f6fc;color:#174fae}
.cvx-select__option.is-selected{background:linear-gradient(135deg,#2c69eb,#1e5fd8);color:#fff;box-shadow:0 7px 15px rgba(37,99,235,.18)}
.cvx-select__option.is-zero:not(.is-selected){color:#7f8ba0}
.cvx-select__icon{width:24px;height:24px;border-radius:7px;background:#f0f5fb;display:grid;place-items:center;color:#2d5d9e}
.cvx-select__option.is-selected .cvx-select__icon{background:rgba(255,255,255,.18);color:#fff}
.cvx-select__icon svg{width:16px;height:16px;stroke:currentColor}
.cvx-select__count{font-size:10px;color:#8996aa;font-weight:650}
.cvx-select__option.is-selected .cvx-select__count{color:#dce9ff}
.cvx-select__option-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Color chips */
.search-results-page .advanced-fieldset{margin-top:26px!important}
.search-results-page .advanced-fieldset legend{margin-bottom:12px!important}
.search-results-page .advanced-colors{gap:10px!important}
.search-results-page .search-panel .color-choice{border:1px solid #dce5ef!important;border-radius:11px!important;background:#fff!important;min-height:50px!important;padding:9px 10px!important;box-shadow:0 3px 11px rgba(25,52,84,.025);transition:border-color .16s,box-shadow .16s,transform .16s!important}
.search-results-page .search-panel .color-choice:hover{border-color:#b8cce5!important;transform:translateY(-1px);box-shadow:0 7px 16px rgba(25,52,84,.055)}
.search-results-page .color-choice i{width:23px!important;height:23px!important;border:1px solid #c5d0dd!important;box-shadow:inset 0 0 0 3px #fff,0 1px 4px rgba(26,44,70,.10)!important}
.search-results-page .search-panel .color-choice span{font-size:10.5px!important;color:#24354c!important}
.search-results-page .color-choice small{font-size:9px!important;color:#8996aa!important;font-weight:650!important}
.search-results-page .color-choice:has(input:checked){border-color:#4c83f3!important;background:#f6f9ff!important;box-shadow:0 0 0 2px rgba(37,99,235,.10),0 8px 18px rgba(37,99,235,.08)!important}
.search-results-page .color-choice:has(input:checked) span{color:#1f5dcc!important}

/* Equipment */
.search-results-page .advanced-options{border:1px solid #dce5ef!important;border-radius:12px!important;box-shadow:0 5px 18px rgba(24,43,70,.04)!important}
.search-results-page .advanced-options summary{min-height:58px!important;padding:15px 18px!important}
.search-results-page .advanced-footer{border-top:1px solid #e1e8f1!important}
.search-results-page .advanced-footer .advanced-submit{min-width:250px!important;border-radius:11px!important;background:linear-gradient(135deg,#2f6deb,#205ed6)!important;box-shadow:0 9px 22px rgba(37,99,235,.17)!important}

/* Results header and notice */
.search-results-page .inventory{padding-top:54px!important}
.search-results-page .section-heading{align-items:end!important;border-bottom:1px solid #dce4ee;padding-bottom:22px}
.search-results-page .section-heading h2{font-size:clamp(38px,4vw,54px)!important;letter-spacing:-.045em!important;color:#11151d}
.search-results-page .section-heading p{color:#536175!important;font-size:12px!important;max-width:520px!important;text-align:right}
.search-results-page .search-message{border-left:0!important;border:1px solid #d7e5ff!important;border-radius:11px!important;background:linear-gradient(90deg,#eef5ff,#f5f9ff)!important;color:#1958c8!important;margin-top:22px!important;padding:14px 17px!important;box-shadow:0 5px 14px rgba(37,99,235,.04)!important}

/* Sort control with premium custom select */
.search-results-page .catalog-toolbar{padding-top:22px!important}
.search-results-page .catalog-toolbar label{width:min(100%,310px)!important;gap:8px!important;overflow:visible!important}
.search-results-page .catalog-toolbar label>span{color:#6e7e93!important;letter-spacing:.11em!important}
.search-results-page .catalog-toolbar .cvx-select{border:1px solid #cfdbe9;border-radius:11px;background:#fff;min-height:50px;padding:8px 13px;box-shadow:0 6px 16px rgba(25,52,84,.045)}
.search-results-page .catalog-toolbar .cvx-select__button{min-height:32px;font-size:13px}
.search-results-page .catalog-toolbar .cvx-select__menu{left:-1px;right:-1px;top:calc(100% + 7px);padding:6px}
.search-results-page .catalog-toolbar .cvx-select__option{grid-template-columns:27px minmax(0,1fr);min-height:45px}
.search-results-page .catalog-toolbar .cvx-select__count{display:none}

/* Empty state */
.search-results-page .search-empty{position:relative;border:1px solid #dce5ef!important;border-radius:16px!important;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;padding:44px 24px 42px!important;overflow:hidden;box-shadow:0 12px 30px rgba(25,52,84,.045)!important}
.search-results-page .search-empty:before,.search-results-page .search-empty:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.search-results-page .search-empty:before{width:300px;height:300px;left:50%;top:-215px;transform:translateX(-50%);background:radial-gradient(circle,rgba(56,120,236,.13),rgba(56,120,236,0) 70%)}
.search-results-page .search-empty:after{width:560px;height:120px;left:50%;bottom:-92px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(31,86,170,.08),transparent 70%)}
.search-empty-visual{width:min(340px,76vw);height:108px;margin:0 auto 7px;position:relative;z-index:1}
.search-empty-visual img{width:100%;height:100%;object-fit:contain;opacity:.96}
.search-results-page .search-empty strong{font-size:23px!important;letter-spacing:-.025em!important;color:#101827;position:relative;z-index:1}
.search-results-page .search-empty p{color:#66768b!important;margin:8px 0 20px!important;position:relative;z-index:1}
.search-results-page .search-empty .button{position:relative;z-index:1;border-radius:11px!important;min-height:48px!important;background:linear-gradient(135deg,#2c69eb,#1d5bd5)!important;box-shadow:0 9px 20px rgba(37,99,235,.18)!important;padding:0 20px!important;gap:9px!important}
.search-results-page .search-empty .button:before{content:"";width:15px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E") center/contain no-repeat}

@media(max-width:900px){
  .search-results-page .advanced-search{padding:20px!important;border-radius:15px!important}
  .search-results-page .advanced-colors{grid-template-columns:repeat(3,1fr)!important}
  .search-results-page .section-heading p{text-align:left!important}
}
@media(max-width:720px){
  .search-results-page .advanced-heading>div{padding-left:0}.search-results-page .advanced-heading>div:before{display:none}
  .search-results-page .advanced-grid{grid-template-columns:1fr!important}
  .search-results-page .advanced-colors{grid-template-columns:1fr 1fr!important}
  .cvx-select__menu{position:fixed;left:12px!important;right:12px!important;top:auto!important;bottom:78px!important;max-height:min(62vh,430px);border-radius:16px;z-index:1000;box-shadow:0 22px 70px rgba(10,25,48,.24)}
  .search-results-page .section-heading{padding-bottom:18px}.search-results-page .section-heading h2{font-size:36px!important}
  .search-results-page .catalog-toolbar label{width:100%!important}
  .search-empty-visual{height:92px}
}
.cvx-select.is-disabled{opacity:.55}.cvx-select.is-disabled .cvx-select__button{cursor:not-allowed}

/* V433 — compact eight-field catalog filter inspired by the approved reference. */
.search-results-page .search-panel.kai-filter{grid-template-columns:repeat(8,minmax(0,1fr))!important;align-items:stretch}
.search-panel.kai-filter>.policy-hidden{display:none!important}
.search-panel.kai-filter>.search-actions{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;gap:10px!important;padding-top:10px!important}
.search-panel.kai-filter>.search-actions .button{width:auto!important;min-width:126px!important}
.search-panel.kai-filter>.search-actions .search-button{order:2}
.search-panel.kai-filter>.search-actions .advanced-toggle{order:1}
@media(max-width:1180px){
  .search-results-page .search-panel.kai-filter{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .search-results-page .search-panel.kai-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .search-panel.kai-filter>.search-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .search-panel.kai-filter>.search-actions .button{width:100%!important;min-width:0!important}
}


/* V479 — premium ice-blue glass search layout */
.search-results-page .search-page-hero{
  position:relative;
  overflow:hidden;
  padding:54px 18px 42px!important;
  background:
    radial-gradient(900px 420px at 8% -18%, rgba(72,137,228,.13), rgba(72,137,228,0) 60%),
    radial-gradient(720px 360px at 94% 0%, rgba(123,180,255,.12), rgba(123,180,255,0) 62%),
    linear-gradient(180deg,#eef4fb 0%,#e8f0f9 58%,#f4f7fb 100%)!important;
}
.search-results-page .search-page-hero:before{
  content:"";
  position:absolute;
  left:50%;
  top:-180px;
  width:980px;
  height:420px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.78),rgba(255,255,255,0) 70%);
  pointer-events:none;
}
.search-results-page .search-page-hero>div:first-child,
.search-results-page .search-page-hero>.search-panel{
  position:relative;
  z-index:1;
  max-width:1240px;
  margin-left:auto;
  margin-right:auto;
}
.search-results-page .search-page-hero>div:first-child{
  padding:0 6px;
  max-width:1220px;
}
.search-results-page .search-page-hero .section-index-light{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#57739b!important;
}
.search-results-page .search-page-hero .section-index-light:before{
  content:"";
  width:28px;
  height:2px;
  border-radius:999px;
  background:#3e78d6;
}
.search-results-page .search-page-hero>div:first-child h1{
  color:#102039!important;
  margin:12px 0 10px!important;
  font-size:clamp(42px,5.2vw,60px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
  text-shadow:none!important;
}
.search-results-page .search-page-hero>div:first-child p{
  max-width:700px;
  color:#536987!important;
  font-size:15px!important;
  line-height:1.7!important;
}
.search-results-page .search-page-hero .search-panel{
  position:relative;
  margin-top:28px!important;
  padding:20px!important;
  border:1px solid rgba(157,184,219,.58)!important;
  border-radius:26px!important;
  background:
    linear-gradient(180deg,rgba(241,247,255,.82) 0%,rgba(223,235,249,.74) 100%)!important;
  box-shadow:
    0 28px 65px rgba(34,65,106,.16),
    0 8px 22px rgba(34,65,106,.08),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.search-results-page .search-page-hero .search-panel:before{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,#6aa1ef 22%,#3b78d9 50%,#6aa1ef 78%,transparent);
  opacity:.75;
}
.search-results-page .search-panel.kai-filter{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
  align-items:stretch!important;
}
.search-results-page .search-panel.kai-filter>label{
  min-height:76px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(247,250,254,.90))!important;
  border:1px solid rgba(199,214,234,.90)!important;
  box-shadow:0 6px 16px rgba(36,67,109,.055)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.search-results-page .search-panel.kai-filter>label:hover,
.search-results-page .search-panel.kai-filter>label:focus-within{
  transform:translateY(-1px);
  border-color:#9ebbe2!important;
  box-shadow:0 10px 24px rgba(36,67,109,.095),0 0 0 3px rgba(61,118,211,.055)!important;
}
.search-results-page .search-panel.kai-filter>label>span{
  color:#6d7e96!important;
  font-size:9px!important;
  letter-spacing:.14em!important;
  font-weight:850!important;
  margin-bottom:5px!important;
}
.search-results-page .search-panel.kai-filter select,
.search-results-page .search-panel.kai-filter .type-picker-trigger{
  color:#12243e!important;
  font-size:14px!important;
  font-weight:780!important;
}
.search-results-page .search-panel.kai-filter>.search-actions{
  grid-column:1/-1!important;
  position:relative;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  margin-top:2px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(159,184,216,.42);
}
.search-results-page .search-panel.kai-filter>.search-actions:before{
  content:"KËRKIM CARVEX";
  margin-right:auto;
  color:#6d83a3;
  font-size:9px;
  font-weight:850;
  letter-spacing:.16em;
}
.search-results-page .search-panel.kai-filter>.search-actions .button{
  min-height:52px!important;
  width:auto!important;
  min-width:172px!important;
  padding:0 22px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:820!important;
}
.search-results-page .search-panel.kai-filter>.search-actions .advanced-toggle{
  order:1!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid #bfd0e6!important;
  color:#315a92!important;
  box-shadow:0 8px 18px rgba(34,65,106,.07)!important;
}
.search-results-page .search-panel.kai-filter>.search-actions .advanced-toggle:hover{
  background:#f8fbff!important;
  border-color:#a9c0df!important;
  transform:translateY(-1px);
}
.search-results-page .search-panel.kai-filter>.search-actions .search-button{
  order:2!important;
  min-width:148px!important;
  background:linear-gradient(135deg,#3979df 0%,#245fc4 100%)!important;
  color:#fff!important;
  border:1px solid rgba(31,84,178,.20)!important;
  box-shadow:0 12px 24px rgba(36,95,196,.24)!important;
}
.search-results-page .search-panel.kai-filter>.search-actions .search-button:hover{
  background:linear-gradient(135deg,#4385ea 0%,#2a68cf 100%)!important;
  transform:translateY(-1px);
  box-shadow:0 15px 28px rgba(36,95,196,.29)!important;
}
@media(max-width:1180px){
  .search-results-page .search-panel.kai-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .search-results-page .search-page-hero{
    padding:36px 14px 24px!important;
    background:linear-gradient(180deg,#eef4fb 0%,#e9f1fa 66%,#f4f7fb 100%)!important;
  }
  .search-results-page .search-page-hero>div:first-child h1{font-size:40px!important}
  .search-results-page .search-page-hero>div:first-child p{font-size:14px!important;line-height:1.55!important}
  .search-results-page .search-page-hero .search-panel{
    margin-top:20px!important;
    padding:14px!important;
    border-radius:20px!important;
    box-shadow:0 18px 38px rgba(34,65,106,.14)!important;
  }
  .search-results-page .search-panel.kai-filter{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .search-results-page .search-panel.kai-filter>label{
    min-height:68px!important;
    padding:9px 10px!important;
    border-radius:13px!important;
  }
  .search-results-page .search-panel.kai-filter>.search-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    padding-top:12px!important;
  }
  .search-results-page .search-panel.kai-filter>.search-actions:before{display:none}
  .search-results-page .search-panel.kai-filter>.search-actions .button{
    min-width:0!important;
    width:100%!important;
    min-height:48px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
}