/*
 * LiVAR Desktop Header Actions v3.8.8
 * Adapted from LiVAR_Desktop_Header_Actions_Exact_v1.0.0.
 * Desktop-only action cluster: WhatsApp, divider, search, account and cart.
 */
:root{
  --livar-header-action-orange:#ff5500;
  --livar-header-action-text:#fff;
  --livar-header-action-muted:rgba(255,255,255,.72);
  --livar-header-action-line:rgba(255,255,255,.22);
}

@media (min-width:901px){
  .nav-group.right.livar-header-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:0;
    min-width:0;
    margin-right:-4px;
    direction:ltr;
  }

  .livar-header-action{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:40px;
    height:40px;
    min-width:40px;
    margin:0;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    color:var(--livar-header-action-text);
    text-decoration:none;
    cursor:pointer;
    line-height:1;
    transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
  }

  .livar-header-action:hover{
    color:var(--livar-header-action-muted);
    background:rgba(255,255,255,.045);
    transform:translateY(-1px);
  }

  .livar-header-action:focus-visible,
  .livar-whatsapp-action:focus-visible{
    outline:2px solid var(--livar-header-action-orange);
    outline-offset:3px;
  }

  .livar-header-action-icon{
    display:block;
    width:20px;
    height:20px;
    color:currentColor;
    filter:brightness(0) invert(1);
    pointer-events:none;
  }

  .livar-whatsapp-action{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    min-width:44px;
    margin:0 6px 0 0;
    padding:0;
    border:0;
    border-radius:50%;
    text-decoration:none;
    line-height:0;
    transition:transform .18s ease,background .18s ease;
  }

  .livar-whatsapp-action:hover{
    transform:translateY(-1px);
    background:rgba(255,255,255,.035);
  }

  .livar-whatsapp-action img{
    display:block;
    width:36px;
    height:36px;
    min-width:36px;
    object-fit:contain;
    animation:livarWhatsappGlow 2.4s ease-in-out infinite;
    will-change:filter;
  }

  .livar-header-action-divider{
    display:block;
    flex:0 0 1px;
    width:1px;
    height:18px;
    margin:0 7px 0 2px;
    background:var(--livar-header-action-line);
  }

  .livar-header-search-toggle[aria-expanded="true"]{
    color:#fff;
    background:rgba(255,85,0,.12);
  }

  .livar-header-account{
    width:42px;
    height:42px;
    min-width:42px;
    margin:0 2px;
    background:var(--livar-header-action-orange);
    color:#fff;
    box-shadow:0 7px 18px rgba(255,85,0,.18);
  }

  .livar-header-account:hover{
    color:rgba(255,255,255,.84);
    background:#ff6418;
    box-shadow:0 10px 22px rgba(255,85,0,.25);
  }

  .livar-header-cart{
    margin-left:2px;
    margin-right:3px;
  }

  .livar-header-cart-count{
    position:absolute;
    z-index:2;
    top:1px;
    right:-2px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:15px;
    height:15px;
    padding:0 3px;
    border-radius:999px;
    background:var(--livar-header-action-orange);
    color:#fff;
    font-size:9px;
    font-weight:600;
    line-height:15px;
    letter-spacing:0;
    box-shadow:0 0 0 2px #0a0d11;
  }

  .livar-header-cart-count[hidden]{display:none!important}

  .livar-search-overlay{
    position:fixed;
    z-index:10000;
    inset:0;
    display:grid;
    place-items:start center;
    padding:clamp(96px,16vh,150px) 24px 40px;
    background:rgba(0,0,0,.94);
    backdrop-filter:blur(10px);
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition:opacity .24s ease,visibility .24s ease;
  }

  body.livar-search-opened{
    overflow:hidden!important;
    overscroll-behavior:none;
  }

  body.livar-search-opened .livar-search-overlay{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
  }

  .livar-search-dialog{
    position:relative;
    width:min(860px,calc(100vw - 48px));
    padding:28px 30px 30px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;
    background:linear-gradient(180deg,rgba(17,21,27,.98),rgba(7,9,12,.99));
    color:#fff;
    box-shadow:0 34px 100px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.035);
  }

  .livar-search-dialog::before{
    content:"";
    position:absolute;
    left:30px;
    right:30px;
    top:0;
    height:2px;
    background:linear-gradient(90deg,transparent,var(--livar-header-action-orange),transparent);
    box-shadow:0 0 18px rgba(255,85,0,.42);
  }

  .livar-search-kicker{
    margin:0 0 8px;
    color:#ff7a39;
    font-size:10px;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
  }

  .livar-search-title{
    margin:0;
    max-width:700px;
    color:#fff;
    font-size:clamp(28px,3.2vw,42px);
    font-weight:600;
    line-height:1.08;
    letter-spacing:-.035em;
  }

  .livar-search-description{
    margin:10px 0 24px;
    color:rgba(255,255,255,.55);
    font-size:13px;
    line-height:1.6;
  }

  .livar-search-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) 54px;
    align-items:center;
    min-height:68px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:14px;
    background:rgba(255,255,255,.035);
    overflow:hidden;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
  }

  .livar-search-form:focus-within{
    border-color:rgba(255,85,0,.68);
    background:rgba(255,255,255,.05);
    box-shadow:0 0 0 3px rgba(255,85,0,.11);
  }

  .livar-search-form input{
    width:100%;
    height:68px;
    min-width:0;
    padding:0 20px;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font:500 20px/1.2 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }

  .livar-search-form input::placeholder{color:rgba(255,255,255,.38)}

  .livar-search-submit{
    display:grid;
    place-items:center;
    width:54px;
    height:68px;
    border:0;
    border-left:1px solid rgba(255,255,255,.1);
    background:transparent;
    color:#fff;
    cursor:pointer;
    transition:background .18s ease,color .18s ease;
  }

  .livar-search-submit:hover{
    background:rgba(255,85,0,.12);
    color:#ff7a39;
  }

  .livar-search-submit img{
    width:22px;
    height:22px;
    filter:brightness(0) invert(1);
  }

  .livar-search-close{
    position:fixed;
    top:24px;
    right:28px;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
    background:rgba(14,17,22,.82);
    color:#fff;
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease,transform .18s ease;
  }

  .livar-search-close:hover{
    border-color:rgba(255,85,0,.6);
    background:rgba(255,85,0,.13);
    transform:rotate(4deg);
  }

  .livar-search-close:focus-visible,
  .livar-search-submit:focus-visible{
    outline:2px solid var(--livar-header-action-orange);
    outline-offset:3px;
  }

  .livar-search-close img{
    width:18px;
    height:18px;
    filter:brightness(0) invert(1);
  }

  .livar-search-hints{
    display:flex;
    flex-wrap:wrap;
    gap:7px 14px;
    margin-top:15px;
    color:rgba(255,255,255,.4);
    font-size:10.5px;
  }

  .livar-search-hints span::before{
    content:"•";
    margin-right:7px;
    color:rgba(255,85,0,.8);
  }
}

@media (min-width:901px) and (max-width:1100px){
  .nav-group.right.livar-header-actions{margin-right:-8px}
  .livar-whatsapp-action{margin-right:2px}
  .livar-header-action-divider{margin-left:0;margin-right:3px}
  .livar-header-action{width:38px;min-width:38px}
  .livar-header-cart{margin-left:0;margin-right:0}
}

@media (max-width:900px){
  .livar-header-actions,
  .livar-search-overlay{
    display:none!important;
  }
}

@keyframes livarWhatsappGlow{
  0%,100%{filter:drop-shadow(0 0 1px rgba(255,255,255,.1)) drop-shadow(0 0 3px rgba(255,255,255,.05))}
  50%{filter:drop-shadow(0 0 4px rgba(255,255,255,.7)) drop-shadow(0 0 8px rgba(255,255,255,.35))}
}

@media (prefers-reduced-motion:reduce){
  .livar-whatsapp-action img{animation:none!important;filter:drop-shadow(0 0 3px rgba(255,255,255,.25))}
  .livar-header-action,
  .livar-whatsapp-action,
  .livar-search-overlay,
  .livar-search-close,
  .livar-search-form{transition:none!important}
}

.livar-search-overlay .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.livar-header-search-close-icon{display:none}
body.livar-search-opened .livar-header-search-icon{display:none}
body.livar-search-opened .livar-header-search-close-icon{display:block}

/* LiVAR Live Product Search v3.11.4 */
@media (min-width:901px){
  .livar-search-overlay{
    overflow-y:auto;
  }

  .livar-search-dialog{
    max-height:calc(100vh - clamp(120px,20vh,190px));
    overflow:hidden;
  }

  .livar-search-title{
    max-width:620px;
    font-size:clamp(26px,2.8vw,38px);
  }

  .livar-search-description{
    margin-bottom:18px;
  }

  .livar-search-live{
    display:grid;
    gap:9px;
    margin-top:12px;
  }

  .livar-search-live[aria-busy="true"] .livar-search-status::before{
    content:"";
    display:inline-block;
    width:11px;
    height:11px;
    margin-right:8px;
    border:1.5px solid rgba(255,255,255,.24);
    border-top-color:var(--livar-header-action-orange);
    border-radius:50%;
    vertical-align:-1px;
    animation:livarSearchSpin .7s linear infinite;
  }

  .livar-search-status{
    min-height:16px;
    margin:0;
    color:rgba(255,255,255,.5);
    font-size:10.5px;
    font-weight:500;
    line-height:1.45;
  }

  .livar-search-status[data-state="results"]{
    color:rgba(255,255,255,.66);
  }

  .livar-search-status[data-state="empty"]{
    color:rgba(255,255,255,.68);
  }

  .livar-search-status[data-state="error"]{
    color:#ff9b73;
  }

  .livar-search-results{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    max-height:292px;
    padding:1px 4px 1px 1px;
    overflow:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,85,0,.45) rgba(255,255,255,.05);
  }

  .livar-search-results[hidden],
  .livar-search-view-all[hidden],
  .livar-search-hints[hidden]{
    display:none!important;
  }

  .livar-live-search-result{
    position:relative;
    display:grid;
    grid-template-columns:66px minmax(0,1fr) 26px;
    align-items:center;
    gap:10px;
    min-height:82px;
    padding:8px 9px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:12px;
    background:rgba(255,255,255,.025);
    color:#fff;
    text-decoration:none;
    transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
  }

  .livar-live-search-result:hover{
    border-color:rgba(255,85,0,.48);
    background:rgba(255,255,255,.045);
    transform:translateY(-1px);
    box-shadow:0 0 0 1px rgba(255,85,0,.055),0 10px 24px rgba(0,0,0,.18);
  }

  .livar-live-search-result:focus-visible{
    outline:2px solid var(--livar-header-action-orange);
    outline-offset:2px;
  }

  .livar-live-search-result-media{
    position:relative;
    display:grid;
    place-items:center;
    width:66px;
    height:66px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.07);
    border-radius:10px;
    background:#0b0f14;
  }

  .livar-live-search-result-media img{
    display:block;
    width:100%;
    height:100%;
    padding:5px;
    object-fit:contain;
    object-position:center;
  }

  .livar-live-search-result-fallback{
    color:rgba(255,255,255,.35);
    font-size:9px;
    font-weight:700;
    letter-spacing:.12em;
  }

  .livar-live-search-result-copy{
    display:grid;
    min-width:0;
    gap:2px;
  }

  .livar-live-search-result-copy small{
    overflow:hidden;
    color:#ff7a39;
    font-size:8.75px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:.11em;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
  }

  .livar-live-search-result-copy strong{
    overflow:hidden;
    color:#fff;
    font-size:13px;
    font-weight:600;
    line-height:1.25;
    letter-spacing:-.012em;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .livar-live-search-result-meta{
    overflow:hidden;
    color:rgba(255,255,255,.45);
    font-size:9px;
    font-weight:500;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .livar-live-search-result-copy b{
    color:rgba(255,255,255,.8);
    font-size:10.5px;
    font-weight:600;
    line-height:1.25;
  }

  .livar-live-search-result-arrow{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:50%;
    color:rgba(255,255,255,.55);
    font-size:13px;
    transition:border-color .18s ease,color .18s ease,transform .18s ease;
  }

  .livar-live-search-result:hover .livar-live-search-result-arrow{
    border-color:rgba(255,85,0,.5);
    color:#ff7a39;
    transform:translateX(1px);
  }

  .livar-search-view-all{
    justify-self:end;
    color:rgba(255,255,255,.64);
    font-size:10.5px;
    font-weight:600;
    line-height:1.4;
    text-decoration:none;
  }

  .livar-search-view-all:hover{
    color:#ff7a39;
  }

  .livar-search-view-all:focus-visible{
    outline:2px solid var(--livar-header-action-orange);
    outline-offset:3px;
    border-radius:4px;
  }

  .livar-search-hints{
    margin-top:11px;
  }
}

@media (min-width:901px) and (max-width:1100px){
  .livar-search-dialog{
    width:min(780px,calc(100vw - 40px));
    padding:24px 25px 25px;
  }

  .livar-search-results{
    max-height:270px;
  }

  .livar-live-search-result{
    grid-template-columns:58px minmax(0,1fr) 24px;
    min-height:74px;
    gap:8px;
  }

  .livar-live-search-result-media{
    width:58px;
    height:58px;
  }
}

@keyframes livarSearchSpin{
  to{transform:rotate(360deg)}
}

@media (prefers-reduced-motion:reduce){
  .livar-live-search-result,
  .livar-live-search-result-arrow{transition:none!important}
  .livar-search-live[aria-busy="true"] .livar-search-status::before{animation:none!important}
}