/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-2xl: 42rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-wide: 0.025em;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary: #006BDE;
    --color-primary-5: #D9E9FA;
    --color-primary-20: #80B5EF;
    --color-primary-40: #3385E9;
    --color-primary-70: #004690;
    --color-primary-95: #00125C;
    --custom-section-gap: 90px;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-\[0px\] {
    inset: 0px;
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .z-10 {
    z-index: 10;
  }
  .z-30 {
    z-index: 30;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .aspect-\[35\/9\] {
    aspect-ratio: 35/9;
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-full {
    height: 100%;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .self-center {
    align-self: center;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-\[\#D6D6D6\] {
    border-color: #D6D6D6;
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-sky-600 {
    background-color: var(--color-sky-600);
  }
  .bg-slate-300 {
    background-color: var(--color-slate-300);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .text-center {
    text-align: center;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-white {
    color: var(--color-white);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .group-hover\:block {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .group-hover\:flex {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: flex;
      }
    }
  }
  .group-hover\/sub\:flex {
    &:is(:where(.group\/sub):hover *) {
      @media (hover: hover) {
        display: flex;
      }
    }
  }
  .peer-checked\/cart\:block {
    &:is(:where(.peer\/cart):checked ~ *) {
      display: block;
    }
  }
  .peer-checked\/cart\:opacity-100 {
    &:is(:where(.peer\/cart):checked ~ *) {
      opacity: 100%;
    }
  }
  .hover\:border-sky-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-500);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:text-sky-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-600);
      }
    }
  }
  .sm\:gap-3 {
    @media (width >= 576px) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .md\:block {
    @media (width >= 768px) {
      display: block;
    }
  }
  .lg\:block {
    @media (width >= 992px) {
      display: block;
    }
  }
  .lg\:hidden {
    @media (width >= 992px) {
      display: none;
    }
  }
  .xl\:block {
    @media (width >= 1200px) {
      display: block;
    }
  }
}
:root {
  --vertical-menu-width: 280px;
  --container-max-width: 100%;
  --container-inline-padding: 12px;
}
.custom-container {
  max-width: var(--container-max-width);
  padding-inline: var(--container-inline-padding);
  margin-inline: auto;
}
.header-main__inner {
  flex-wrap: nowrap;
}
@media (width >=576px) {
  .custom-container {
    --container-max-width: 540px;
  }
}
@media (width >=768px) {
  .custom-container {
    --container-max-width: 720px;
  }
}
@media (width >=992px) {
  .custom-container {
    --container-max-width: 960px;
  }
  .header-main__inner {
    flex-wrap: nowrap;
  }
  .header-main__search {
    order: initial;
  }
}
@media (width >=1200px) {
  .custom-container {
    --container-max-width: 1140px;
  }
}
@media (width >=1440px) {
  .custom-container {
    --container-max-width: 1400px;
  }
}
@layer components {
  .drawer-toggle {
    display: none;
  }
  .cart-drawer__overlay {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 30;
    display: none;
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #cart-toggle:checked~.cart-drawer__overlay {
    display: block;
    opacity: 100%;
  }
  .cart-drawer {
    position: fixed;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    z-index: 50;
    height: 100%;
    width: 450px;
    max-width: 100%;
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  #cart-toggle:checked~.cart-drawer {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .cart-drawer__inner {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 6);
  }
  .cart-drawer__header {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cart-drawer__title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .cart-drawer__close {
    cursor: pointer;
    color: var(--color-gray-500);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-700);
      }
    }
  }
  .cart-drawer__close-icon {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
  }
  .cart-drawer__body {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-200);
    padding-top: calc(var(--spacing) * 4);
  }
  .cart-drawer__item {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .cart-drawer__thumb {
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 0.25rem;
  }
  .cart-drawer__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .cart-drawer__content {
    display: flex;
    flex: 1;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .cart-drawer__name {
    flex: 1;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-800);
  }
  .cart-drawer__meta {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
  }
  .cart-drawer__remove {
    cursor: pointer;
  }
  .cart-drawer__remove-icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    stroke: var(--color-red-500);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        stroke: #DC143C;
      }
    }
  }
  .cart-drawer__price {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-900);
  }
  .cart-drawer__total {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    justify-content: space-between;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-200);
    padding-top: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .cart-drawer__total-label, .cart-drawer__total-value {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-gray-900);
  }
  .cart-drawer__checkout {
    margin-top: auto;
    width: 100%;
    border-radius: 0.25rem;
    background-color: #006BDE;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: #005BEE;
      }
    }
  }
  .mobile-menu__overlay {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 20;
    display: none;
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  #mobile-menu-toggle:checked~.mobile-menu__overlay {
    display: block;
    opacity: 100%;
  }
  .mobile-menu {
    position: fixed;
    top: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    width: calc(var(--spacing) * 80);
    max-width: 80vw;
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    overflow-y: auto;
    background-color: var(--color-white);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  #mobile-menu-toggle:checked~.mobile-menu {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .mobile-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-200);
    background-color: #2E2E2E;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    color: var(--color-white);
  }
  .mobile-menu__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .mobile-menu__close {
    padding: calc(var(--spacing) * 1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-200);
      }
    }
  }
  .mobile-menu__close-icon {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
  }
  .mobile-menu__selectors {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-500);
    @media (width >= 768px) {
      display: none;
    }
  }
  .mobile-menu__selector-item {
    position: relative;
  }
  .mobile-menu__selector-item--dropdown:hover .mobile-menu__dropdown {
    display: block;
  }
  .mobile-menu__selector-btn {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-600);
      }
    }
  }
  .mobile-menu__selector-icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .mobile-menu__dropdown {
    position: absolute;
    z-index: 10;
    display: none;
    border-radius: var(--radius-md);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .mobile-menu__dropdown--language {
    margin-top: calc(var(--spacing) * -1);
    width: calc(var(--spacing) * 48);
  }
  .mobile-menu__dropdown--currency {
    margin-top: calc(var(--spacing) * -1);
    width: calc(var(--spacing) * 36);
  }
  .mobile-menu__dropdown-item {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .mobile-menu__dropdown-link {
    display: block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #D6D6D6;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-gray-700);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .mobile-menu__dropdown-content {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .mobile-menu__flag {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .mobile-menu__nav {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
  }
  .mobile-menu__nav-list {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .mobile-menu__nav-item {
    display: block;
  }
  .mobile-menu__nav-link {
    display: block;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-800);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #006BDE;
      }
    }
  }
  .mobile-menu__divider {
    padding-block: calc(var(--spacing) * 4);
  }
  .mobile-menu__divider::before {
    content: "";
    display: block;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-200);
  }
  .mobile-menu__categories {
    padding-top: calc(var(--spacing) * 2);
  }
  .mobile-menu__categories-title {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-900);
  }
  .mobile-menu__categories-icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    color: #006BDE;
  }
  .mobile-menu__categories-list {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-left: calc(var(--spacing) * 4);
  }
  .mobile-menu__categories-item {
    display: block;
  }
  .mobile-menu__categories-link {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-gray-600);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #006BDE;
      }
    }
  }
  .site-header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
  }
  .header-top {
    display: none;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-200);
    @media (width >= 1200px) {
      display: block;
    }
  }
  .header-top__inner {
    display: flex;
    justify-content: space-between;
  }
  .header-top__social {
    display: flex;
    align-items: center;
  }
  .site-header .header-top .header-top__social a.header-top__social-link {
    padding: calc(var(--spacing) * 3);
    color: var(--color-slate-500);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-600);
      }
    }
  }
  .header-top .header-top__social a.header-top__social-link--border {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
    border-color: #D6D6D6;
  }
  .header-top__menu {
    display: flex;
    height: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-500);
  }
  .header-top__menu-link {
    padding: calc(var(--spacing) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-600);
      }
    }
  }
  .header-main__inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 5);
    @media (width >= 992px) {
      align-items: center;
    }
  }
  .header-main__brand {
    display: flex;
    align-items: center;
  }
  .header-main__search {
    display: none;
    width: 100%;
    @media (width >= 992px) {
      display: block;
    }
    @media (width >= 992px) {
      max-width: var(--container-2xl);
    }
  }
  .header-main__search.header-main__search--navigation {
    display: block;
    width: calc(3 / 4 * 100%);
    @media (width >= 992px) {
      display: none;
    }
  }
  .header-main__search-box {
    display: flex;
    align-items: center;
    border-radius: var(--radius-lg);
    background-color: var(--color-slate-100);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: transparent;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:focus-within {
      --tw-ring-color: var(--color-sky-500);
    }
  }
  .header-main__search-input {
    width: 100%;
    background-color: transparent;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    &::placeholder {
      color: var(--color-slate-400);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .header-main__search-btn {
    margin-left: calc(var(--spacing) * 3);
    color: var(--color-slate-600);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-600);
      }
    }
  }
  .header-main__search-btn svg {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  .header-main__icon-btn {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-500);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-600);
      }
    }
  }
  .header-main__actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 576px) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .header-main__selectors {
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-500);
    @media (width >= 768px) {
      display: flex;
    }
  }
  .header-main__selector-item {
    position: relative;
  }
  .header-main__selector-button {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-600);
      }
    }
  }
  .header-main__dropdown {
    position: absolute;
    z-index: 10;
    margin-top: calc(var(--spacing) * -1);
    display: none;
    border-radius: var(--radius-md);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .header-main__dropdown--language {
    width: calc(var(--spacing) * 48);
  }
  .header-main__dropdown--currency {
    width: calc(var(--spacing) * 36);
  }
  .header-main__dropdown-item {
    list-style-type: none;
  }
  .header-main__dropdown-link {
    display: block;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-gray-700);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .header-main__dropdown-link--border {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #D6D6D6;
  }
  .header-main__dropdown-option {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .header-nav {
    background-color: #2E2E2E;
  }
  .header-nav__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header-nav__categories {
    display: none;
    min-width: 280px;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-sky-600);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-700);
      }
    }
    @media (width >= 992px) {
      display: flex;
    }
  }
  .header-nav__categories-button {
    display: none;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-primary);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-70);
      }
    }
    @media (width >= 992px) {
      display: flex;
    }
    @media (width >= 992px) {
      min-width: 210px;
    }
    @media (width >= 1200px) {
      min-width: 280px;
    }
  }
  .header-nav__vertical-menu {
    width: var(--vertical-menu-width);
    position: absolute;
    z-index: 10;
    margin-top: calc(var(--spacing) * -1);
    display: none;
    width: 100%;
    min-width: calc(var(--spacing) * 48);
    border-radius: var(--radius-md);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .header-nav__vertical-menu-link {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-gray-700);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .header-nav__vertical-menu-link--border {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #D6D6D6;
  }
  .header-nav__mega-menu--right {
    min-width: calc(var(--container-max-width) - var(--vertical-menu-width));
    max-height: calc(100vh - 12rem);
    overflow-y: auto;
  }
  .header-nav__vertical-menu-item {
    position: relative;
  }
  .header-nav__mega-menu {
    position: absolute;
    right: calc(1 / 2 * 100%);
    z-index: 10;
    margin-inline: auto;
    display: none;
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    gap: calc(var(--spacing) * 6);
    border-radius: var(--radius-md);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: flex;
      }
    }
    min-width: var(--container-max-width);
    max-height: calc(100svh - 12rem);
    overflow-y: auto;
  }
  .header-nav__mega-menu--right {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: 100%;
    z-index: 10;
    display: none;
    gap: calc(var(--spacing) * 6);
    border-radius: var(--radius-md);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(:where(.group\/sub):hover *) {
      @media (hover: hover) {
        display: flex;
      }
    }
  }
  .header-nav__mega-title {
    display: block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #D6D6D6;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-gray-700);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .header-nav__mega-link {
    display: block;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-gray-700);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .header-nav__menu {
    display: none;
    flex: 1;
    @media (width >= 992px) {
      display: block;
    }
  }
  .header-nav__list {
    display: flex;
    align-items: center;
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
    :where(& > :not(:last-child)) {
      border-color: #D6D6D6;
    }
    color: var(--color-white);
  }
  .header-nav__item {
    flex: 1;
  }
  .header-nav__link {
    display: flex;
    justify-content: center;
    gap: 3px;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        fill: var(--color-primary-40);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-40);
      }
    }
  }
  .header-nav__item--has-children {
    position: relative;
  }
  .header-nav__item__dropdown {
    position: absolute;
    z-index: 10;
    margin-top: calc(var(--spacing) * 1);
    display: none;
    width: calc(var(--spacing) * 48);
    border-radius: var(--radius-md);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .header-nav__mobile-toggle {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    @media (width >= 992px) {
      display: none;
    }
  }
  .hero {
    margin-top: 30px;
    border-radius: var(--radius-sm);
    --tw-gradient-position: 120deg;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: 120deg in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-primary-95);
    --tw-gradient-to: var(--color-primary-20);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 10);
    @media (width >= 768px) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .hero__inner {
    margin-right: calc(var(--spacing) * 0);
    margin-left: calc(var(--spacing) * 0);
    display: flex;
    min-height: 300px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    @media (width >= 576px) {
      margin-right: 10px;
    }
    @media (width >= 576px) {
      margin-left: 10px;
    }
    @media (width >= 768px) {
      margin-right: 30px;
    }
    @media (width >= 768px) {
      margin-left: 20px;
    }
    @media (width >= 992px) {
      margin-right: 30px;
    }
    @media (width >= 992px) {
      margin-left: 30px;
    }
    @media (width >= 992px) {
      flex-wrap: nowrap;
    }
    @media (width >= 992px) {
      justify-content: space-between;
    }
    @media (width >= 1200px) {
      margin-right: 90px;
    }
    @media (width >= 1200px) {
      margin-left: 40px;
    }
    @media (width >= 1200px) {
      gap: calc(var(--spacing) * 8);
    }
    @media (width >= 1440px) {
      margin-right: 132px;
    }
    @media (width >= 1440px) {
      margin-left: 56px;
    }
  }
  .hero__content {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    @media (width >= 992px) {
      gap: 20px;
    }
    @media (width >= 1200px) {
      gap: 30px;
    }
    @media (width >= 1440px) {
      gap: 52px;
    }
  }
  .hero__title-wrap {
    position: relative;
    width: 100%;
    @media (width >= 992px) {
      width: auto;
    }
  }
  .hero__title-top {
    position: relative;
    z-index: 1;
    margin-bottom: -10px;
    margin-left: calc(var(--spacing) * 12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 2);
    font-size: 34px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-white);
    text-transform: uppercase;
    font-style: italic;
    @media (width >= 768px) {
      font-size: 42px;
    }
  }
  .hero__title-main {
    clip-path: polygon(99.854% 75.966%, 99.7% 41.662%, 99.7% 41.662%, 99.684% 39.649%, 99.654% 37.656%, 99.61% 35.686%, 99.552% 33.74%, 99.481% 31.82%, 99.397% 29.93%, 99.299% 28.071%, 99.188% 26.245%, 99.065% 24.455%, 98.929% 22.702%, 98.929% 22.702%, 98.873% 22.037%, 98.815% 21.379%, 98.755% 20.728%, 98.694% 20.085%, 98.631% 19.448%, 98.566% 18.818%, 98.499% 18.195%, 98.43% 17.578%, 98.36% 16.968%, 98.288% 16.365%, 98.288% 16.365%, 98.227% 15.872%, 98.165% 15.385%, 98.102% 14.904%, 98.037% 14.428%, 97.972% 13.957%, 97.905% 13.493%, 97.837% 13.034%, 97.768% 12.582%, 97.698% 12.135%, 97.627% 11.695%, 97.627% 11.695%, 97.23% 9.447%, 96.811% 7.427%, 96.372% 5.639%, 95.914% 4.087%, 95.44% 2.777%, 94.952% 1.713%, 94.452% 0.901%, 93.941% 0.345%, 93.421% 0.05%, 92.894% 0.021%, 68.393% 4.673%, 67.833% 4.778%, 66.515% 5.024%, 65.955% 5.129%, 64.634% 5.375%, 64.074% 5.48%, 62.754% 5.726%, 62.194% 5.831%, 60.873% 6.077%, 60.313% 6.183%, 58.995% 6.428%, 58.435% 6.534%, 57.117% 6.779%, 56.557% 6.885%, 55.239% 7.131%, 54.679% 7.236%, 54.503% 7.271%, 53.997% 7.359%, 53.361% 7.482%, 52.801% 7.587%, 51.483% 7.833%, 50.923% 7.938%, 49.602% 8.184%, 49.042% 8.289%, 49.039% 8.289%, 47.721% 8.535%, 47.161% 8.64%, 45.843% 8.886%, 45.283% 8.991%, 43.965% 9.237%, 43.963% 9.237%, 43.402% 9.343%, 42.082% 9.588%, 41.511% 9.781%, 40.193% 10.027%, 39.633% 10.133%, 38.315% 10.378%, 37.755% 10.484%, 14.233% 14.96%, 14.231% 14.96%, 13.949% 15.013%, 13.205% 15.153%, 12.888% 15.224%, 12.144% 15.364%, 11.827% 15.417%, 11.083% 15.557%, 11.081% 15.557%, 10.767% 15.627%, 10.023% 15.768%, 9.706% 15.821%, 8.962% 15.979%, 8.648% 16.031%, 7.904% 16.172%, 7.587% 16.242%, 6.843% 16.382%, 6.529% 16.435%, 5.785% 16.575%, 5.777% 16.593%, 5.468% 16.646%, 4.724% 16.786%, 4.41% 16.839%, 3.666% 16.997%, 3.349% 17.049%, 2.762% 17.155%, 2.762% 17.155%, 2.746% 17.16%, 2.73% 17.165%, 2.714% 17.171%, 2.698% 17.176%, 2.683% 17.181%, 2.667% 17.186%, 2.651% 17.192%, 2.636% 17.197%, 2.621% 17.202%, 2.605% 17.207%, 2.605% 17.207%, 2.573% 17.23%, 2.54% 17.254%, 2.508% 17.28%, 2.475% 17.309%, 2.443% 17.339%, 2.41% 17.372%, 2.378% 17.407%, 2.345% 17.443%, 2.313% 17.482%, 2.28% 17.523%, 2.28% 17.523%, 2.197% 17.641%, 2.115% 17.774%, 2.033% 17.922%, 1.953% 18.085%, 1.873% 18.263%, 1.794% 18.456%, 1.716% 18.665%, 1.639% 18.889%, 1.563% 19.129%, 1.487% 19.384%, 1.487% 19.384%, 1.45% 19.518%, 1.413% 19.654%, 1.377% 19.794%, 1.341% 19.937%, 1.305% 20.084%, 1.269% 20.235%, 1.234% 20.389%, 1.199% 20.548%, 1.165% 20.71%, 1.13% 20.877%, 1.13% 20.877%, 1.092% 21.063%, 1.055% 21.254%, 1.018% 21.449%, 0.982% 21.648%, 0.946% 21.851%, 0.91% 22.058%, 0.875% 22.27%, 0.841% 22.486%, 0.807% 22.706%, 0.773% 22.931%, 0.773% 22.931%, 0.684% 23.547%, 0.6% 24.185%, 0.523% 24.842%, 0.451% 25.519%, 0.385% 26.214%, 0.325% 26.925%, 0.27% 27.652%, 0.22% 28.394%, 0.176% 29.149%, 0.137% 29.918%, 0.137% 29.918%, 0.137% 29.923%, 0.137% 29.926%, 0.137% 29.93%, 0.136% 29.933%, 0.136% 29.935%, 0.135% 29.938%, 0.135% 29.941%, 0.135% 29.944%, 0.134% 29.948%, 0.134% 29.953%, 0.134% 29.953%, 0.115% 30.386%, 0.097% 30.821%, 0.081% 31.258%, 0.066% 31.698%, 0.053% 32.141%, 0.041% 32.586%, 0.031% 33.034%, 0.023% 33.484%, 0.016% 33.938%, 0.01% 34.394%, 0.01% 34.412%, 0.01% 34.412%, 0.001% 35.728%, 0.003% 37.052%, 0.016% 38.378%, 0.041% 39.703%, 0.076% 41.022%, 0.12% 42.33%, 0.174% 43.623%, 0.237% 44.896%, 0.309% 46.146%, 0.389% 47.368%, 0.389% 47.368%, 0.409% 47.652%, 0.429% 47.934%, 0.449% 48.215%, 0.471% 48.495%, 0.492% 48.772%, 0.514% 49.048%, 0.537% 49.321%, 0.56% 49.591%, 0.584% 49.859%, 0.608% 50.124%, 0.608% 50.124%, 0.61% 50.14%, 0.611% 50.156%, 0.612% 50.172%, 0.614% 50.187%, 0.615% 50.203%, 0.616% 50.219%, 0.617% 50.235%, 0.619% 50.251%, 0.62% 50.266%, 0.622% 50.282%, 0.622% 50.282%, 0.635% 50.434%, 0.649% 50.584%, 0.664% 50.732%, 0.678% 50.879%, 0.692% 51.024%, 0.707% 51.168%, 0.721% 51.312%, 0.736% 51.455%, 0.75% 51.597%, 0.765% 51.739%, 1.203% 55.953%, 1.45% 58.34%, 2.034% 63.958%, 2.28% 66.346%, 2.865% 71.963%, 3.111% 74.351%, 3.125% 74.491%, 3.125% 74.491%, 3.179% 75.011%, 3.235% 75.526%, 3.291% 76.036%, 3.349% 76.542%, 3.407% 77.043%, 3.466% 77.54%, 3.525% 78.032%, 3.586% 78.519%, 3.647% 79%, 3.709% 79.477%, 3.709% 79.477%, 3.734% 79.671%, 3.76% 79.865%, 3.785% 80.057%, 3.811% 80.249%, 3.837% 80.441%, 3.863% 80.631%, 3.889% 80.821%, 3.916% 81.011%, 3.942% 81.201%, 3.969% 81.391%, 3.969% 81.391%, 4.476% 84.648%, 5.02% 87.608%, 5.598% 90.26%, 6.206% 92.593%, 6.841% 94.597%, 7.5% 96.26%, 8.181% 97.573%, 8.879% 98.524%, 9.592% 99.102%, 10.317% 99.297%, 10.326% 99.297%, 24.054% 99.192%, 24.611% 99.192%, 25.924% 99.174%, 26.481% 99.157%, 27.794% 99.139%, 28.351% 99.139%, 29.663% 99.122%, 30.221% 99.104%, 31.533% 99.087%, 32.091% 99.087%, 33.403% 99.069%, 33.963% 99.052%, 35.276% 99.034%, 35.833% 99.034%, 37.146% 99.016%, 37.703% 98.999%, 39.016% 98.981%, 39.573% 98.981%, 39.86% 98.964%, 40.886% 98.964%, 41.443% 98.946%, 42.756% 98.929%, 43.313% 98.929%, 44.626% 98.911%, 45.183% 98.894%, 46.495% 98.876%, 47.053% 98.876%, 48.365% 98.858%, 48.923% 98.841%, 50.235% 98.823%, 50.793% 98.823%, 52.105% 98.806%, 52.665% 98.788%, 53.978% 98.771%, 54.259% 98.771%, 85.591% 98.543%, 87.209% 98.525%, 96.461% 98.455%, 96.461% 98.455%, 96.737% 98.379%, 97.008% 98.165%, 97.273% 97.815%, 97.532% 97.331%, 97.783% 96.717%, 98.026% 95.974%, 98.259% 95.104%, 98.482% 94.112%, 98.694% 92.998%, 98.894% 91.766%, 98.894% 91.766%, 99.079% 90.483%, 99.245% 89.115%, 99.392% 87.669%, 99.519% 86.151%, 99.627% 84.57%, 99.714% 82.933%, 99.781% 81.247%, 99.827% 79.519%, 99.852% 77.756%, 99.854% 75.966%);
    position: absolute;
    bottom: calc(var(--spacing) * 1.25);
    left: calc(var(--spacing) * 1.5);
    z-index: 2;
    display: inline-flex;
    aspect-ratio: 256/39;
    width: 98%;
    align-items: center;
    justify-content: center;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 2);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-black);
    text-transform: uppercase;
    font-style: italic;
    @media (width >= 768px) {
      padding-inline: calc(var(--spacing) * 10);
    }
    @media (width >= 992px) {
      padding-block: calc(var(--spacing) * 2.5);
    }
    @media (width >= 1200px) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .hero__title-main h1 {
    text-wrap: nowrap;
    color: 36;
    @media (width >= 360px) {
      font-size: 38px;
    }
    @media (width >= 576px) {
      font-size: 46px;
    }
    @media (width >= 768px) {
      font-size: 64px;
    }
    @media (width >= 992px) {
      font-size: 46px;
    }
    @media (width >= 1200px) {
      font-size: 50px;
    }
    @media (width >= 1440px) {
      font-size: 56px;
    }
  }
  .hero__btn {
    position: relative;
    margin-block: calc(var(--spacing) * 4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    border-radius: 14.6px;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
    text-transform: uppercase;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
    @media (width >= 360px) {
      margin-block: calc(var(--spacing) * 0);
    }
    @media (width >= 768px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .hero__image {
    @media (width >= 360px) {
      width: 50%;
    }
    @media (width >= 1200px) {
      width: 42.6%;
    }
    @media (width >= 1440px) {
      width: 69%;
    }
  }
  .hero__badge {
    position: relative;
    aspect-ratio: 1 / 1;
    width: 190px;
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    @media (width >= 576px) {
      width: 200px;
    }
    @media (width >= 768px) {
      width: 212px;
    }
    @media (width >= 992px) {
      width: 208px;
    }
    @media (width >= 1200px) {
      width: 232px;
    }
    @media (width >= 1440px) {
      width: 238px;
    }
    background: radial-gradient(circle, #0d67b5 0%, #0a5aa0 22%, #063d6f 48%, #021a33 72%, #000000 100%);
  }
  .hero__badge-inner {
    position: absolute;
    top: calc(var(--spacing) * 1.5);
    right: calc(var(--spacing) * 1.5);
    display: flex;
    aspect-ratio: 1 / 1;
    width: 91.16%;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    text-align: center;
    color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: inset 0 0 0 4px #FFFFFF;
    background: radial-gradient(circle at center, #0a46c9 0%, #0738a8 22%, #042a79 45%, #021b47 72%, #000000 100%);
  }
  .hero__badge-save {
    font-size: 18px;
    font-size: 20px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    text-transform: uppercase;
    font-style: italic;
    @media (width >= 360px) {
      font-size: 20px;
    }
    @media (width >= 576px) {
      font-size: 22px;
    }
    @media (width >= 768px) {
      font-size: 24px;
    }
    @media (width >= 992px) {
      font-size: 26px;
    }
    @media (width >= 1200px) {
      font-size: 28px;
    }
  }
  .hero__badge-upto {
    font-size: 22px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    text-transform: uppercase;
    font-style: italic;
    @media (width >= 360px) {
      font-size: 26px;
    }
    @media (width >= 576px) {
      font-size: 30px;
    }
    @media (width >= 768px) {
      font-size: 34px;
    }
    @media (width >= 992px) {
      font-size: 38px;
    }
    @media (width >= 1200px) {
      font-size: 42px;
    }
  }
  .hero__badge-offer {
    font-size: 42px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    font-style: italic;
    @media (width >= 360px) {
      font-size: 44px;
    }
    @media (width >= 576px) {
      font-size: 48px;
    }
    @media (width >= 768px) {
      font-size: 52px;
    }
    @media (width >= 992px) {
      font-size: 56px;
    }
    @media (width >= 1200px) {
      font-size: 60px;
    }
    @media (width >= 1440px) {
      font-size: 64px;
    }
  }
  .feature {
    padding-top: 30px;
    padding-bottom: var(--custom-section-gap);
  }
  .feature__inner {
    display: flex;
    justify-content: space-between;
  }
  .feature__inner {
    display: flex;
    justify-content: space-between;
  }
  .feature__item {
    display: flex;
    gap: calc(var(--spacing) * 2.5);
  }
  .feature__icon-wrap {
    display: flex;
    height: 46px;
    width: 46px;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #5D5360;
  }
  .feature__content {
    display: block;
  }
  .feature__title {
    font-family: Inter;
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.08px;
    letter-spacing: 0.08px;
    color: #2E2E2E;
  }
  .feature__text {
    font-family: Inter;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    --tw-tracking: 0.04px;
    letter-spacing: 0.04px;
    color: #727272;
  }
  .category-showcase {
    background-color: var(--color-white);
    padding-bottom: var(--custom-section-gap);
  }
  .category-showcase__container {
    margin-inline: auto;
    max-width: 1200px;
    padding-inline: calc(var(--spacing) * 4);
  }
  .category-showcase__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 1200px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .category-card {
    display: grid;
    min-height: 224px;
    grid-template-columns: 1fr 200px;
    overflow: hidden;
    border-radius: 6px;
    background-color: #f1f1f1;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .category-card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 8);
  }
  .category-card__title {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: 24px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #2a2a2a;
  }
  .category-card__text {
    max-width: 150px;
    font-size: 14px;
    --tw-leading: 1.45;
    line-height: 1.45;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #3e3e3e;
  }
  .category-card__button {
    margin-top: calc(var(--spacing) * 8);
    display: inline-flex;
    height: 30px;
    width: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #1976d2;
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: #125ea8;
      }
    }
  }
  .category-card__button-icon {
    font-size: 16px;
    --tw-leading: 1;
    line-height: 1;
  }
  .category-card__media {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 3);
  }
  .category-card__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-height: 180px;
  }
  .featured-products {
    background-color: #f5f5f5;
    padding-block: var(--custom-section-gap);
  }
  .featured-products__container {
    margin-inline: auto;
    max-width: 1200px;
    padding-inline: calc(var(--spacing) * 4);
  }
  .featured-products__header {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .featured-products__heading {
    font-size: 24px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #222222;
    @media (width >= 768px) {
      font-size: 30px;
    }
  }
  .featured-products__more {
    font-size: 14px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #1e73be;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #155a96;
      }
    }
  }
  .featured-products__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 576px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 992px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 1200px) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .product-card__media {
    position: relative;
    margin-bottom: calc(var(--spacing) * 3);
    overflow: hidden;
    border-radius: 4px;
    background-color: #e3e3e3;
    aspect-ratio: 1 / 1;
  }
  .product-card__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.03;
      }
    }
  }
  .product-card__badge {
    position: absolute;
    top: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 2);
    z-index: 10;
    display: inline-flex;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 2);
    font-size: 11px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
  }
  .product-card__badge--dark {
    background-color: #2d2d2d;
  }
  .product-card__badge--blue {
    background-color: #0d6efd;
  }
  .product-card__body {
    display: flex;
    flex-direction: column;
  }
  .product-card__brand {
    margin-bottom: calc(var(--spacing) * 1);
    font-size: 13px;
    --tw-leading: 1;
    line-height: 1;
    color: #8a8a8a;
  }
  .product-card__title {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .product-card__title-link {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 15px;
    --tw-leading: 1.35;
    line-height: 1.35;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #2c2c2c;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #1e73be;
      }
    }
  }
  .product-card__rating {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .product-card__stars {
    font-size: 13px;
    --tw-leading: 1;
    line-height: 1;
    --tw-tracking: 1px;
    letter-spacing: 1px;
    color: #f4b400;
  }
  .product-card__reviews {
    font-size: 13px;
    --tw-leading: 1;
    line-height: 1;
    color: #8a8a8a;
  }
  .product-card__price-wrap {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .product-card__price {
    font-size: 24px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #1976d2;
  }
  .product-card__old-price {
    font-size: 14px;
    --tw-leading: 1;
    line-height: 1;
    color: #8a8a8a;
  }
  .promo-banners {
    background-color: var(--color-white);
    padding-block: var(--custom-section-gap);
  }
  .promo-banners__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 992px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .promo-banner {
    overflow: hidden;
    border-radius: 4px;
  }
  .promo-banner__link {
    display: block;
  }
  .promo-banner__image {
    display: block;
    height: auto;
    width: 100%;
    border-radius: 4px;
    object-fit: cover;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
    aspect-ratio: 588 / 254;
  }
  .best-sellers {
    background-color: #f5f5f5;
    padding-block: var(--custom-section-gap);
  }
  .best-sellers__header {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .best-sellers__heading {
    font-size: 24px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #222222;
    @media (width >= 768px) {
      font-size: 30px;
    }
  }
  .best-sellers__more {
    font-size: 14px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #1e73be;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #155a96;
      }
    }
  }
  .best-sellers__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 576px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 992px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 1200px) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .best-seller-card__media {
    position: relative;
    margin-bottom: calc(var(--spacing) * 3);
    overflow: hidden;
    border-radius: 4px;
    background-color: #e3e3e3;
    aspect-ratio: 1 / 1;
  }
  .best-seller-card__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.03;
      }
    }
  }
  .best-seller-card__badges {
    position: absolute;
    top: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 2);
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .best-seller-card__badge {
    display: inline-flex;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 2);
    font-size: 11px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
  }
  .best-seller-card__badge--dark {
    background-color: #2d2d2d;
  }
  .best-seller-card__badge--blue {
    background-color: #0d6efd;
  }
  .best-seller-card__body {
    display: flex;
    flex-direction: column;
  }
  .best-seller-card__brand {
    margin-bottom: calc(var(--spacing) * 1);
    font-size: 13px;
    --tw-leading: 1;
    line-height: 1;
    color: #8a8a8a;
  }
  .best-seller-card__title {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .best-seller-card__title-link {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 15px;
    --tw-leading: 1.35;
    line-height: 1.35;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #2c2c2c;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #1e73be;
      }
    }
  }
  .best-seller-card__rating {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .best-seller-card__stars {
    font-size: 13px;
    --tw-leading: 1;
    line-height: 1;
    --tw-tracking: 1px;
    letter-spacing: 1px;
    color: #f4b400;
  }
  .best-seller-card__reviews {
    font-size: 13px;
    --tw-leading: 1;
    line-height: 1;
    color: #8a8a8a;
  }
  .best-seller-card__price-wrap {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .best-seller-card__price {
    font-size: 24px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #1976d2;
  }
  .best-seller-card__old-price {
    font-size: 14px;
    --tw-leading: 1;
    line-height: 1;
    color: #8a8a8a;
  }
  .happy-clients {
    background-color: var(--color-white);
    padding-block: var(--custom-section-gap);
  }
  .happy-clients__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: calc(var(--spacing) * 10);
    @media (width >= 992px) {
      gap: calc(var(--spacing) * 16);
    }
    @media (width >= 1200px) {
      grid-template-columns: 420px 1fr;
    }
  }
  .happy-clients__intro {
    margin-inline: auto;
    display: flex;
    max-width: 430px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    @media (width >= 1200px) {
      display: block;
    }
    @media (width >= 1200px) {
      text-align: left;
    }
  }
  .happy-clients__heading {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: 28px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #222222;
    @media (width >= 768px) {
      font-size: 32px;
    }
  }
  .happy-clients__description {
    max-width: 390px;
    font-size: 15px;
    --tw-leading: 1.7;
    line-height: 1.7;
    color: #7a7a7a;
  }
  .happy-clients__avatars {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    align-items: center;
  }
  .happy-clients__avatar {
    height: 52px;
    width: 52px;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background-color: #bcbcbc;
  }
  .happy-clients__avatar+.happy-clients__avatar {
    margin-left: calc(var(--spacing) * -3);
  }
  .happy-clients__summary {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 15px;
  }
  .happy-clients__score {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #333333;
  }
  .happy-clients__star {
    color: #f4b400;
  }
  .happy-clients__reviews {
    color: #9a9a9a;
  }
  .testimonial-card {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
    border-radius: 4px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: #2f80d1;
    padding: calc(var(--spacing) * 8);
    @media (width >= 768px) {
      grid-template-columns: 150px 1fr;
    }
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 10);
    }
    @media (width >= 768px) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .testimonial-card__profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    @media (width >= 768px) {
      align-items: flex-start;
    }
    @media (width >= 768px) {
      text-align: left;
    }
  }
  .testimonial-card__avatar {
    height: 76px;
    width: 76px;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background-color: #bcbcbc;
  }
  .testimonial-card__name {
    margin-top: calc(var(--spacing) * 3);
    font-size: 18px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #333333;
  }
  .testimonial-card__role {
    margin-top: calc(var(--spacing) * 1);
    font-size: 15px;
    --tw-leading: 1;
    line-height: 1;
    color: #9a9a9a;
  }
  .testimonial-card__content {
    display: flex;
    flex-direction: column;
  }
  .testimonial-card__rating {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: 15px;
    --tw-tracking: 2px;
    letter-spacing: 2px;
    color: #f4b400;
  }
  .testimonial-card__text {
    font-size: 15px;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: #3d3d3d;
  }
  .partners {
    background-color: #f5f5f5;
    padding-block: var(--custom-section-gap);
  }
  .partners__container {
    margin-inline: auto;
    max-width: 1200px;
    padding-inline: calc(var(--spacing) * 4);
  }
  .partners__header {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .partners__heading {
    font-size: 24px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #222222;
    @media (width >= 768px) {
      font-size: 30px;
    }
  }
  .partners__more {
    font-size: 14px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #1e73be;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #155a96;
      }
    }
  }
  .partners__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 5);
    @media (width >= 576px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 992px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    @media (width >= 1200px) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .partner-card {
    overflow: hidden;
    border-radius: 4px;
    background-color: var(--color-white);
  }
  .partner-card__link {
    display: flex;
    height: 82px;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .partner-card__logo {
    max-height: 38px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    opacity: 70%;
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .service-highlight {
    background-color: var(--color-white);
    padding-block: var(--custom-section-gap);
  }
  .service-highlight__container {
    margin-inline: auto;
    max-width: 1200px;
    padding-inline: calc(var(--spacing) * 4);
  }
  .service-highlight__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: calc(var(--spacing) * 8);
    @media (width >= 992px) {
      grid-template-columns: 1fr 1.08fr;
    }
    @media (width >= 992px) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .service-highlight__media {
    overflow: hidden;
    border-radius: 4px;
    background-color: #d9d9d9;
  }
  .service-highlight__image {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 552 / 361;
  }
  .service-highlight__content {
    display: flex;
    flex-direction: column;
  }
  .service-highlight__title {
    max-width: 640px;
    font-size: 28px;
    --tw-leading: 1.15;
    line-height: 1.15;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #222222;
    @media (width >= 768px) {
      font-size: 34px;
    }
  }
  .service-highlight__description {
    margin-top: calc(var(--spacing) * 5);
    max-width: 640px;
    font-size: 15px;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: #8a8a8a;
  }
  .service-highlight__quote {
    margin-top: calc(var(--spacing) * 5);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #1976d2;
    background-color: #f0f0f0;
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 5);
  }
  .service-highlight__quote-text {
    font-size: 15px;
    --tw-leading: 1.7;
    line-height: 1.7;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #3a3a3a;
  }
  .service-highlight__author {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .service-highlight__signature {
    height: auto;
    width: 96px;
    object-fit: contain;
  }
  .service-highlight__author-name {
    margin-top: calc(var(--spacing) * 2);
    font-size: 15px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #4a4a4a;
  }
  .product-columns {
    background-color: #f5f5f5;
    padding-block: var(--custom-section-gap);
  }
  .product-columns__container {
    margin-inline: auto;
    max-width: 1200px;
    padding-inline: calc(var(--spacing) * 4);
  }
  .product-columns__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
    @media (width >= 992px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 992px) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .product-list {
    display: flex;
    flex-direction: column;
  }
  .product-list__title {
    position: relative;
    margin-bottom: calc(var(--spacing) * 5);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #d9d9d9;
    padding-bottom: calc(var(--spacing) * 3);
    font-size: 22px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #2a2a2a;
  }
  .product-list__title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: calc(var(--spacing) * 0);
    height: 3px;
    width: 142px;
    background-color: #1976d2;
  }
  .mini-product-card {
    margin-bottom: calc(var(--spacing) * 6);
    display: grid;
    grid-template-columns: 118px 1fr;
    gap: calc(var(--spacing) * 4);
  }
  .mini-product-card:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mini-product-card__media {
    display: block;
    overflow: hidden;
    border-radius: 2px;
    background-color: #d8d8d8;
  }
  .mini-product-card__image {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 118 / 118;
  }
  .mini-product-card__content {
    display: flex;
    flex-direction: column;
    padding-top: calc(var(--spacing) * 2);
  }
  .mini-product-card__name {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mini-product-card__name-link {
    font-size: 15px;
    --tw-leading: 1.45;
    line-height: 1.45;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #353535;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #1976d2;
      }
    }
  }
  .mini-product-card__rating {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .mini-product-card__stars {
    font-size: 13px;
    --tw-tracking: 1px;
    letter-spacing: 1px;
    color: #f4b400;
  }
  .mini-product-card__reviews {
    font-size: 13px;
    color: #8c8c8c;
  }
  .mini-product-card__price-wrap {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .mini-product-card__price {
    font-size: 17px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #1976d2;
  }
  .mini-product-card__old-price {
    font-size: 14px;
    color: #9a9a9a;
  }
  .latest-news {
    background-color: var(--color-white);
    padding-block: var(--custom-section-gap);
  }
  .latest-news__header {
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .latest-news__title {
    font-size: 30px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #222222;
  }
  .latest-news__view-all {
    font-size: 14px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #1976d2;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #125ea8;
      }
    }
  }
  .latest-news__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 1200px) {
      grid-template-columns: 1.08fr 1fr;
    }
  }
  .latest-news__side-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 992px) {
      flex-direction: row;
    }
    @media (width >= 1200px) {
      flex-direction: column;
    }
  }
  .news-card--featured {
    position: relative;
    display: flex;
    min-height: 380px;
    flex-direction: column;
    overflow: hidden;
    border-radius: 5px;
    @media (width >= 576px) {
      min-height: 480px;
    }
    @media (width >= 768px) {
      min-height: 520px;
    }
  }
  .news-card__image {
    display: block;
    object-fit: contain;
  }
  .news-card__overlay {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    display: flex;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgb(0 0 0 / 0%) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 38.53%, rgba(0, 0, 0, 0.70) 63.75%);
    align-items: flex-end;
  }
  .news-card__thumb-wrap {
    display: block;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 4px;
    background-color: #d8d8d8;
  }
  .news-card__thumb {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .news-card--side {
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 0);
    @media (width >= 360px) {
      grid-template-columns: 1fr 260px;
    }
  }
  .news-card__content {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .news-card__content--overlay {
    margin-top: calc(var(--spacing) * 5);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-bottom: calc(var(--spacing) * 2.5);
    @media (width >= 576px) {
      padding-inline: calc(var(--spacing) * 8);
    }
    @media (width >= 576px) {
      padding-bottom: calc(var(--spacing) * 8);
    }
    @media (width >= 992px) {
      padding-inline: calc(var(--spacing) * 10);
    }
    @media (width >= 992px) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .news-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    font-size: 14px;
    color: #8a8a8a;
  }
  .news-card__meta--light {
    font-size: 14px;
    color: color-mix(in srgb, #fff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .news-card__meta-item {
    white-space: nowrap;
  }
  .news-card__meta-divider {
    height: 20px;
    width: 1px;
    background-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .news-card__meta--light .news-card__meta-divider {
    height: 43px;
    background-color: #727272;
  }
  .news-card__heading {
    margin-top: calc(var(--spacing) * 4);
    max-width: 360px;
    font-size: 20px;
    --tw-leading: 1.25;
    line-height: 1.25;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #333333;
  }
  .news-card__heading--light {
    max-width: 520px;
    font-size: 22px;
    color: var(--color-white);
  }
  .news-card__heading-link {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #1976d2;
      }
    }
  }
  .news-card__heading-link--light {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 80%, transparent);
        }
      }
    }
  }
  .news-card__excerpt {
    margin-top: calc(var(--spacing) * 3);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-width: 360px;
    font-size: 15px;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: #8a8a8a;
  }
  .news-card__link {
    margin-top: calc(var(--spacing) * 5);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: 15px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #1976d2;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #125ea8;
      }
    }
  }
  .news-card__link--light {
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 80%, transparent);
        }
      }
    }
  }
  .site-footer {
    background-color: #2E2E2E;
    color: var(--color-white);
  }
  .site-footer__main {
    --footer-padding: calc(var(--custom-section-gap) - 20px);
    padding-block: var(--footer-padding);
  }
  .site-footer__newsletter {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .newsletter-box {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    border-radius: 5px;
    background-color: #171717;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 6);
    @media (width >= 992px) {
      flex-direction: row;
    }
    @media (width >= 992px) {
      align-items: center;
    }
    @media (width >= 992px) {
      justify-content: space-between;
    }
    @media (width >= 992px) {
      padding-inline: 30px;
    }
  }
  .newsletter-box__intro {
    display: grid;
    gap: calc(var(--spacing) * 5);
    @media (width >= 992px) {
      grid-template-columns: 160px 1fr;
    }
    @media (width >= 992px) {
      align-items: center;
    }
  }
  .newsletter-box__title {
    max-width: 160px;
    font-size: 22px;
    --tw-leading: 1.15;
    line-height: 1.15;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .newsletter-box__text {
    max-width: 397px;
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    font-size: 15px;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: #bdbdbd;
    @media (width >= 992px) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    @media (width >= 992px) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .newsletter-box__form {
    display: flex;
    width: 100%;
    max-width: 520px;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .newsletter-box__input {
    height: 48px;
    width: 100%;
    border-radius: 4px;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    font-size: 15px;
    color: #333333;
    --tw-outline-style: none;
    outline-style: none;
    &::placeholder {
      color: #8a8a8a;
    }
  }
  .newsletter-box__button {
    display: inline-flex;
    height: 48px;
    width: 48px;
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: var(--color-primary);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-70);
      }
    }
  }
  .newsletter-box__button-icon {
    font-size: 18px;
    --tw-leading: 1;
    line-height: 1;
  }
  .site-footer__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 10);
    @media (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 1200px) {
      grid-template-columns: 1.4fr 0.9fr 0.9fr 1fr;
    }
  }
  .footer-title {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: 22px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .footer-contact__text {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: 15px;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: #c4c4c4;
  }
  .footer-contact__call {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .footer-contact__icon {
    font-size: 34px;
    color: #006BDE;
  }
  .footer-contact__call-content {
    display: flex;
    flex-direction: column;
  }
  .footer-contact__label {
    font-size: 15px;
    color: #9f9f9f;
  }
  .footer-contact__number {
    margin-top: calc(var(--spacing) * 1);
    font-size: 22px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #1976d2;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #5ca4ee;
      }
    }
  }
  .footer-links__list {
    display: flex;
    list-style-image: url(/assets/images/list-icon/right-chev.svg);
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .footer-links__item {
    margin-left: 12px;
    --tw-leading: 1;
    line-height: 1;
  }
  .footer-links__link {
    font-size: 15px;
    color: #c4c4c4;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .footer-social__list {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .footer-social__link {
    display: inline-flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #171717;
    font-size: 14px;
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-95);
      }
    }
  }
  .footer-social__payments {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .footer-social__payment {
    display: block;
    fill: var(--color-white);
    &:hover {
      @media (hover: hover) {
        fill: var(--color-primary-5);
      }
    }
  }
  .site-footer__bottom {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
    padding-block: calc(var(--spacing) * 6);
  }
  .site-footer__bottom-container {
    margin-inline: auto;
    max-width: 1200px;
    padding-inline: calc(var(--spacing) * 4);
  }
  .site-footer__copyright {
    text-align: center;
    font-size: 15px;
    color: #bdbdbd;
  }
  .site-footer__copyright-link {
    color: #1976d2;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #5ca4ee;
      }
    }
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}