/* Extracted style 1 from original line 3800 */

:root{
  --of-gold:#c7a356;
  --of-gold2:#ead897;
  --of-dark:#080a0e;
  --of-dark2:#151a21;
  --of-pearl:#fffdf8;
  --of-pearl2:#f2ebdd;
}

html body .site-header{
  background:
    radial-gradient(circle at 16% -55%,rgba(238,205,121,.24),transparent 38%),
    radial-gradient(circle at 88% 145%,rgba(171,126,43,.18),transparent 42%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 1px,transparent 1px 8px),
    linear-gradient(180deg,#1a1f27 0%,#080a0e 100%)!important;
  border-bottom:1px solid rgba(232,201,123,.34)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.36),inset 0 -1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(22px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(120%)!important;
}

html body .site-header .brand,
html body .site-header .onfix-logo-spin-layer,
html body .site-header .onfix-logo-spin-layer *,
html body .site-header .onfix-logo-image{
  animation:none!important;
  -webkit-animation:none!important;
  transform:none!important;
  -webkit-transform:none!important;
}

html body .site-header .utility-search,
html body .site-header .utility-pill,
html body .site-header .utility-icon-btn,
html body .site-header .utility-lang-shell,
html body .site-header .language-switcher{
  background:
    linear-gradient(145deg,rgba(36,41,50,.96),rgba(10,13,18,.98))!important;
  color:#f7f1e4!important;
  border:1px solid rgba(224,190,108,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 9px 24px rgba(0,0,0,.20)!important;
}
html body .site-header .utility-search input{
  background:transparent!important;
  color:#fff!important;
  border:0!important;
}
html body .site-header .utility-search input::placeholder{color:#aeb4bf!important}
html body .site-header .utility-search button,
html body .site-header .utility-pill__icon{
  background:linear-gradient(145deg,#f0dfa0,#c5a052 52%,#9b7128)!important;
  color:#161107!important;
  border:1px solid rgba(255,236,177,.62)!important;
}
html body .site-header .main-nav a,
html body .site-header .login-link{color:#f4efe5!important}
html body .site-header .main-nav a:hover{color:#f0d98d!important}

html body{
  background-color:#fffdf8!important;
  background-image:
    radial-gradient(circle at 9% 7%,rgba(255,255,255,1),transparent 24%),
    radial-gradient(circle at 91% 24%,rgba(198,161,75,.12),transparent 29%),
    radial-gradient(circle at 20% 82%,rgba(55,48,34,.045),transparent 34%),
    repeating-linear-gradient(116deg,rgba(80,60,24,.017) 0 1px,transparent 1px 8px),
    linear-gradient(180deg,#fffdf8 0%,#f2ebdd 50%,#fffdf8 100%)!important;
  color:#111319!important;
}

html body .hero{
  background:
    radial-gradient(circle at 78% 7%,rgba(197,157,65,.16),transparent 34%),
    radial-gradient(circle at 12% 82%,rgba(70,60,38,.045),transparent 32%),
    repeating-linear-gradient(115deg,rgba(76,58,25,.018) 0 1px,transparent 1px 8px),
    linear-gradient(180deg,#fffefb 0%,#f0e8d8 100%)!important;
}

html body .service-card,
html body .order-card,
html body .product-card,
html body .onfix-commerce-card,
html body .footer-location-pro,
html body .onfix-payment-strip{
  background:
    radial-gradient(circle at 14% 0%,rgba(255,255,255,.98),transparent 37%),
    linear-gradient(145deg,#fffefa 0%,#eee5d4 100%)!important;
  color:#151515!important;
  border:1px solid rgba(119,85,23,.24)!important;
  box-shadow:0 20px 48px rgba(42,33,16,.13),0 4px 12px rgba(42,33,16,.07),inset 0 1px 0 #fff!important;
}

html body dialog,
html body [role="dialog"],
html body .modal,
html body [class*="modal-content"],
html body [class*="popup"],
html body .onfix-chat-popup,
html body .main-nav.open,
html body .dropdown-menu,
html body [class*="dropdown-menu"],
html body .account-menu,
html body .profile-menu{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.98),transparent 32%),
    radial-gradient(circle at 94% 100%,rgba(198,159,69,.13),transparent 30%),
    repeating-linear-gradient(120deg,rgba(98,72,24,.017) 0 1px,transparent 1px 7px),
    linear-gradient(145deg,#fffef9 0%,#eee4d1 100%)!important;
  color:#151515!important;
  border:1px solid rgba(128,91,24,.30)!important;
  border-radius:22px!important;
  box-shadow:0 30px 80px rgba(24,19,10,.24),0 8px 22px rgba(24,19,10,.11),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(22px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(112%)!important;
}

html body .site-header .main-nav.open{
  background:
    radial-gradient(circle at 15% 0,rgba(226,191,105,.14),transparent 34%),
    linear-gradient(145deg,#222833,#090c11)!important;
  color:#fff!important;
  border-color:rgba(224,190,105,.32)!important;
}
html body .site-header .main-nav.open a{color:#f7f2e8!important}

html body input:not([type="checkbox"]):not([type="radio"]),
html body select,
html body textarea{
  background:linear-gradient(180deg,#fff 0%,#f5eee1 100%)!important;
  color:#171717!important;
  border:1px solid rgba(82,64,30,.38)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.045),0 1px 0 #fff!important;
}
html body input:focus,
html body select:focus,
html body textarea:focus{
  border-color:#ad8735!important;
  box-shadow:0 0 0 3px rgba(191,151,61,.14)!important;
}

html body .button,
html body .btn,
html body a.btn,
html body input[type="submit"],
html body input[type="button"]{
  background:linear-gradient(145deg,#efe0a3 0%,#c9a658 50%,#9d742c 100%)!important;
  color:#171209!important;
  border:1px solid rgba(104,75,21,.52)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 9px 22px rgba(116,82,22,.18)!important;
}

html body .site-footer{
  background:
    radial-gradient(circle at 50% -32%,rgba(222,187,96,.15),transparent 44%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.014) 0 1px,transparent 1px 9px),
    linear-gradient(180deg,#141820,#07090d)!important;
  border-top:1px solid rgba(219,184,94,.24)!important;
  color:#eee8dc!important;
}
html body .site-footer *{color:#ded8cb!important}

@media(max-width:560px){
  html body{background-attachment:scroll!important}
  html body .site-header{box-shadow:0 10px 26px rgba(0,0,0,.30)!important}
}


/* Extracted style 2 from original line 3968 */

html body.onfix-public-admin-light .site-header{
  background:
    radial-gradient(circle at 16% -55%,rgba(238,205,121,.22),transparent 38%),
    linear-gradient(180deg,#242a33 0%,#0c0f14 100%)!important;
  border-bottom:1px solid rgba(226,190,102,.34)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.26)!important;
}
html body.onfix-public-admin-light .site-header .main-nav a{color:#f7f1e4!important}
html body.onfix-public-admin-light .site-header .main-nav a:hover{color:#efd98e!important}
html body.onfix-public-admin-light .site-header .menu-toggle span{background:#e8cf89!important}

html body.onfix-public-admin-light{
  background-color:#efe0bd!important;
  background-image:
    radial-gradient(circle at 10% 5%,rgba(255,255,255,.78),transparent 27%),
    radial-gradient(circle at 89% 18%,rgba(199,158,66,.18),transparent 31%),
    linear-gradient(145deg,#fff8ea 0%,#f1dfb9 55%,#dfbd78 100%)!important;
  color:#20180d!important;
}
html body.onfix-public-admin-light .hero{
  background:linear-gradient(180deg,rgba(255,253,248,.82),rgba(239,219,177,.66))!important;
}
html body.onfix-public-admin-light .site-header .utility-search,
html body.onfix-public-admin-light .site-header .utility-pill{
  background:linear-gradient(180deg,#fffefb 0%,#f5ead4 100%)!important;
  color:#1d170f!important;
  border:1px solid rgba(96,70,20,.40)!important;
  box-shadow:0 5px 14px rgba(70,49,12,.10),inset 0 1px 0 #fff!important;
}
html body.onfix-public-admin-light .site-header .utility-search input{
  color:#1c160d!important;
}
html body.onfix-public-admin-light .site-header .utility-search input::placeholder{
  color:#756b5e!important;
  opacity:1!important;
}
html body.onfix-public-admin-light .site-header .utility-pill,
html body.onfix-public-admin-light .site-header .utility-pill span{
  color:#18130c!important;
}
html body.onfix-public-admin-light .site-header .utility-pill__icon,
html body.onfix-public-admin-light .site-header .utility-search button,
html body.onfix-public-admin-light .site-header .onfix-header-cart-btn{
  background:linear-gradient(145deg,#f1d98d 0%,#c79d43 52%,#9b7028 100%)!important;
  color:#1b1308!important;
  border:1px solid rgba(94,65,15,.58)!important;
  box-shadow:0 7px 17px rgba(115,77,14,.18),inset 0 1px 0 rgba(255,255,255,.65)!important;
}
html body.onfix-public-admin-light .site-header .onfix-header-cart-btn{
  width:58px!important;
  min-width:58px!important;
  min-height:58px!important;
}
html body.onfix-public-admin-light .site-header .onfix-header-cart-btn svg{
  width:23px!important;
  height:23px!important;
  fill:currentColor!important;
}
html body.onfix-public-admin-light .site-header .onfix-header-cart-btn:hover,
html body.onfix-public-admin-light .site-header .utility-search button:hover{
  filter:brightness(1.06)!important;
  transform:translateY(-1px)!important;
}
@media(max-width:760px){
  html body.onfix-public-admin-light .site-header .onfix-header-cart-btn{
    width:52px!important;min-width:52px!important;min-height:52px!important;
  }
}


/* Extracted style 3 from original line 4040 */

html body .site-header{
  background:linear-gradient(180deg,#fffefb 0%,#efe7d9 100%)!important;
  border-bottom:1px solid rgba(45,38,27,.18)!important;
  box-shadow:0 7px 20px rgba(48,38,20,.10)!important;
  color:#15110a!important;
}
html body .site-header .main-nav a,
html body .site-header .login-link{color:#17130d!important;font-weight:800!important;opacity:1!important}
html body .site-header .main-nav a:hover{color:#8e641b!important}
html body .site-header .menu-toggle span{background:#17130d!important}

html body .site-header .utility-search,
html body .site-header .utility-pill,
html body .site-header .utility-icon-btn,
html body .site-header .utility-lang-shell{
  background:linear-gradient(180deg,#fff 0%,#f7f0e6 100%)!important;
  color:#17130d!important;
  border:1px solid rgba(45,38,27,.38)!important;
  box-shadow:0 5px 14px rgba(51,38,14,.10),inset 0 1px 0 #fff!important;
}
html body .site-header .utility-search input,
html body .site-header .utility-pill,
html body .site-header .utility-pill span,
html body .site-header .utility-pill__chevron{color:#17130d!important;opacity:1!important}
html body .site-header .utility-search input::placeholder{color:#6a6053!important;opacity:1!important}
html body .site-header .utility-search button,
html body .site-header .utility-pill__icon,
html body .site-header .onfix-header-cart-btn{
  background:linear-gradient(145deg,#f7df8d 0%,#d4aa45 55%,#a56f1e 100%)!important;
  color:#100c05!important;
  border:1px solid #795516!important;
  box-shadow:0 7px 17px rgba(94,63,12,.22),inset 0 1px 0 rgba(255,255,255,.76)!important;
}
html body .site-header .onfix-header-cart-btn svg,
html body .site-header .utility-search button svg{fill:#100c05!important;color:#100c05!important}

html body footer.site-footer,
html body .site-footer{
  background:linear-gradient(180deg,#fffefb 0%,#f5eee2 100%)!important;
  color:#17130d!important;
  border-top:1px solid rgba(45,38,27,.16)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
html body .site-footer *,
html body footer.site-footer *{
  color:#17130d!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body .site-footer .footer-grid--elegant{
  align-items:stretch!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body .site-footer .footer-panel{
  background:linear-gradient(145deg,#fff 0%,#f8f2e8 100%)!important;
  border:1.5px solid rgba(31,27,20,.72)!important;
  border-radius:20px!important;
  box-shadow:0 7px 20px rgba(40,31,14,.08),inset 0 1px 0 #fff!important;
}
html body .site-footer .footer-panel h3{color:#0e0b07!important;font-weight:950!important}
html body .site-footer .footer-panel a{color:#17130d!important;font-weight:800!important;text-decoration:none!important}
html body .site-footer .footer-panel a:hover{color:#8f6418!important;text-decoration:underline!important}

html body .site-footer .footer-panel--contact > a[href^="tel:"]{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 14px!important;
  margin:4px 0 8px!important;
  border:1px solid #8b6115!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#f6df91,#d4a743 55%,#b17a21)!important;
  color:#100c05!important;
  box-shadow:0 5px 12px rgba(89,61,12,.16),inset 0 1px 0 rgba(255,255,255,.72)!important;
  font-size:15px!important;
  font-weight:950!important;
}

html body .site-footer .social-links--icons{display:flex!important;align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important}
html body .site-footer .social-account{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important}
html body .site-footer .social-icon{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  border:1.5px solid rgba(31,27,20,.70)!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 4px 10px rgba(37,29,14,.10)!important;
  opacity:1!important;
}
html body .site-footer .social-icon svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
html body .site-footer .social-icon--instagram{color:#b32d79!important}
html body .site-footer .social-icon--instagram svg{stroke:#b32d79!important;fill:none!important}
html body .site-footer .social-icon--telegram{color:#229ed9!important}
html body .site-footer .social-icon--telegram svg{fill:#229ed9!important;stroke:none!important}
html body .site-footer .social-account-label{font-size:9px!important;font-weight:900!important;color:#332b20!important}
html body .site-footer .social-icon svg.brand-icon-svg{width:22px!important;height:22px!important;fill:none!important;stroke:none!important}
html body .site-footer .social-icon svg.brand-icon-svg *{vector-effect:non-scaling-stroke}
html body .site-footer .social-icon:hover{background:#fff!important}
html body .site-footer .social-icon--instagram:hover,
html body .site-footer .social-icon--telegram:hover{background:#fff!important}
.floating-actions .floating-menu .floating-contact .brand-icon-svg,
.floating-actions .floating-menu .floating-contact .brand-icon-svg *{stroke:none!important}
.contact-chips--icons .brand-icon-svg,
.contact-button .brand-icon-svg{fill:none!important;stroke:none!important}
.contact-chips--icons .brand-icon-svg circle,
.contact-chips--icons .brand-icon-svg rect,
.contact-button .brand-icon-svg circle,
.contact-button .brand-icon-svg rect{stroke:none!important}

.footer-reference-socials{display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:10px 12px!important}
.footer-reference-socials .footer-social{position:relative!important;display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;padding:0!important;border:1px solid rgba(116,83,35,.12)!important;border-radius:11px!important;background:#fff!important;color:#fff!important;box-shadow:0 6px 14px rgba(0,0,0,.10)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.footer-reference-socials .footer-social:hover{transform:translateY(-2px)!important;box-shadow:0 8px 18px rgba(0,0,0,.14)!important;border-color:rgba(116,83,35,.22)!important;background:#fff!important;color:#fff!important}
.footer-reference-socials .footer-social .footer-social-logo{width:22px!important;height:22px!important;display:block!important;fill:none!important;stroke:none!important}
.footer-reference-socials .footer-social .footer-social-logo *{vector-effect:non-scaling-stroke}
.footer-reference-socials .footer-social small{position:absolute!important;left:50%!important;top:42px!important;translate:-50% 0!important;width:max-content!important;color:#8c826f!important;font-size:8px!important;font-weight:800!important;line-height:1!important;letter-spacing:.02em!important}

.floating-actions .floating-menu .floating-contact--whatsapp .brand-icon-svg path{fill:#ffffff!important}
.floating-actions .floating-menu .floating-contact--telegram .brand-icon-svg path{fill:#ffffff!important}
.floating-actions .floating-menu .floating-contact--viber .brand-icon-svg rect{fill:#7360F2!important}
.floating-actions .floating-menu .floating-contact--viber .brand-icon-svg path:first-of-type{fill:#ffffff!important}
.floating-actions .floating-menu .floating-contact--viber .brand-icon-svg path:last-of-type{fill:none!important;stroke:#ffffff!important;stroke-width:1.25!important;stroke-linejoin:round!important;opacity:.95!important}

html body .site-footer .footer-location-pro,
html body .site-footer .footer-location-pro--elegant{
  background:linear-gradient(145deg,#fff 0%,#f7f0e5 100%)!important;
  border:1.5px solid rgba(31,27,20,.74)!important;
  border-radius:24px!important;
  box-shadow:0 9px 24px rgba(41,32,16,.09),inset 0 1px 0 #fff!important;
}
html body .site-footer .onfix-location-card{
  max-width:none!important;
  padding:18px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .site-footer .onfix-location-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  text-align:left!important;
}
html body .site-footer .onfix-location-brand h3{font-size:20px!important;color:#0e0b07!important;font-weight:950!important}
html body .site-footer .onfix-location-brand span{margin:0!important;color:#3d372f!important;font-size:11px!important;font-weight:850!important}
html body .site-footer .onfix-address-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:16px!important}
html body .site-footer .onfix-address-link{
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 14px!important;
  border:1.5px solid rgba(31,27,20,.78)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff 0%,#faf6ef 100%)!important;
  color:#111!important;
  box-shadow:0 4px 10px rgba(38,30,16,.06),inset 0 1px 0 #fff!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
html body .site-footer .onfix-address-link:hover{
  background:linear-gradient(145deg,#fffef8,#ead39e)!important;
  border-color:#8b6115!important;
  transform:translateY(-1px)!important;
}
html body .site-footer .onfix-address-link span{color:#111!important;opacity:1!important}
html body .site-footer .onfix-pin{font-size:22px!important;line-height:1!important}

html body .site-footer .onfix-payment-strip--elite{
  background:#fff!important;
  border:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.04)!important;
}
html body .site-footer .onfix-payment-strip--elite h3{color:#111!important;font-weight:900!important}
html body .site-footer .onfix-payment-strip--elite p{color:#4f473c!important;font-weight:700!important}
html body .site-footer .onfix-payment-kicker{color:#555!important;border:1px solid #e8e8e8!important;background:#fafafa!important;box-shadow:none!important}
html body .site-footer .onfix-payment-image-card{border:none!important;box-shadow:none!important;background:transparent!important}
html body .site-footer .footer-bottom p{color:#6a6258!important;font-weight:700!important}

html body .floating-actions .floating-main{
  background:#fff!important;
  color:#0f58d6!important;
  border:1.5px solid #1e2732!important;
  box-shadow:0 8px 20px rgba(17,24,39,.18)!important;
}
html body .floating-actions .floating-main svg{fill:#0f58d6!important;color:#0f58d6!important}
html body .floating-actions .floating-contact{
  background:#fff!important;
  border:1.5px solid #1e2732!important;
  box-shadow:0 6px 16px rgba(17,24,39,.16)!important;
}

@media(max-width:760px){
  html body .site-footer .footer-grid--elegant{grid-template-columns:1fr!important}
  html body .site-footer .onfix-location-brand{display:block!important;text-align:left!important}
  html body .site-footer .onfix-location-brand span{display:block!important;margin-top:5px!important}
  html body .site-footer .onfix-address-list{grid-template-columns:1fr!important}
  html body .site-footer .footer-panel{border-radius:16px!important}
}


/* Extracted style 4 from original line 4247 */

html body #onfix-category-menu a.onfix-commerce-card,
html body #onfix-category-menu a.onfix-commerce-subaction{
  box-sizing:border-box!important;
  border:2px solid #111111!important;
  border-color:#111111!important;
  border-radius:18px!important;
}
html body #onfix-category-menu a.onfix-commerce-card:hover,
html body #onfix-category-menu a.onfix-commerce-card:focus-visible,
html body #onfix-category-menu a.onfix-commerce-subaction:hover,
html body #onfix-category-menu a.onfix-commerce-subaction:focus-visible{
  border:2px solid #111111!important;
  border-color:#111111!important;
}


/* Extracted style 5 from original line 4264 */

@media (max-width:760px){
  html body .site-header .container.utility-bar{
    display:grid!important;
    grid-template-columns:minmax(116px,1fr) minmax(92px,104px) 44px!important;
    gap:6px!important;
    align-items:center!important;
    width:min(100% - 28px,1180px)!important;
    max-width:1180px!important;
    margin-inline:auto!important;
    padding:0 0 10px!important;
    overflow:visible!important;
    overflow-x:visible!important;
    scrollbar-width:auto!important;
    touch-action:pan-y!important;
    overscroll-behavior-inline:none!important;
  }

  html body .site-header .utility-search{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:48px!important;
    height:48px!important;
    margin:0!important;
    padding:4px 4px 4px 10px!important;
    gap:4px!important;
    border-radius:14px!important;
    flex:none!important;
    transform:none!important;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
  }
  html body .site-header .utility-search input{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    padding:0!important;
    font-size:12px!important;
    line-height:1.2!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  html body .site-header .utility-search button{
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    margin:0!important;
    border-radius:11px!important;
    transform:none!important;
    transition:none!important;
  }

  html body .site-header .utility-pill{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:48px!important;
    height:48px!important;
    margin:0!important;
    padding:0 7px!important;
    gap:5px!important;
    border-radius:14px!important;
    flex:none!important;
    transform:none!important;
    transition:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  html body .site-header .utility-pill__main{
    min-width:0!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  html body .site-header .utility-pill__icon{
    flex:0 0 31px!important;
    width:31px!important;
    height:31px!important;
  }
  html body .site-header .utility-pill__main > span:last-child{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
  html body .site-header .utility-pill__chevron{
    flex:0 0 auto!important;
    font-size:10px!important;
  }

  html body .site-header .utility-icon-btn.onfix-header-cart-btn{
    grid-column:3!important;
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    border-radius:14px!important;
    flex:none!important;
    transform:none!important;
    transition:none!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html body .site-header .utility-icon-btn.onfix-header-cart-btn svg{
    width:20px!important;
    height:20px!important;
  }

  html body .site-header .utility-search:hover,
  html body .site-header .utility-search:active,
  html body .site-header .utility-search button:hover,
  html body .site-header .utility-search button:active,
  html body .site-header .utility-pill:hover,
  html body .site-header .utility-pill:active,
  html body .site-header .utility-icon-btn:hover,
  html body .site-header .utility-icon-btn:active,
  html body #onfix-category-menu a:hover,
  html body #onfix-category-menu a:active{
    transform:none!important;
  }

  html body #onfix-category-menu a{
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
  }
}

@media (max-width:360px){
  html body .site-header .container.utility-bar{
    grid-template-columns:minmax(104px,1fr) 88px 42px!important;
    gap:5px!important;
  }
  html body .site-header .utility-search{padding-left:8px!important}
  html body .site-header .utility-search input{font-size:11px!important}
  html body .site-header .utility-search button{
    flex-basis:36px!important;width:36px!important;min-width:36px!important;height:36px!important
  }
  html body .site-header .utility-pill{padding-inline:5px!important;gap:3px!important}
  html body .site-header .utility-pill__main{gap:4px!important}
  html body .site-header .utility-pill__icon{flex-basis:29px!important;width:29px!important;height:29px!important}
  html body .site-header .utility-pill__main > span:last-child{font-size:11px!important}
  html body .site-header .utility-icon-btn.onfix-header-cart-btn{
    width:42px!important;min-width:42px!important;max-width:42px!important
  }
}