.container,
.container-fluid {
   margin-right: auto;
   margin-left: auto;
   padding-left: 20px;
   padding-right: 20px;
}
.grid {
   display: grid;
}
.grid-cols-7 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
}
.gap-4 {
   gap: 16px;
}
.flex {
   display: flex;
}
@media (min-width: 320px) and (max-width: 1023px) {
   body main#main {
      padding: 0;
   }
   .container {
      padding-left: 0;
      padding-right: 0;
   }
   body {
      padding: 0 0 50px 0px;
   }
   body main {
      padding: 0;
   }
   .page-title {
      padding: 32px 0;
      margin: 0;
      font-size: 1.25rem;
   }
   .coupon-accordion-title {
      font-size: 1rem;
      margin: 0;
      font-weight: normal;
   }
   .cart-total .order-total {
      font-size: 0.75rem;
      padding: 0;
   }
   .order-view-header {
      flex-direction: column;
      align-items: flex-start;
   }
   .profile-header-backward {
      grid-column: span 7 / span 7;
      border-bottom: 8px solid var(--onix-neutral-100);
      margin: 0 0 20px 0;
   }
   .profile-header-back {
      color: var(--onix-neutral-900);
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 16px;
   }
   .profile-header-back a {
      display: flex;
      color: var(--onix-neutral-900);
   }
   .profile-header-back a svg {
      width: 18px;
      height: 18px;
   }
   .woocommerce-MyAccount-content .order-view-header {
      flex-flow: row wrap;
      gap: 15px 5px;
      align-items: center;
   }
   .product-details-item .product-brands {
      display: flex;
      font-size: 0.75rem;
      gap: 2px;
      margin-bottom: 8px;
   }
   .product-details-item .product-brands a {
      font-size: 0.75rem;
   }
   .product-thumbnail .product-details-item {
      flex: 80% 0;
      width: 80%;
   }
   .cart-total .order-cart,
   .cart_total .totalbox {
      font-size: 0.75rem;
      margin: 16px 0 0 0;
      padding: 0;
   }
   .order-view-item-details-row {
      display: grid;
   }
   .order-view-item-details-row .circle-divider {
      display: none;
   }
   .order-view-info .order-view-info-status,
   .order-view-info-address-row,
   .order-view-item-shipping-cost {
      flex-flow: row wrap;
   }
   .order-view-item-header {
      flex-direction: column-reverse;
   }
   .product-details-item .order-product-name span,
   .product-details-item .order-product-quantity {
      font-size: 0.75rem;
   }
   .order-product-subtotal .product-total {
      font-size: 1rem;
   }
   .order-product-guarantee,
   .order-product-seller {
      align-items: flex-start;
   }
   .order-product-guarantee svg,
   .order-product-seller svg {
      width: 24px;
      height: 24px;
   }
   .order-view-item-header .order-view-item-header-col {
      margin-bottom: 16px;
   }
   .order-view-item-detail,
   .order-view-item-detail {
      font-size: 0.75rem;
      justify-content: space-between;
      flex-flow: row wrap;
      flex: 100%;
   }
   .order-view-header .circle-divider {
      display: none;
   }
   .profile-order-list-item-header {
      justify-content: space-between;
   }
   .cart-total-title {
      margin: 0 0 22px;
   }
   .page-content h3 {
      font-size: 1rem;
   }
   .page-title h1 {
      font-size: 1.25rem;
   }
   .profile-info-edit {
      justify-content: center;
   }
   .profile-info-row {
      display: grid;
      margin: 0;
   }
   .profile-info-row td {
      margin-bottom: 12px;
   }
   .btn {
      font-size: 0.75rem;
      line-height: 1.4;
   }
   .empty-cart {
      padding: 0;
   }
   .breadcrumbs {
      margin: 16px 0;
   }
   .slideshow-container,
   .amard-slider img {
      height: 300px;
   }
   .amard-header-sm .icon-profile {
      width: 42px;
      height: 42px;
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .amard-header-sm .icon-profile svg {
      width: 22px;
      height: 22px;
      color: var(--onix-neutral-500);
   }
   .amard-header-sm {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 60px;
      width: 100%;
      z-index: 101;
      border-bottom: 1px solid var(--onix-neutral-200);
      padding: 15px;
      box-sizing: border-box;
   }
   .amard-sm-menu {
      height: 60px;
      display: flex;
      align-items: center;
      padding: 0 20px;
   }
   .icon-menu span {
      display: block;
      width: 25px;
      height: 2px;
      background: var(--onix-black);
      margin-bottom: 4px;
   }
   .icon-menu span:nth-child(3) {
      width: 15px;
   }
   .amard-slide-arrow {
      justify-content: space-between;
      right: 20px;
      bottom: 20px;
      opacity: 1;
   }
   .amard-slide-pagination {
      right: 20px;
   }
   .sticky .icon-menu span {
      background: var(--onix-black);
   }
   .amard-sm-logo a {
      display: flex;
   }
   .amard-sm-logo svg,
   .sticky .amard-sm-logo svg {
      width: 80px;
      height: auto;
   }
   .sticky .amard-sm-cart a {
      color: var(--onix-black);
   }
   .amard-sm-search {
      position: relative;
      color: var(--onix-black);
      height: 60px;
      padding: 0 10px;
      display: flex;
      align-items: center;
      gap: 10px;
      justify-content: space-between;
   }
   .amard-sm-search a,
   .amard-search {
      display: flex;
      height: 100%;
      align-items: center;
      padding: 0 10px;
   }
   .widget-title {
      font-size: 0.875rem;
   }
   .woocommerce-error,
   .woocommerce-info,
   .woocommerce-message {
      margin: 32px 0;
   }
   .amard-sm-search svg {
      width: 28px;
      height: 28px;
      color: var(--onix-sub);
      background: transparent;
      padding: 0;
   }
   .amard-gender-cat {
      display: flex;
      justify-content: center;
      margin: 30px 0 50px 0;
      gap: 30px;
   }
   .search-panel {
      padding: 20px 0 50px;
   }
   .amard-banner {
      padding: 30px 0;
   }
   .amard-banner-item {
      grid-template-columns: 1fr 1fr;
   }
   .amard-banner-item a:first-of-type {
      grid-column-start: 1;
      grid-column-end: 1;
      grid-row-start: 1;
      grid-row-end: 1;
   }
   .amard-banner-title {
      font-size: 0.75rem;
      width: 80px;
      right: calc(50% - 40px);
   }
   .search-panel-close {
      padding: 0 0 32px 0;
   }
   .searchform-categoris {
      width: 100%;
   }
   .search-panel-close svg {
      border-radius: 50%;
      background: var(--onix-back);
      color: var(--onix-black);
      width: 14px;
      height: 14px;
      padding: 8px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      cursor: pointer;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
   }
   .amard-footer {
      position: fixed;
      display: flex;
      justify-content: space-between;
      align-items: center;
      left: 0;
      right: 0;
      bottom: 0;
      height: 60px;
      width: 100%;
      z-index: 100;
      padding: 0;
      background-color: var(--onix-white);
      border-top: 1px solid var(--onix-neutral-200);
   }
   .amard-footer-items {
      display: flex;
      justify-content: space-between;
      gap: 15px;
      width: 100%;
      padding: 0 15px;
   }
   .amard-footer-item.active .amard-footer-item-icon,
   .amard-footer-item.active .amard-footer-item-title,
   .amard-footer-item:hover .amard-footer-item-icon,
   .amard-footer-item:hover .amard-footer-item-title,
   .amard-footer-item:focus .amard-footer-item-icon,
   .amard-footer-item:focus .amard-footer-item-title {
      color: var(--onix-green-700);
   }
   .amard-footer-item {
      flex: 25% 0;
      display: flex;
      flex-direction: column;
      gap: 4px;
      justify-content: center;
      align-items: center;
   }
   .amard-footer-item-icon {
      position: relative;
      display: flex;
      justify-content: center;
      width: 24px;
      height: 24px;
      color: var(--onix-neutral-700);
   }
   .item-counter {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 20px;
      height: 20px;
      text-align: center;
      font-size: 0.625rem;
      background: #3bb54a;
      color: var(--onix-white);
      position: absolute;
      font-weight: normal;
      top: -2px;
      left: -10px;
      border: 0;
      border-radius: 4px;
   }
   .tabs-number {
      font-size: 0.625rem;
   }
   .tabs-number-text {
      font-size: 0.75rem;
   }
   .amard-footer-item-icon svg {
      width: 22px;
      height: 22px;
   }
   .amard-footer-item-title {
      font-size: 0.725rem;
      color: var(--onix-neutral-700);
      font-weight: 600;
   }
   .back-to-shop a {
      font-size: 0.75rem;
   }
   .amard-gender-cat-item a {
      flex: 30% 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 15px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
   }
   .amard-gender-cat-item:hover .amard-gender-cat-icon,
   .amard-gender-cat-item:focus .amard-gender-cat-icon {
      background: var(--onix-button-primary);
      fill: var(--onix-white);
   }
   .item-product-heading,
   .itme-product-link,
   .item-products-title h3 {
      font-size: 0.875rem;
      font-weight: bold;
   }
   .painting-style {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px 0;
   }
   .painting-style a {
      font-size: 0.675rem;
      text-align: center;
   }
   .promotion-banner-2 {
      flex-direction: column;
   }
   .promotion-banner-4 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
   .category-title h3 {
      font-size: 1.15rem;
      margin: 32px 0 24px;
      font-weight: bold;
   }
   .amard-product-cat-col h4 {
      font-weight: bold;
   }
   .category-parent {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px 0;
      text-align: center;
      padding: 0 0 32px 0;
   }
   .category-parent a img {
      width: 90px;
      height: 90px;
   }
   .single-comment {
      padding: 16px 0 0;
      border-top: 1px solid var(--onix-neutral-200);
      margin-top: 16px;
   }
   .mag-item a h3 {
      font-size: 0.875rem;
   }
   .badge.sku {
      font-size: 0.875rem;
   }
   .badge.featured {
      display: none;
   }
   .badge .badge-text {
      width: 80px;
   }
   .related.products .item-products-title {
      padding-bottom: 0;
   }
   .item-products-title a {
      font-size: 0.875rem;
   }
   .itme-product-link {
      color: var(--onix-button-primary);
   }
   .product-category-title {
      font-size: 0.875rem;
      margin: 16px 0;
   }
   .amard-product.category .product-items {
      border: none;
   }
   .amard-product.category .product-items .item:nth-of-type(n) {
      border: 1px solid var(--onix-neutral-200);
      border-radius: 8px;
   }
   .item-products-title {
      margin-bottom: 22px;
      display: flex;
      justify-content: space-between;
   }
   .amard-product .product-items::-webkit-scrollbar {
      display: none;
   }
   .amard-product .product-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow: auto;
      grid-gap: 4px;
      padding-top: 16px;
      border-radius: 0;
      border: 0;
   }
   .amard-product-cat-items {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      border-radius: 0;
      border-width: 0;
      gap: 1px;
   }
   .amard-product-cat-col-items .item img {
      width: 130px;
      height: 130px;
      margin: auto;
   }
   .painting-style a img {
      width: 72px;
      height: 72px;
   }
   .product-item .price-value .sale-price .sale-percent {
      font-size: 0.75rem;
   }
   .amard-product .product-items .item img {
      width: 130px;
      height: 130px;
      margin: auto;
   }
   .stock-rating a {
      font-size: 0.75rem;
   }
   .lost_reset_password {
      width: 100%;
   }
   .register-login-page .comment-form-info {
      text-align: center;
      margin: 0;
   }
   .register-login-page .login,
   .register-login-page .register,
   .woocommerce-MyAccount-content {
      flex: 100% 0;
      grid-column: span 7 / span 7;
   }
   .woocommerce-MyAccount-content .profile-orders-list {
      margin: 0;
      padding: 0;
      border-radius: 0px;
      border: 0px;
   }
   .woocommerce-MyAccount-content .profile-orders-list .woocommerce.columns-4 {
      padding: 0;
   }
   .woocommerce-MyAccount-content .profile-edit-detail,
   .woocommerce-MyAccount-content .profile-info-address,
   .woocommerce-MyAccount-content .profile-my-orders {
      border: 0px;
      border-radius: 0px;
   }
   .profile-my-orders-status {
      grid-gap: 8px;
      white-space: nowrap;
      position: relative;
      overflow-x: auto;
      justify-content: center;
      margin-bottom: 20px;
   }
   .profile-my-orders-status .profile-my-orders-status-info {
      padding: 8px 0;
      display: flex;
      gap: 4px;
      align-items: center;
      color: var(--onix-neutral-500);
      font-size: 0.875rem;
      font-weight: normal;
      line-height: 2.15;
      position: relative;
      overflow: hidden;
      -webkit-box-flex: 0;
      margin: 0px;
      flex-direction: row;
   }
   .profile-my-orders-status .profile-my-orders-status-info:first-child {
      margin-right: 15px;
   }
   .profile-my-orders-status .profile-my-orders-status-info:last-child {
      margin-left: 15px;
   }
   .order-status-bar {
      font-size: 0.75rem;
   }
   .order-status-details svg {
      width: 12px;
      height: 12px;
   }
   .order-view-item-details-list {
      grid-template-columns: repeat(4, minmax(0, 1fr));
   }
   .profile-my-orders .profile-orders-title {
      padding: 0 0 32px 0;
   }
   .profile-info-address-title {
      margin: 0 15px;
      padding: 0 0 32px 0;
   }
   .profile-info-address-col .profile-info-address-row img {
      width: 150px;
   }
   .profile-info-address-state-city {
      padding: 0 15px 15px 15px;
   }
   .profile-info-address-col {
      padding: 0 15px;
   }
   .woocommerce form .form-row textarea {
      max-width: calc(100% - 0px);
      min-width: calc(100% - 0px);
      resize: none;
      box-sizing: border-box;
   }
   .profile-orders-list-products
      .woocommerce.columns-4
      .amard-product.category
      .product-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      justify-content: flex-start;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow: auto;
      grid-gap: 0;
      border-radius: 0;
      border: 0;
      margin: 0;
   }
   .profile-orders-list-products
      .woocommerce.columns-4
      .amard-product.category
      .product-items
      .item {
      width: 100%;
      max-width: 100%;
   }
   .profile-orders-list-products
      .woocommerce.columns-4
      .amard-product.category
      .product-items
      .item
      .product-item {
      position: relative;
      overflow: hidden;
      -webkit-box-flex: 0;
      flex: 0 0 calc((100vw - 72px) / 2);
      max-width: calc((100vw - 72px) / 2);
      margin: 0px;
      min-width: 180px;
   }
   .profile-orders-list-products
      .woocommerce.columns-4
      .amard-product.category
      .product-items
      .item:first-of-type {
      margin-right: 15px;
      border-radius: 0;
   }
   .profile-orders-list-products
      .woocommerce.columns-4
      .amard-product.category
      .product-items
      .item:last-of-type {
      margin-left: 15px;
      border-radius: 0;
   }
   .comment-panel.open {
      width: 100%;
      padding: 0;
      height: 100%;
      max-height: 100%;
      top: 0;
   }
   #add_payment_method table.cart img,
   .woocommerce-cart table.cart img,
   .woocommerce-checkout table.cart img {
      width: 100px;
      max-width: 100px;
   }
   .comment-product {
      display: none;
   }
   .woocommerce-address-fields,
   .edit-account {
      width: calc(100% - 30px);
      padding: 0 15px 0 15px;
   }
   .profile-page .page-content .woocommerce {
      padding: 0 0 22px 0;
      gap: 0;
   }
   .woocommerce-MyAccount-navigation {
      flex: 100% 0;
      position: relative;
      top: 0;
      grid-column: span 7 / span 7;
      border-radius: 0px;
      border: 0px;
      border-bottom: 8px solid var(--onix-neutral-100);
   }
   .woocommerce-MyAccount-navigation .profile-box {
      margin: 0 15px;
      border-bottom: 1px solid var(--onix-neutral-200);
      margin-bottom: 20px;
   }
   .woocommerce-MyAccount-navigation .profile-box .profile-box-content {
      flex: 1 0;
   }
   .woocommerce-MyAccount-navigation
      .profile-box
      .profile-box-content
      .profile-box-content-edit {
      display: flex;
      justify-content: space-between;
   }
   .woocommerce-MyAccount-navigation .profile-orders {
      margin: 0;
      padding: 0;
      border-radius: 0px;
      border: 0px;
   }
   .profile-orders-inprogress img,
   .profile-orders-sent img,
   .profile-orders-returned img {
      height: 60px;
   }
   .profile-orders-status {
      margin: 20px 0;
   }
   .profile-orders-title {
      padding-top: 0;
      margin: 0 15px;
   }
   .profile-orders-inprogress,
   .profile-orders-sent,
   .profile-orders-returned {
      flex-direction: column;
      text-align: center;
      gap: 0;
   }
   .profile-orders-inprogress-info,
   .profile-orders-sent-info,
   .profile-orders-returned-info {
      position: relative;
   }
   .profile-orders-inprogress p,
   .profile-orders-sent p,
   .profile-orders-returned p {
      line-height: 2.15;
      font-size: 0.75rem;
      width: 20px;
      height: 20px;
      background: var(--onix-neutral-100);
      text-align: center;
      border-radius: 4px;
      position: absolute;
      display: flex;
      left: 0px;
      font-weight: bold;
      align-items: center;
      justify-content: center;
      bottom: 0px;
      margin: 0;
   }
   .home .amard-product-items .product-item,
   .related .amard-product-items .product-item {
      position: relative;
      overflow: hidden;
      -webkit-box-flex: 0;
      flex: 0 0 calc((100vw - 72px) / 2);
      max-width: calc((100vw - 72px) / 2);
      margin: 0px;
      min-width: 180px;
   }
   .amard-product-items .product-item {
      position: relative;
      overflow: hidden;
      -webkit-box-flex: 0;
      border-radius: 0;
      padding: 0;
   }
   .amard-gender-cat-icon {
      background: var(--onix-pink);
      border-radius: 20px;
      height: 80px;
      width: 80px;
      fill: var(--onix-button-primary);
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .amard-gender-cat-icon svg {
      width: 45px;
      height: 45px;
   }
   .amard-gender-cat-name span {
      color: var(--onix-black);
      font-size: 0.75rem;
   }
   .woocommerce
      table.shop_table
      td.product-details
      .product-details-item
      .product-name
      h3 {
      font-size: 0.75rem;
   }
   .woocommerce table.shop_table td.product-thumbnail,
   .woocommerce table.shop_table tr.order_item td.product-thumbnail {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: space-between;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      flex-flow: row;
      gap: 0;
      flex-direction: column;
   }
   .woocommerce-table--order-downloads tr {
      flex-direction: column;
      align-items: flex-start;
   }
   .woocommerce-order-details tbody tr td.product-thumbnail img {
      width: 100px;
      max-width: 100px;
   }
   .woocommerce-table--order-downloads tr .download-product a {
      font-size: 0.875rem;
   }
   .woocommerce table.shop_table td.download-remaining {
      display: block;
   }
   .product-details-item .product-name span {
      font-size: 0.75rem;
      overflow: hidden;
   }
   .woocommerce table.shop_table td.product-details .product-subtotal {
      padding: 0;
      margin: 12px 0 0 0;
      border: none;
   }
   .woocommerce table.shop_table td.product-thumbnail .product-remove {
      display: flex;
      justify-content: flex-end;
      padding-bottom: 12px;
      box-sizing: border-box;
   }
   .amard-sm-cart a {
      position: relative;
      color: var(--onix-black);
      height: 60px;
      padding: 0 20px;
      display: flex;
      align-items: center;
   }
   .amard-sm-cart a .item-counter {
      left: auto;
      right: 15px;
      bottom: 5px;
   }
   .amard-sm-cart a svg {
      stroke-width: 1.5px;
      width: 26px;
      height: 26px;
   }
   .home .product-items .item,
   .related.products .product-items .item {
      width: 100%;
      max-width: 100%;
      border: 1px solid var(--onix-neutral-200);
      border-radius: 8px;
   }
   .woocommerce table.shop_attributes.hide {
      max-height: 155px;
      overflow: hidden;
      display: grid;
   }
   .woocommerce table.shop_attributes tr {
      height: auto;
   }
   .attributes-toggle {
      margin-bottom: 8px;
      padding: 12px 0 12px 12px;
   }
   .woocommerce table.shop_attributes th {
      margin-bottom: 8px;
      padding: 0;
      flex: 0 0 100px;
   }
   .woocommerce table.shop_attributes td {
      padding: 0;
      margin-bottom: 8px;
   }
   .product-items .item {
      max-width: 100%;
      width: 100%;
   }
   .warranty-bottom {
      flex-flow: row wrap;
      width: 100%;
      gap: 30px;
   }
   .instagram-img a {
      flex: 100% 0;
   }
   .mag-items::-webkit-scrollbar {
      display: none;
   }
   .mag-items .mag-item {
      overflow: hidden;
      -webkit-box-flex: 0;
      flex: 0 0 calc((100vw - 72px) / 2);
      max-width: calc((100vw - 72px) / 2);
      margin: 0px;
      min-width: 250px;
   }
   .mag-items .mag-item:first-of-type {
      margin-left: 0;
   }
   .mag-items .mag-item:last-of-type {
      margin-left: 0;
   }
   .footer-col {
      flex-flow: row wrap;
      gap: 0;
   }
   .footer-col-item {
      flex: 100% 0;
      margin-bottom: 20px;
   }
   .footer-col-item:last-child {
      margin: 0;
   }
   .accordion {
      border: none;
      padding: 0;
      margin: 0 20px;
      outline: none;
      border-bottom: 1px solid var(--onix-neutral-200);
   }
   .accordion-info {
      padding: 12px 0;
      display: flex;
      justify-content: space-between;
      font-size: 0.875rem;
      font-weight: bold;
   }
   .accordion-info svg {
      height: 24px;
      width: 24px;
   }
   .accordion-list {
      display: none;
   }
   .active .accordion-list {
      display: grid;
   }
   .active .accordion-list a {
      color: var(--onix-neutral-500);
      font-size: 0.875rem;
      line-height: 2.15;
      margin-bottom: 12px;
   }
   .footer-trust {
      display: flex;
      justify-content: space-between;
      padding: 12px 0;
      gap: 12px;
      margin: 0 20px;
   }
   .footer-trust .about-amard-trust {
      flex: 50% 0;
   }
   .footer-title {
      color: var(--onix-sub);
      margin: 0;
      padding: 0;
   }
   .accordion span {
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
   }
   .accordion span svg {
      width: 12px;
      height: 22px;
      transform: rotate(0deg);
   }
   .accordion.active span svg {
      transform: rotate(180deg);
   }
   .m-about {
      margin: 16px 20px 28px;
      color: var(--onix-neutral-500);
      font-size: 0.875rem;
      height: 85px;
      overflow: hidden;
   }
   .m-about h2 {
      color: var(--onix-neutral-900);
      font-size: 0.875rem;
      margin-bottom: 8px;
   }
   .footer-col-item:nth-child(1) .footer-menu li:last-child,
   .footer-col-item:nth-child(2) .footer-menu li:last-child {
      margin: 0;
   }
   .footer-col-item:nth-child(3) .footer-title {
      text-align: center;
      font-size: 18px;
      margin: 0 0 20px 0;
   }
   .amard-social {
      justify-content: center;
      padding: 0;
   }
   .footer-menu {
      display: none;
      margin-top: 20px;
   }
   .amard-copyright {
      text-align: center;
   }
   .product-images-overlay {
      position: absolute;
      z-index: 3;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(
         var(--onix-button-primary),
         var(--onix-white)
      );
      opacity: 0.03;
      top: 0;
      left: 0;
      -ms-touch-action: none;
      touch-action: none;
      pointer-events: none;
   }
   .product-meta .name {
      min-height: auto;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
   }
   .product-meta .name a {
      font-size: 0.75rem;
      justify-content: flex-start;
      padding-top: 12px;
      margin: 0;
   }
   .product-meta .product-brand {
      justify-content: flex-start;
      padding-top: 20px;
      font-size: 0.625rem;
      margin: 0;
      color: var(--onix-sub);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
   }
   .amard-product.special {
      padding: 30px 0;
      margin-bottom: 30px;
   }
   .amard-product.special .product-items {
      margin: 0;
   }
   .product-item .price-value {
      justify-content: flex-end;
      font-size: 0.875rem;
      font-weight: normal;
      margin-top: 12px;
   }
   .product-item .price-value .price bdi span,
   .product-item .price-value .price {
      font-weight: normal;
   }
   .warranty {
      padding: 0 0 30px 0;
   }
   #close-menu {
      background: rgba(0, 0, 0, 0.3);
      z-index: 11;
      width: 100%;
      z-index: 999;
      top: 0px;
      visibility: visible;
      position: unset;
      height: 100%;
   }
   #close-menu.active {
      position: fixed;
   }
   .amard-side-menu {
      height: 100%;
      width: 80%;
      position: fixed;
      z-index: 9999;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: none;
      background: var(--onix-white);
      overflow-x: hidden;
   }
   .amard-side-logo {
      background: var(--onix-green-700);
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .amard-side-logo svg {
      height: 80px;
      padding: 30px 0;
      width: auto;
      fill: var(--onix-white);
   }
   .amard-side-menu.open {
      display: block;
   }
   .amard-sm-menu-close {
      padding: 0 35px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      height: 70px;
      margin-bottom: 20px;
   }
   .amard-sm-menu-close svg {
      border-radius: 50%;
      background: var(--onix-neutral-200);
      color: var(--onix-black);
      width: 25px;
      height: 25px;
      padding: 5px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
   }
   .amard-menu-sm {
      padding: 0;
      margin: 0;
      list-style: none;
      border-bottom: 1px solid var(--onix-neutral-200);
   }
   .amard-menu-sm li:last-child {
      margin: 0;
      padding: 0;
   }
   .menu-item-has-children > a:first-child::after {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='72' height='72' stroke='currentColor' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
      display: block;
      height: 22px;
      background-size: 22px;
      width: 22px;
      background-repeat: no-repeat;
      background-position: center center;
      margin: 0 5px 0 0;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      filter: invert(5%) sepia(51%) saturate(3791%) hue-rotate(232deg)
         brightness(98%) contrast(119%);
   }
   .mega-menu li.mega-menu-subtitle a::before {
      font-size: 1.75rem;
      font-weight: normal;
   }
   .amard-menu-sm li a,
   .mega-menu li.mega-menu-subtitle a {
      color: var(--onix-black);
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex: 100% 0;
      font-size: 1rem;
      font-weight: normal;
      padding: 12px 30px;
   }
   .mega-menu {
      max-width: 100%;
      padding: 0;
      display: block;
   }
   .sub-menu {
      display: none;
      width: auto;
      list-style: none;
      padding: 0px;
      margin: 0px;
      background: #f0f2f7;
      visibility: visible;
      opacity: 1;
      position: relative;
      box-shadow: none;
      right: auto;
   }
   .amard-info {
      display: flex;
      flex-flow: column wrap;
   }
   .product-meta {
      background-color: white;
   }
   .amard-info a {
      color: var(--onix-black);
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 1rem;
      padding: 12px 30px;
      font-weight: normal;
   }
   .comment-form-info {
      display: block;
   }
   .amard-info a::after {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='72' height='72' stroke='currentColor' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
      display: block;
      height: 22px;
      background-size: 22px;
      width: 22px;
      background-repeat: no-repeat;
      background-position: center center;
      margin: 0 5px 0 0;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      filter: invert(5%) sepia(51%) saturate(3791%) hue-rotate(232deg)
         brightness(98%) contrast(119%);
   }
   .gem-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow: auto;
      grid-gap: unset;
      gap: 20px;
      padding: 30px 0;
   }
   .contact-form {
      padding: 0 15px 32px;
   }
   .contact-info {
      padding: 0 15px;
   }
   .gem-item {
      overflow: hidden;
      -webkit-box-flex: 0;
      flex: 0 0 calc((100vw - 72px) / 2);
      max-width: calc((100vw - 72px) / 2);
      margin: 0px;
   }
   .gem-item:first-child {
      margin-right: 15px;
   }
   .gem-item:last-child {
      margin-left: 15px;
   }
   .gem-list::-webkit-scrollbar {
      display: none;
   }
   .gem-name {
      font-size: 0.75rem;
   }
   .gem-list-title {
      margin-top: 30px;
      font-size: 1rem;
   }
   .search-sm {
      margin: 0 35px;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      border-bottom: 1px solid var(--onix-neutral-200);
   }
   .search-sm input {
      flex: 90% 0;
      font-size: 18px;
      padding: 15px 0;
      border: none;
      font-family: var(--onix);
      outline: none;
   }
   .search-addon .amard-icon-search {
      width: 100%;
      font-size: 25px;
      background: transparent;
      border: none;
      padding: 15px 0;
      height: 55px;
      text-align: left;
      cursor: pointer;
      color: var(--onix-black);
      font-family: "amard";
   }
   .amard-single-product {
      padding-top: 15px;
      flex-flow: row wrap;
   }
   .amard-product-image,
   .amard-product-info {
      flex: 100% 0;
      margin: 0;
      height: auto;
   }
   .amard-product-image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      margin: auto;
      position: relative;
   }
   .share-panel {
      max-width: 100%;
      width: 100%;
      height: 100%;
      top: 0;
   }
   .amard-product-image img {
      width: 100%;
      height: auto;
      display: flex;
      position: relative;
   }
   .amard-product-info {
      padding-top: 32px;
      padding-bottom: 32px;
   }
   .brand-title {
      flex-direction: column;
      gap: 30px;
   }
   .brand-item {
      flex: 50% 0;
   }
   .entry-summary .product-brand a {
      font-size: 0.875rem;
   }
   .woocommerce div.product form.cart .variations .variation-radios label {
      padding: 8px 0px;
   }
   .related.products .amard-product {
      margin: 0;
   }
   .related.products .amard-product .related-product-items .item {
      border: none;
      width: 100%;
      max-width: 100%;
   }
   .related.products .amard-product .related-product-items::-webkit-scrollbar {
      display: none;
   }
   .related.products .amard-product .related-product-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow: auto;
      grid-gap: 4px;
      border-radius: 0;
      border: 0;
      padding: 0;
   }
   .related.products {
      padding: 0;
      border: none;
      overflow: auto;
      margin: 32px 0 16px;
   }
   .related.products
      .amard-product-items
      .product-item
      .product-images-overlay {
      display: none;
   }
   .woocommerce div.product .product_title {
      font-size: 1.25rem;
      line-height: 1.714;
      margin: 0 0 16px;
      font-weight: normal;
   }
   .single-product-tab {
      padding-top: 16px;
   }
   .woocommerce div.product .woocommerce-tabs .panel,
   .woocommerce-Tabs-panel,
   .woocommerce-Reviews #comments {
      flex-flow: row wrap;
      margin: 0;
      padding: 30px 0 0;
   }
   .single-product-features {
      flex: 100% 0;
      max-width: 100%;
      position: relative;
      top: 0;
      margin: 0 0 24px 0;
   }
   .single_variation_wrap .woocommerce-variation-add-to-cart {
      gap: 20px;
      flex-flow: column wrap;
   }
   .comment-recommended {
      padding-bottom: 24px;
      margin: 8px 0 0;
   }
   .single-product-features-subtitle {
      display: none;
   }
   .woocommerce div.product .amard-product-info form.cart div.quantity {
      width: 100%;
      justify-content: space-evenly;
   }
   .single_variation_wrap {
      width: 100%;
   }
   .mag-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow: auto;
      grid-gap: unset;
      gap: 20px;
      padding-top: 16px;
   }
   .product-sticky-header {
      display: none;
   }
   .woocommerce #reviews #comments ol.commentlist li {
      margin: 0;
   }
   .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals,
   .woocommerce-checkout-review-order-table tr.cart-subtotal {
      font-size: 0.75rem;
   }
   .shopping-cart,
   .shopping-checkout {
      flex-flow: column wrap;
      display: flex;
      gap: 16px;
      padding: 0 20px 90px;
      margin-top: 16px;
   }
   #review_form_wrapper {
      padding: 0 15px;
   }
   .comment-form-rating p.stars span {
      row-gap: 8px;
   }
   .cart-total .order-discount {
      margin: 22px 0 0 0;
      font-size: 0.75rem;
      padding: 0;
   }
   .shopping-cart .cart-collaterals {
      position: relative;
      top: 0;
      padding: 20px;
      flex: 100% 0;
      box-sizing: border-box;
   }
   .product-details-item .product-quantity .quantity {
      justify-content: flex-start;
   }
   .product-details-item .product-quantity {
      display: flex;
      gap: 10px;
      align-items: center;
      margin: 18px 0;
   }
   .woocommerce-order-details tbody .product-details-item .product-quantity {
      margin: 10px 0 0 0;
   }
   .product-details-item .product-quantity .quantity .qty,
   .woocommerce form .form-row label {
      font-size: 0.75rem;
   }
   .woocommerce table.shop_table td.product-details .product-details-item {
      flex: 100% 0;
      max-width: 100%;
   }
   .product-details-cart-item .product-name,
   .product-subtotal-price-discount,
   .product-subtotal {
      display: flex;
      justify-content: space-between;
      padding-top: 12px;
      font-size: 0.75rem;
   }
   .product-subtotal-price-discount {
      color: var(--onix-button-primary);
   }
   .woocommerce
      table.shop_table
      td.product-details
      .product-details-item
      .product-name
      .product-guarantee {
      list-style: normal;
      margin-bottom: 8px;
   }
   .woocommerce
      table.shop_table
      td.product-details
      .product-details-item
      .product-name {
      display: inline;
   }
   .woocommerce
      table.shop_table
      td.product-details
      .product-details-item
      .product-quantity {
      flex: 30% 0;
      max-width: 30%;
   }
   .woocommerce
      table.shop_table
      td.product-details
      .product-details-item
      .product-subtotal {
      flex: 100% 0;
      max-width: 100%;
      justify-content: space-between;
      padding-top: 20px;
   }

   .shoppingcart tr,
   .woocommerce-order-details tbody tr {
      padding: 16px;
      gap: 0;
   }
   .woocommerce-order-details tbody tr:last-of-type {
      padding-bottom: 0;
   }
   .shoppingcart tr.update-coupon td.actions .coupon {
      padding: 0;
   }
   .shoppingcart tr.update-coupon td.actions .coupon input.cart-coupon {
      width: 100%;
      font-size: 0.75rem;
      box-sizing: border-box;
   }
   .woocommerce-cart table.cart input.checkout-button {
      width: 100%;
   }
   .shoppingcart tr.update-coupon td span {
      font-size: 1rem;
      margin: 0;
   }
   .shoppingcart tr.update-coupon td {
      flex-flow: row wrap;
   }
   .shoppingcart tr {
      display: grid;
      grid-template-columns: 116px 1fr;
      grid-column-gap: 16px;
   }
   .product-details-item .product-name .variation {
      flex-flow: row wrap;
   }
   .product-details-item .product-name .variation dt,
   .product-details-item .product-name .variation dd {
      flex: 35% 0;
      margin: 0;
   }
   .woocommerce-order .thankyou {
      display: flex;
      flex-direction: column-reverse;
      margin: 20px;
   }
   .woocommerce-order .thankyou .col-4 {
      display: flex;
      justify-content: center;
   }
   .shopping-checkout-order {
      padding: 20px;
   }
   .woocommerce-order .order-status {
      display: block;
   }
   .woocommerce-checkout-review-order-table tr.order-total {
      margin: 22px 0 0 0;
      font-size: 0.75rem;
      padding: 0;
   }
   .woocommerce-order .back-home {
      text-align: center;
      display: block;
      margin: 16px 0 0 0;
   }
   .woocommerce-checkout #payment div.payment_box {
      display: none;
   }
   .woocommerce-checkout #payment ul.payment_methods {
      border-width: 1px 0 0 0;
      border-radius: 0;
      padding: 22px 0 0;
      margin: 0;
   }
   .cart-total .order-cart span.amount,
   .woocommerce table.shop_table tfoot td strong,
   .woocommerce ul#shipping_method .amount {
      font-weight: normal;
   }
   .woocommerce-checkout #payment ul.payment_methods li {
      font-size: 1rem;
      font-weight: normal;
   }
   .woocommerce-checkout #payment div.payment_box p:last-child {
      display: none;
   }
   .woocommerce #payment #place_order {
      margin: 0;
   }
   .woocommerce table.shop_table tr.cart_item td.product-name {
      flex: 100% 0;
      display: flex;
      gap: 30px;
      justify-content: space-between;
      width: 100%;
   }
   .woocommerce-checkout-review-order-table tr.cart_item {
      flex-flow: column wrap;
      align-items: flex-end;
   }
   .cart_item .product-name .product-thumbnail {
      flex: 40% 0;
   }
   .cart_item .product-name .product-desc {
      flex: 55% 0;
      padding: 0;
   }
   .contact-faq p {
      font-size: 0.875rem;
   }
   .contact-faq {
      flex-flow: row wrap;
      text-align: center;
      gap: 30px;
      justify-content: center;
      padding: 0 15px 30px;
      margin-bottom: 30px;
   }
   .contact-form form {
      display: flex;
      flex-flow: row wrap;
   }
   .contact-form form .contact {
      width: 100%;
   }
   .cotact-info-item {
      flex: 50% 0;
   }
   .single-page {
      max-width: 100%;
      padding-bottom: 30px;
   }
   .about-page {
      flex-flow: row wrap;
      max-width: 100%;
      padding-bottom: 30px;
   }
   .about-page h3,
   .contact-form h2,
   .contact-info h2 {
      font-size: 1.25rem;
   }
   .about-content,
   .about-img {
      flex: 100% 0;
   }
   .about-page p:last-child {
      margin: 0;
   }
   .product-control-toggles {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 16px;
      padding: 12px 0;
      border-bottom: 1px solid var(--onix-neutral-200);
      position: relative;
   }
   .product-control-toggles-filter,
   .product-control-toggles-sort {
      flex: 50% 0;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      font-size: 0.75rem;
      color: var(--onix-black);
      fill: var(--onix-black);
   }
   .flex-viewport {
      position: relative;
      z-index: 1;
      display: block;
      flex: 100%;
      width: 100%;
      -webkit-transition: none;
      -moz-transition: none;
      transition: none;
   }
   .product-category {
      border: none;
      padding: 0;
   }
   .amard-product,
   .mag {
      margin: 0 15px;
   }
   .woocommerce .amard-product-image .main-images .woocommerce-product-gallery {
      display: block;
      width: auto;
   }
   .woocommerce div.product div.images .flex-control-thumbs {
      margin-top: 10px;
      display: flex;
      padding: 0;
      flex-direction: row;
   }
   .woocommerce div.product div.images .flex-control-thumbs li {
      width: 20%;
      cursor: pointer;
      margin-right: 10px;
      display: flex;
   }
   .woocommerce div.product div.images .flex-control-thumbs li:first-child {
      margin-right: 0;
   }
   .product-control-toggles-sort {
      position: relative;
   }
   .product-control-toggles-sort svg {
      width: 20px;
      height: 20px;
   }
   .post-type-archive .page-title,
   .tax-product_cat .page-title {
      display: none;
   }
   .product-control-toggles-ordering {
      width: 100%;
      bottom: 0;
      left: 0;
      right: 0;
      position: fixed;
      z-index: 999;
      display: block;
      padding: 0;
      overflow: hidden;
      background: var(--onix-white);
      -moz-transform: translateY(200%);
      -ms-transform: translateY(200%);
      -webkit-transform: translateY(200%);
      transform: translateY(200%);
      will-change: transform;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
   }
   .product-control-toggles-ordering.open {
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
   }
   .product-control-toggles-close {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px 15px;
      border-bottom: 1px solid var(--onix-neutral-200);
      font-size: 1rem;
      line-height: normal;
      letter-spacing: normal;
      font-weight: normal;
   }
   .product-control-toggles-close svg {
      border-radius: 50%;
      color: var(--onix-black);
      width: 18px;
      height: 18px;
      padding: 8px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      cursor: pointer;
   }
   .sale-countdown {
      margin: 16px 0;
   }
   .woocommerce-ordering-toggles ul {
      list-style: none;
      padding: 0 15px;
      margin: 0;
   }
   .woocommerce-ordering-toggles ul li {
      padding: 12px 0;
      font-size: 0.875rem;
      font-weight: normal;
      letter-spacing: normal;
      list-style: none;
   }
   .woocommerce-ordering-toggles ul li a {
      color: var(--onix-black);
   }
   .woocommerce-ordering-toggles ul li:hover,
   .woocommerce-ordering-toggles ul li:focus {
      color: var(--onix-button-primary);
   }
   .woocommerce-ordering-toggles ul li[selected="selected"] a {
      color: var(--onix-button-primary);
   }
   .amard-product-sidebar {
      height: 100%;
      width: 100%;
      position: fixed;
      z-index: 9999;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: none;
      background: var(--onix-white);
      overflow-x: hidden;
   }
   .amard-product-sidebar.open {
      display: block;
   }
   .amard-product-sidebar section {
      margin: 32px 0 0;
      padding-bottom: 16px;
   }
   .woocommerce-widget-layered-nav-list li {
      padding: 12px 0;
      border-bottom: 1px solid var(--onix-back);
      margin: 0;
   }
   .woocommerce-widget-layered-nav-list li .count {
      display: none;
   }
   .woocommerce-widget-layered-nav-list li a::before {
      border-color: var(--onix-neutral-200);
      margin-left: 16px;
   }
   .woocommerce .woocommerce-result-count {
      display: none;
   }
   .amard-comment-info {
      flex-direction: column-reverse;
      gap: 4px;
   }
   .comment-info-author {
      gap: 5px;
      margin-bottom: 8px;
   }
   .page-template-blog .mag-items,
   .archive.category .mag-items {
      overflow: unset;
      flex-flow: row wrap;
   }
   .page-template-blog .mag-items .mag-item,
   .archive.category .mag-items .mag-item {
      margin: 0;
      min-width: 100%;
   }
   .comment-info-suggested {
      flex: 100% 0;
      margin: 0 0 8px 0;
   }
   .comments-title {
      font-size: 0.875rem;
      margin: 0;
   }
   .comment-text .description p {
      margin: 16px 0 0;
      width: 100%;
   }
   .comment-info-rating {
      display: none;
   }
   .page-template-blog .mag-items {
      overflow: unset;
      flex-flow: row wrap;
   }
   .page-template-blog .mag-items .mag-item {
      margin: 0;
      min-width: 100%;
   }
   .amard-product.category {
      padding: 0 0 30px 0;
      flex-flow: row wrap;
      margin: 0;
   }
   .stock-rating {
      margin: 8px 0;
   }
   .amard-product.category .amard-product-sidebar,
   .amard-product.category .product-items {
      flex: 100% 0;
   }
   .amard-product.category .product-items {
      display: grid;
      gap: 8px;
      margin: 0;
      grid-template-columns: repeat(1, minmax(0, 1fr));
   }
   .amard-product.category .product-items .item {
      margin: 0;
   }
   .woocommerce .woocommerce-ordering {
      display: flex;
      padding: 10px 20px;
      justify-content: center;
   }
   .woocommerce .woocommerce-ordering select {
      width: 100%;
   }
   .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td {
      display: block;
   }
   .frame-size-info {
      flex-flow: column wrap;
      gap: 0;
   }
   .frame-size-info ul:last-child {
      margin: 0;
   }
   .single-product-features-content.description {
      flex-direction: column-reverse;
   }
   .woocommerce div.product form.cart .button {
      width: 100%;
   }
   .single-product-features-content.description h3 {
      font-size: 1rem;
   }
   .sticky-product-bar {
      position: fixed;
      opacity: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0;
      z-index: 99;
      display: flex;
      padding: 10px 20px;
      background: var(--onix-white);
      box-shadow: -2px 2px 45px -15px rgb(0 0 0 / 30%);
      border-bottom: 0;
      justify-content: center;
      border-top: 1px solid var(--onix-neutral-200);
   }
   .sticky-product-bar.active {
      opacity: 1;
      z-index: 101;
   }
   .single-blog {
      padding: 0;
      display: flex;
   }
   .single-blog-post {
      width: 100%;
      padding: 15px;
   }
   .single-blog-post .blog-title h1 {
      font-size: 0.875rem;
      padding: 0;
   }
   .blog-meta {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
   }
   .blog-content p {
      font-size: 0.875rem;
   }
   .blog-title {
      padding: 15px 0;
   }
   .woocommerce-terms-and-conditions-wrapper {
      align-items: center;
      margin: 12px 0 22px;
   }
   .mag-item time .day {
      font-size: 1rem;
   }
   .woocommerce form .form-row input.input-text,
   .woocommerce form .form-row textarea,
   .select2-container--default .select2-selection--single {
      font-size: 0.75rem;
   }
   .woocommerce-terms-and-conditions-checkbox-text {
      font-size: 0.75rem;
      letter-spacing: -0.5px;
   }
   .checkbox-inner {
      border: 1px solid var(--onix-button-primary);
      border-radius: 5px;
      margin: 0;
   }
   .checkbox-inner input:checked + .checkbox-inner-check svg {
      opacity: 1;
   }
   .checkbox-inner .checkbox-inner-check svg {
      opacity: 0;
   }
   .woocommerce table.shop_table.woocommerce-checkout-review-order-table {
      display: block;
   }
   .woocommerce
      .woocommerce-checkout-review-order-table
      td.product-name
      dl.variation
      dd,
   .woocommerce
      .woocommerce-checkout-review-order-table
      td.product-name
      dl.variation
      dt {
      flex: 50% 0;
      margin: 0;
   }
   .profile-order-list-item-details {
      padding: 0 15px;
   }
   .order-shipping-method-name {
      font-size: 0.75rem;
   }
   .order-shiping-status {
      justify-content: flex-end;
   }
   .order-shipping-method {
      margin: 0 0 32px 0;
   }
   .profile-order-list-item-info {
      flex-flow: row wrap;
   }
   .order-view-item-footer {
      display: flex;
      justify-content: space-between;
      flex: 1 0;
   }
   .order-view-item-footer > span {
      font-size: 0.75rem;
   }
   .order-view-item-footer .order-view-item-detail {
      justify-content: flex-end;
      flex: 1 0;
   }
   .woocommerce ul.order_details li strong {
      font-size: 0.75rem;
   }
   .woocommerce table.shop_table,
   .woocommerce table.shop_table td {
      display: flex;
      flex-flow: column wrap;
      gap: 15px;
      box-sizing: border-box;
   }
   .woocommerce-order {
      padding-bottom: 50px;
   }
   .order-total-item-detail,
   .order-list-item-detail {
      font-size: 0.75rem;
   }
   .woocommerce-order-details tfoot {
      position: relative;
      top: 0;
   }
   .woocommerce
      table.shop_table
      tr.order_item
      td.product-details
      .product-details-item
      .product-name {
      flex: 100% 0;
      max-width: 100%;
      margin-bottom: 10px;
   }
   .billing-phone,
   .billing-postal,
   .billing-city,
   .billing-state {
      margin-bottom: 20px;
   }
   .billing-address {
      padding: 0;
   }
   .woocommerce ul#shipping_method li label {
      text-align: center;
      gap: 0;
   }
   .woocommerce ul#shipping_method li label span.amount {
      margin-right: 10px;
   }
   .woocommerce
      .woocommerce-checkout-review-order
      table.shop_table
      tr.cart_item
      td.product-name {
      flex-flow: row wrap;
      align-items: flex-start;
   }
   .woocommerce
      .woocommerce-checkout-review-order
      table.shop_table
      tr.cart_item
      .product-name
      .product-desc {
      flex: 45% 0;
      display: flex;
      flex-flow: column wrap;
   }
   .woocommerce
      .woocommerce-checkout-review-order
      table.shop_table
      tr.cart_item
      .product-name
      .product-desc
      strong.product-quantity {
      display: block;
      width: 40%;
      margin-top: 10px;
   }
   .woocommerce table.shop_table tr.order_item td.product-thumbnail {
      justify-content: flex-start;
   }
   .comment-form-rating {
      margin: 16px 0;
   }
   .comment-form-rating p.stars span {
      display: flex;
      flex-flow: row wrap;
   }
   .woocommerce #review_form #respond .comment-form-rating p.stars {
      margin: 0;
      flex: 65% 0;
   }
   .shopping-checkout-title,
   .woocommerce-tabs .panel p {
      margin: 0 0 16px 0;
      font-size: 0.875rem;
   }
   .amard-support .operator {
      padding: 0;
      flex-flow: column wrap;
   }
   .amard-support {
      left: 15px;
      bottom: 30px;
   }
   .amard-support .operator img {
      padding-bottom: 10px;
      width: 45px;
      height: 45px;
   }
   .amard-support .operator h5 {
      color: var(--onix-white);
      padding: 0;
   }
   .frame-size-info ul li {
      font-size: 13px;
   }
   .amard-product-info .summary {
      display: flex;
      flex-direction: column;
   }
   .amard-product-info .entry-summary .buy-box {
      position: relative;
      top: unset;
      margin: 16px 0 0 0;
   }
   .single-product-detail {
      margin: 0 0 16px;
   }
}
@media (min-width: 767px) and (max-width: 1023px) {
   .container {
      padding-left: 15px;
      padding-right: 15px;
   }
   .product-items .item {
      max-width: calc((100vw - 32px) / 2);
   }
   .instagram-img,
   .mag-items {
      justify-content: space-between;
   }
   .instagram-img a {
      flex: 30% 0;
   }
   .mag-item {
      flex: 45% 0;
   }
   .amard-product-info {
      display: flex;
      justify-content: space-between;
      flex-flow: row wrap;
   }
   .entry-summary {
      flex: 50% 0;
   }
   .woocommerce-product-details__short-description {
      flex: 50% 0;
   }
   .woocommerce div.product form.cart {
      flex: 100% 0;
   }
   .woocommerce-product-details__short-description h3 {
      margin: 0;
   }
   .woocommerce #review_form #respond .comment-form-rating p.stars {
      flex: 35% 0;
   }
   .product_meta {
      flex: 100% 0;
   }
   .shopping-checkout {
      flex-flow: row wrap;
   }
   .shopping-checkout-address {
      flex: 50% 0;
   }
   .cart_item .product-name .product-thumbnail {
      flex: 40% 0;
   }
   .sale-countdown {
      flex: 100% 0;
   }
}
@media (min-width: 1024px) and (max-width: 1439px) {
   .container {
      max-width: 100%;
   }
   .container-fluid {
      width: 1200px;
   }
}
@media (min-width: 1440px) and (max-width: 2000px) {
   .container {
      max-width: 1200px;
   }
   .container-fluid {
      max-width: 1200px;
   }
   .amard-slider img,
   .slideshow-container {
      height: 400px;
   }
   .small-buy-box {
      display: block;
   }
}
@media (min-width: 2001px) and (max-width: 2560px) {
   .container {
      max-width: 1200px;
   }
   .container-fluid {
      max-width: 1200px;
   }
   .amard-slider img,
   .slideshow-container {
      height: 500px;
   }
   .small-buy-box {
      display: block;
   }
}

:root {
   --onix-font-size-xs: 0.625rem;
   --onix-font-size-xs: 0.75rem;
   --onix-font-size-sm: 0.875rem;
   --onix-font-size-md: 1rem;
   --onix-font-size-lg: 1.25rem;
   --onix-font-size-xl: 1.5rem;
   --onix-font-size-1x: 1.75rem;
   --onix-font-size-2x: 2rem;
   --onix-font-size-3x: 2.5rem;
   --onix-line-height-xs: 1.5rem;
   --onix-line-height-sm: 1.875rem;
   --onix-line-height-md: 2.25rem;
   --onix-line-height-lg: 2.625rem;
   --onix-space-xs: 0.25rem;
   --onix-space-md: 1rem;
   --onix-space-lg: 1.5rem;
   --onix-space-xl: 2rem;
   --onix-space-1x: 3rem;
   --onix-radius-sm: 0.25rem;
   --onix-radius-md: 0.5rem;
   --onix-radius-lg: 1rem;
   --onix-radius-xl: 2rem;
   --onix-radius-pill: 50rem;
   --onix-svg-xs: 0.75rem;
   --onix-svg-sm: 0.875rem;
   --onix-svg-md: 1rem;
   --onix-svg-lg: 1.25rem;
   --onix-svg-xl: 1.5rem;
   --onix-svg-1x: 1.875rem;
   --onix-white: #ffffff;
   --onix-black: #000000;
   --onix-neutral-100: #f1f1f4;
   --onix-neutral-200: #e0e0e6;
   --onix-neutral-300: #c3c3ce;
   --onix-neutral-400: #9e9fb1;
   --onix-neutral-500: #767790;
   --onix-neutral-600: #5a5c7a;
   --onix-neutral-700: #3f4064;
   --onix-neutral-800: #23254e;
   --onix-neutral-900: #080a38;
   --onix-blue-100: #e6f6ff;
   --onix-blue-300: #80d1ff;
   --onix-blue-500: #1aacff;
   --onix-blue-700: #0072b3;
   --onix-cyan-100: #e6fafe;
   --onix-cyan-300: #86e5f8;
   --onix-cyan-500: #25d1f3;
   --onix-cyan-700: #098ea9;
   --onix-green-100: #ecf9f2;
   --onix-green-300: #9ce3bc;
   --onix-green-500: #4dcc87;
   --onix-green-700: #288b55;
   --onix-red-100: #fde7ec;
   --onix-red-300: #f688a3;
   --onix-red-500: #ef295a;
   --onix-red-700: #a60c32;
   --onix-purple-100: #efe8fd;
   --onix-purple-300: #ad8cf3;
   --onix-purple-500: #6b30e9;
   --onix-purple-700: #3f11a2;
   --onix-pink-100: #fbeaf2;
   --onix-pink-300: #ea95bf;
   --onix-pink-500: #d9408c;
   --onix-pink-700: #951e59;
   --onix-orange-100: #fff1e5;
   --onix-orange-300: #feb980;
   --onix-orange-500: #fd821b;
   --onix-orange-700: #b05102;
   --onix-yellow-100: #fff9e6;
   --onix-yellow-300: #ffdf80;
   --onix-yellow-500: #ffc61a;
   --onix-yellow-700: #b38600;
   --onix-hint-text-primary: #1aacff;
   --onix-hint-text-secondary: #7c819d;
   --onix-hint-text-light: #f1f1f4;
   --onix-hint-text-dark: #0b0c0f;
   --onix-hint-text-success: #4dcc87;
   --onix-hint-text-info: #1aacff;
   --onix-hint-text-warning: #ffc61a;
   --onix-hint-text-danger: #ef295a;
   --onix-hint-bg-primary: #e6f6ff;
   --onix-hint-bg-secondary: #f1f1f4;
   --onix-hint-bg-light: #0b0c0f;
   --onix-hint-bg-dark: #f1f1f4;
   --onix-hint-bg-success: #ecf9f2;
   --onix-hint-bg-info: #e6f6ff;
   --onix-hint-bg-warning: #fff9e6;
   --onix-hint-bg-danger: #fde7ec;
}

input,
button {
   font-family: var(--onix-font-family);
}

input:is(:hover, :focus) {
   outline: none;
}

.w-100 {
   width: 100%;
}

.h-100 {
   height: 100%;
}

.white {
   color: var(--onix-white);
}

.black {
   color: var(--onix-black);
}

.transparent {
   color: transparent;
}

.neutral-100 {
   color: var(--onix-neutral-100);
}

.neutral-200 {
   color: var(--onix-neutral-200);
}

.neutral-300 {
   color: var(--onix-neutral-300);
}

.neutral-400 {
   color: var(--onix-neutral-400);
}

.neutral-500 {
   color: var(--onix-neutral-500);
}

.neutral-600 {
   color: var(--onix-neutral-600);
}

.neutral-700 {
   color: var(--onix-neutral-700);
}

.neutral-800 {
   color: var(--onix-neutral-800);
}

.neutral-900 {
   color: var(--onix-neutral-900);
}

.blue-100 {
   color: var(--onix-blue-100);
}

.blue-300 {
   color: var(--onix-blue-300);
}

.blue-500 {
   color: var(--onix-blue-500);
}

.blue-700 {
   color: var(--onix-blue-700);
}

.cyan-100 {
   color: var(--onix-cyan-100);
}

.cyan-300 {
   color: var(--onix-cyan-300);
}

.cyan-500 {
   color: var(--onix-cyan-500);
}

.cyan-700 {
   color: var(--onix-cyan-700);
}

.green-100 {
   color: var(--onix-green-100);
}

.green-300 {
   color: var(--onix-green-300);
}

.green-500 {
   color: var(--onix-green-500);
}

.green-700 {
   color: var(--onix-green-700);
}

.red-100 {
   color: var(--onix-red-100);
}

.red-300 {
   color: var(--onix-red-300);
}

.red-500 {
   color: var(--onix-red-500);
}

.red-700 {
   color: var(--onix-red-700);
}

.purple-100 {
   color: var(--onix-purple-100);
}

.purple-300 {
   color: var(--onix-purple-300);
}

.purple-500 {
   color: var(--onix-purple-500);
}

.purple-700 {
   color: var(--onix-purple-700);
}

.pink-100 {
   color: var(--onix-pink-100);
}

.pink-300 {
   color: var(--onix-pink-300);
}

.pink-500 {
   color: var(--onix-pink-500);
}

.pink-700 {
   color: var(--onix-pink-700);
}

.orange-100 {
   color: var(--onix-orange-100);
}

.orange-300 {
   color: var(--onix-orange-300);
}

.orange-500 {
   color: var(--onix-orange-500);
}

.orange-700 {
   color: var(--onix-orange-700);
}

.yellow-100 {
   color: var(--onix-yellow-100);
}

.yellow-300 {
   color: var(--onix-yellow-300);
}

.yellow-500 {
   color: var(--onix-yellow-500);
}

.yellow-700 {
   color: var(--onix-yellow-700);
}

.back-white {
   background-color: var(--onix-white);
}

.back-black {
   background-color: var(--onix-black);
}

.back-transparent {
   background-color: transparent;
}

.back-neutral-100 {
   background-color: var(--onix-neutral-100);
}

.back-neutral-200 {
   background-color: var(--onix-neutral-200);
}

.back-neutral-300 {
   background-color: var(--onix-neutral-300);
}

.back-neutral-400 {
   background-color: var(--onix-neutral-400);
}

.back-neutral-500 {
   background-color: var(--onix-neutral-500);
}

.back-neutral-600 {
   background-color: var(--onix-neutral-600);
}

.back-neutral-700 {
   background-color: var(--onix-neutral-700);
}

.back-neutral-800 {
   background-color: var(--onix-neutral-800);
}

.back-neutral-900 {
   background-color: var(--onix-neutral-900);
}

.back-blue-100 {
   background-color: var(--onix-blue-100);
}

.back-blue-300 {
   background-color: var(--onix-blue-300);
}

.back-blue-500 {
   background-color: var(--onix-blue-500);
}

.back-blue-700 {
   background-color: var(--onix-blue-700);
}

.back-cyan-100 {
   background-color: var(--onix-cyan-100);
}

.back-cyan-300 {
   background-color: var(--onix-cyan-300);
}

.back-cyan-500 {
   background-color: var(--onix-cyan-500);
}

.back-cyan-700 {
   background-color: var(--onix-cyan-700);
}

.back-green-100 {
   background-color: var(--onix-green-100);
}

.back-green-300 {
   background-color: var(--onix-green-300);
}

.back-green-500 {
   background-color: var(--onix-green-500);
}

.back-green-700 {
   background-color: var(--onix-green-700);
}

.back-red-100 {
   background-color: var(--onix-red-100);
}

.back-red-300 {
   background-color: var(--onix-red-300);
}

.back-red-500 {
   background-color: var(--onix-red-500);
}

.back-red-700 {
   background-color: var(--onix-red-700);
}

.back-purple-100 {
   background-color: var(--onix-purple-100);
}

.back-purple-300 {
   background-color: var(--onix-purple-300);
}

.back-purple-500 {
   background-color: var(--onix-purple-500);
}

.back-purple-700 {
   background-color: var(--onix-purple-700);
}

.back-pink-100 {
   background-color: var(--onix-pink-100);
}

.back-pink-300 {
   background-color: var(--onix-pink-300);
}

.back-pink-500 {
   background-color: var(--onix-pink-500);
}

.back-pink-700 {
   background-color: var(--onix-pink-700);
}

.back-orange-100 {
   background-color: var(--onix-orange-100);
}

.back-orange-300 {
   background-color: var(--onix-orange-300);
}

.back-orange-500 {
   background-color: var(--onix-orange-500);
}

.back-orange-700 {
   background-color: var(--onix-orange-700);
}

.back-yellow-100 {
   background-color: var(--onix-yellow-100);
}

.back-yellow-300 {
   background-color: var(--onix-yellow-300);
}

.back-yellow-500 {
   background-color: var(--onix-yellow-500);
}

.back-yellow-700 {
   background-color: var(--onix-yellow-700);
}

.border-white {
   border-color: var(--onix-white);
}

.border-black {
   border-color: var(--onix-black);
}

.border-transparent {
   border-color: transparent;
}

.border-neutral-100 {
   border-color: var(--onix-neutral-100);
}

.border-neutral-200 {
   border-color: var(--onix-neutral-200);
}

.border-neutral-300 {
   border-color: var(--onix-neutral-300);
}

.border-neutral-400 {
   border-color: var(--onix-neutral-400);
}

.border-neutral-500 {
   border-color: var(--onix-neutral-500);
}

.border-neutral-600 {
   border-color: var(--onix-neutral-600);
}

.border-neutral-700 {
   border-color: var(--onix-neutral-700);
}

.border-neutral-800 {
   border-color: var(--onix-neutral-800);
}

.border-neutral-900 {
   border-color: var(--onix-neutral-900);
}

.border-blue-100 {
   border-color: var(--onix-blue-100);
}

.border-blue-300 {
   border-color: var(--onix-blue-300);
}

.border-blue-500 {
   border-color: var(--onix-blue-500);
}

.border-blue-700 {
   border-color: var(--onix-blue-700);
}

.border-cyan-100 {
   border-color: var(--onix-cyan-100);
}

.border-cyan-300 {
   border-color: var(--onix-cyan-300);
}

.border-cyan-500 {
   border-color: var(--onix-cyan-500);
}

.border-cyan-700 {
   border-color: var(--onix-cyan-700);
}

.border-green-100 {
   border-color: var(--onix-green-100);
}

.border-green-300 {
   border-color: var(--onix-green-300);
}

.border-green-500 {
   border-color: var(--onix-green-500);
}

.border-green-700 {
   border-color: var(--onix-green-700);
}

.border-red-100 {
   border-color: var(--onix-red-100);
}

.border-red-300 {
   border-color: var(--onix-red-300);
}

.border-red-500 {
   border-color: var(--onix-red-500);
}

.border-red-700 {
   border-color: var(--onix-red-700);
}

.border-purple-100 {
   border-color: var(--onix-purple-100);
}

.border-purple-300 {
   border-color: var(--onix-purple-300);
}

.border-purple-500 {
   border-color: var(--onix-purple-500);
}

.border-purple-700 {
   border-color: var(--onix-purple-700);
}

.border-pink-100 {
   border-color: var(--onix-pink-100);
}

.border-pink-300 {
   border-color: var(--onix-pink-300);
}

.border-pink-500 {
   border-color: var(--onix-pink-500);
}

.border-pink-700 {
   border-color: var(--onix-pink-700);
}

.border-orange-100 {
   border-color: var(--onix-orange-100);
}

.border-orange-300 {
   border-color: var(--onix-orange-300);
}

.border-orange-500 {
   border-color: var(--onix-orange-500);
}

.border-orange-700 {
   border-color: var(--onix-orange-700);
}

.border-yellow-100 {
   border-color: var(--onix-yellow-100);
}

.border-yellow-300 {
   border-color: var(--onix-yellow-300);
}

.border-yellow-500 {
   border-color: var(--onix-yellow-500);
}

.border-yellow-700 {
   border-color: var(--onix-yellow-700);
}

.border-none {
   border: none;
}

.border {
   border-width: 1px;
}

.border-top {
   border-width: 1px 0 0 0;
}

.border-bottom {
   border-width: 0 0 1px 0;
}

.border-top-bottom {
   border-width: 1px 0;
}

.border-right {
   border-width: 0 1px 0 0;
}

.border-left {
   border-width: 0 0 0 1px;
}

.border-right-left {
   border-width: 0 1px;
}

.border-solid {
   border-style: solid;
}

.radius-0 {
   border-radius: 0;
}

.radius-circle {
   border-radius: var(--onix-radius-pill);
}

.radius-sm {
   border-radius: var(--onix-radius-sm);
}

.radius-md {
   border-radius: var(--onix-radius-md);
}

.radius-lg {
   border-radius: var(--onix-radius-lg);
}

.d-block {
   display: block;
}

.d-flex {
   display: flex;
}

.d-inline-flex {
   display: inline-flex;
}

.d-grid {
   display: grid;
}

.d-none {
   display: none;
}

.ai-stretch {
   -webkit-box-align: stretch;
   -webkit-align-items: stretch;
   -moz-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

.ai-center {
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.ai-start {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -moz-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
}

.ai-end {
   -webkit-box-align: end;
   -webkit-align-items: flex-end;
   -moz-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
}

.as-center {
   -webkit-align-self: center;
   -ms-flex-item-align: center;
   align-self: center;
}

.as-start {
   -webkit-align-self: flex-start;
   -ms-flex-item-align: start;
   align-self: flex-start;
}

.as-end {
   -webkit-align-self: flex-end;
   -ms-flex-item-align: end;
   align-self: flex-end;
}

.jc-center {
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.jc-between {
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.jc-evenly {
   -webkit-box-pack: space-evenly;
   -webkit-justify-content: space-evenly;
   -moz-box-pack: space-evenly;
   -ms-flex-pack: space-evenly;
   justify-content: space-evenly;
}

.jc-around {
   -webkit-justify-content: space-around;
   -ms-flex-pack: distribute;
   justify-content: space-around;
}

.jc-start {
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -moz-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
}

.jc-end {
   -webkit-box-pack: end;
   -webkit-justify-content: flex-end;
   -moz-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}

.flex-row {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -webkit-flex-direction: row;
   -moz-box-orient: horizontal;
   -moz-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
}

.flex-column {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -moz-box-orient: vertical;
   -moz-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.flex-row-reverse {
   flex-direction: row-reverse;
}

.flex-wrap {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.flex-nowrap {
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
}

.flex-grow {
   flex-grow: 1;
}

.gap-0 {
   -webkit-column-gap: calc(0 * var(--onix-space-xs));
   -moz-column-gap: calc(0 * var(--onix-space-xs));
   column-gap: calc(0 * var(--onix-space-xs));
}

.gap-1 {
   -webkit-column-gap: calc(1 * var(--onix-space-xs));
   -moz-column-gap: calc(1 * var(--onix-space-xs));
   column-gap: calc(1 * var(--onix-space-xs));
}

.gap-2 {
   -webkit-column-gap: calc(2 * var(--onix-space-xs));
   -moz-column-gap: calc(2 * var(--onix-space-xs));
   column-gap: calc(2 * var(--onix-space-xs));
}

.gap-3 {
   -webkit-column-gap: calc(3 * var(--onix-space-xs));
   -moz-column-gap: calc(3 * var(--onix-space-xs));
   column-gap: calc(3 * var(--onix-space-xs));
}

.gap-4 {
   -webkit-column-gap: calc(4 * var(--onix-space-xs));
   -moz-column-gap: calc(4 * var(--onix-space-xs));
   column-gap: calc(4 * var(--onix-space-xs));
}

.gap-5 {
   -webkit-column-gap: calc(5 * var(--onix-space-xs));
   -moz-column-gap: calc(5 * var(--onix-space-xs));
   column-gap: calc(5 * var(--onix-space-xs));
}

.gap-6 {
   -webkit-column-gap: calc(6 * var(--onix-space-xs));
   -moz-column-gap: calc(6 * var(--onix-space-xs));
   column-gap: calc(6 * var(--onix-space-xs));
}

.row-gap-0 {
   -webkit-row-gap: calc(0 * var(--onix-space-xs));
   -moz-row-gap: calc(0 * var(--onix-space-xs));
   row-gap: calc(0 * var(--onix-space-xs));
}

.row-gap-1 {
   -webkit-row-gap: calc(1 * var(--onix-space-xs));
   -moz-row-gap: calc(1 * var(--onix-space-xs));
   row-gap: calc(1 * var(--onix-space-xs));
}

.row-gap-2 {
   -webkit-row-gap: calc(2 * var(--onix-space-xs));
   -moz-row-gap: calc(2 * var(--onix-space-xs));
   row-gap: calc(2 * var(--onix-space-xs));
}

.row-gap-3 {
   -webkit-row-gap: calc(3 * var(--onix-space-xs));
   -moz-row-gap: calc(3 * var(--onix-space-xs));
   row-gap: calc(3 * var(--onix-space-xs));
}

.row-gap-4 {
   -webkit-row-gap: calc(4 * var(--onix-space-xs));
   -moz-row-gap: calc(4 * var(--onix-space-xs));
   row-gap: calc(4 * var(--onix-space-xs));
}

.row-gap-5 {
   -webkit-row-gap: calc(5 * var(--onix-space-xs));
   -moz-row-gap: calc(5 * var(--onix-space-xs));
   row-gap: calc(5 * var(--onix-space-xs));
}

.row-gap-6 {
   -webkit-row-gap: calc(6 * var(--onix-space-xs));
   -moz-row-gap: calc(6 * var(--onix-space-xs));
   row-gap: calc(6 * var(--onix-space-xs));
}

.col-1 {
   flex: 8.333333% 0;
}

.col-2 {
   flex: 16.666666% 0;
}

.col-3 {
   flex: 25% 0;
}

.col-4 {
   flex: 33.333333% 0;
}

.col-5 {
   flex: 41.666666% 0;
}

.col-6 {
   flex: 50% 0;
}

.col-7 {
   flex: 58.333333% 0;
}

.col-8 {
   flex: 66.666666% 0;
}

.col-9 {
   flex: 75% 0;
}

.col-10 {
   flex: 83.333333% 0;
}

.col-11 {
   flex: 91.666666% 0;
}

.col-12 {
   flex: 100% 0;
}

.height-1 {
   height: calc(1 * var(--onix-space-xs));
}

.height-2 {
   height: calc(2 * var(--onix-space-xs));
}

.height-3 {
   height: calc(3 * var(--onix-space-xs));
}

.height-4 {
   height: calc(4 * var(--onix-space-xs));
}

.height-5 {
   height: calc(5 * var(--onix-space-xs));
}

.height-6 {
   height: calc(6 * var(--onix-space-xs));
}

.height-7 {
   height: calc(7 * var(--onix-space-xs));
}

.height-8 {
   height: calc(8 * var(--onix-space-xs));
}

.height-9 {
   height: calc(9 * var(--onix-space-xs));
}

.height-10 {
   height: calc(10 * var(--onix-space-xs));
}

.height-11 {
   height: calc(11 * var(--onix-space-xs));
}

.height-12 {
   height: calc(12 * var(--onix-space-xs));
}

.height-13 {
   height: calc(13 * var(--onix-space-xs));
}

.height-14 {
   height: calc(14 * var(--onix-space-xs));
}

.height-15 {
   height: calc(15 * var(--onix-space-xs));
}

.height-16 {
   height: calc(16 * var(--onix-space-xs));
}

.height-17 {
   height: calc(17 * var(--onix-space-xs));
}

.height-18 {
   height: calc(18 * var(--onix-space-xs));
}

.height-19 {
   height: calc(19 * var(--onix-space-xs));
}

.height-20 {
   height: calc(20 * var(--onix-space-xs));
}

.width-1 {
   width: calc(1 * var(--onix-space-xs));
}

.width-2 {
   width: calc(2 * var(--onix-space-xs));
}

.width-3 {
   width: calc(3 * var(--onix-space-xs));
}

.width-4 {
   width: calc(4 * var(--onix-space-xs));
}

.width-5 {
   width: calc(5 * var(--onix-space-xs));
}

.width-6 {
   width: calc(6 * var(--onix-space-xs));
}

.width-7 {
   width: calc(7 * var(--onix-space-xs));
}

.width-8 {
   width: calc(8 * var(--onix-space-xs));
}

.width-9 {
   width: calc(9 * var(--onix-space-xs));
}

.width-10 {
   width: calc(10 * var(--onix-space-xs));
}

.width-11 {
   width: calc(11 * var(--onix-space-xs));
}

.width-12 {
   width: calc(12 * var(--onix-space-xs));
}

.width-13 {
   width: calc(13 * var(--onix-space-xs));
}

.width-14 {
   width: calc(14 * var(--onix-space-xs));
}

.width-15 {
   width: calc(15 * var(--onix-space-xs));
}

.width-16 {
   width: calc(16 * var(--onix-space-xs));
}

.width-17 {
   width: calc(17 * var(--onix-space-xs));
}

.width-18 {
   width: calc(18 * var(--onix-space-xs));
}

.width-19 {
   width: calc(19 * var(--onix-space-xs));
}

.width-20 {
   width: calc(20 * var(--onix-space-xs));
}

.text-body-1 {
   font-size: var(--onix-font-size-sm);
}

.text-body-2 {
   font-size: var(--onix-font-size-xs);
}

.text-caption {
   font-size: var(--onix-font-size-xs);
}

.text-h1 {
   font-size: var(--onix-font-size-3x);
}

.text-h2 {
   font-size: var(--onix-font-size-2x);
}

.text-h3 {
   font-size: var(--onix-font-size-1x);
}

.text-h4 {
   font-size: var(--onix-font-size-xl);
}

.text-h5 {
   font-size: var(--onix-font-size-lg);
}

.text-h6 {
   font-size: var(--onix-font-size-md);
}

.align-center {
   text-align: center;
}

.align-left {
   text-align: left;
}

.align-right {
   text-align: right;
}

.ellipsis-1 {
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}

.ellipsis-2 {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.ellipsis-3 {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}

.lh-normal {
   line-height: normal;
}

.lh-xs {
   line-height: var(--onix-line-height-xs);
}

.lh-sm {
   line-height: var(--onix-line-height-sm);
}

.lh-md {
   line-height: var(--onix-line-height-md);
}

.lh-lg {
   line-height: var(--onix-line-height-lg);
}

.svg-xs {
   width: var(--onix-svg-xs);
   height: var(--onix-svg-xs);
}

.svg-sm {
   width: var(--onix-svg-sm);
   height: var(--onix-svg-sm);
}

.svg-md {
   width: var(--onix-svg-md);
   height: var(--onix-svg-md);
}

.svg-lg {
   width: var(--onix-svg-lg);
   height: var(--onix-svg-lg);
}

.svg-xl {
   width: var(--onix-svg-xl);
   height: var(--onix-svg-xl);
}

.svg-1x {
   width: var(--onix-svg-1x);
   height: var(--onix-svg-1x);
}

.overflow-hidden {
   overflow: hidden;
}

.bold {
   font-weight: bold;
}

.normal {
   font-weight: normal;
}

.pt-0 {
   padding-top: calc(0 * var(--onix-space-xs));
}

.mt-0 {
   margin-top: calc(0 * var(--onix-space-xs));
}

.pb-0 {
   padding-bottom: calc(0 * var(--onix-space-xs));
}

.mb-0 {
   margin-bottom: calc(0 * var(--onix-space-xs));
}

.pl-0 {
   padding-left: calc(0 * var(--onix-space-xs));
}

.ml-0 {
   margin-left: calc(0 * var(--onix-space-xs));
}

.pr-0 {
   padding-right: calc(0 * var(--onix-space-xs));
}

.mr-0 {
   margin-right: calc(0 * var(--onix-space-xs));
}
.pt-1 {
   padding-top: calc(1 * var(--onix-space-xs));
}

.mt-1 {
   margin-top: calc(1 * var(--onix-space-xs));
}

.pb-1 {
   padding-bottom: calc(1 * var(--onix-space-xs));
}

.mb-1 {
   margin-bottom: calc(1 * var(--onix-space-xs));
}

.pl-1 {
   padding-left: calc(1 * var(--onix-space-xs));
}

.ml-1 {
   margin-left: calc(1 * var(--onix-space-xs));
}

.pr-1 {
   padding-right: calc(1 * var(--onix-space-xs));
}

.mr-1 {
   margin-right: calc(1 * var(--onix-space-xs));
}

.px-1 {
   padding-right: calc(1 * var(--onix-space-xs));
   padding-left: calc(1 * var(--onix-space-xs));
}

.mx-1 {
   margin-right: calc(1 * var(--onix-space-xs));
   margin-left: calc(1 * var(--onix-space-xs));
}

.py-1 {
   padding-top: calc(1 * var(--onix-space-xs));
   padding-bottom: calc(1 * var(--onix-space-xs));
}

.my-1 {
   margin-top: calc(1 * var(--onix-space-xs));
   margin-bottom: calc(1 * var(--onix-space-xs));
}

.p-1 {
   padding: calc(1 * var(--onix-space-xs));
}

.m-1 {
   margin: calc(1 * var(--onix-space-xs));
}

.pt-2 {
   padding-top: calc(2 * var(--onix-space-xs));
}

.mt-2 {
   margin-top: calc(2 * var(--onix-space-xs));
}

.pb-2 {
   padding-bottom: calc(2 * var(--onix-space-xs));
}

.mb-2 {
   margin-bottom: calc(2 * var(--onix-space-xs));
}

.pl-2 {
   padding-left: calc(2 * var(--onix-space-xs));
}

.ml-2 {
   margin-left: calc(2 * var(--onix-space-xs));
}

.pr-2 {
   padding-right: calc(2 * var(--onix-space-xs));
}

.mr-2 {
   margin-right: calc(2 * var(--onix-space-xs));
}

.px-2 {
   padding-right: calc(2 * var(--onix-space-xs));
   padding-left: calc(2 * var(--onix-space-xs));
}

.mx-2 {
   margin-right: calc(2 * var(--onix-space-xs));
   margin-left: calc(2 * var(--onix-space-xs));
}

.py-2 {
   padding-top: calc(2 * var(--onix-space-xs));
   padding-bottom: calc(2 * var(--onix-space-xs));
}

.my-2 {
   margin-top: calc(2 * var(--onix-space-xs));
   margin-bottom: calc(2 * var(--onix-space-xs));
}

.p-2 {
   padding: calc(2 * var(--onix-space-xs));
}

.m-2 {
   margin: calc(2 * var(--onix-space-xs));
}

.pt-3 {
   padding-top: calc(3 * var(--onix-space-xs));
}

.mt-3 {
   margin-top: calc(3 * var(--onix-space-xs));
}

.pb-3 {
   padding-bottom: calc(3 * var(--onix-space-xs));
}

.mb-3 {
   margin-bottom: calc(3 * var(--onix-space-xs));
}

.pl-3 {
   padding-left: calc(3 * var(--onix-space-xs));
}

.ml-3 {
   margin-left: calc(3 * var(--onix-space-xs));
}

.pr-3 {
   padding-right: calc(3 * var(--onix-space-xs));
}

.mr-3 {
   margin-right: calc(3 * var(--onix-space-xs));
}

.px-3 {
   padding-right: calc(3 * var(--onix-space-xs));
   padding-left: calc(3 * var(--onix-space-xs));
}

.mx-3 {
   margin-right: calc(3 * var(--onix-space-xs));
   margin-left: calc(3 * var(--onix-space-xs));
}

.py-3 {
   padding-top: calc(3 * var(--onix-space-xs));
   padding-bottom: calc(3 * var(--onix-space-xs));
}

.my-3 {
   margin-top: calc(3 * var(--onix-space-xs));
   margin-bottom: calc(3 * var(--onix-space-xs));
}

.p-3 {
   padding: calc(3 * var(--onix-space-xs));
}

.m-3 {
   margin: calc(3 * var(--onix-space-xs));
}

.pt-4 {
   padding-top: calc(4 * var(--onix-space-xs));
}

.mt-4 {
   margin-top: calc(4 * var(--onix-space-xs));
}

.pb-4 {
   padding-bottom: calc(4 * var(--onix-space-xs));
}

.mb-4 {
   margin-bottom: calc(4 * var(--onix-space-xs));
}

.pl-4 {
   padding-left: calc(4 * var(--onix-space-xs));
}

.ml-4 {
   margin-left: calc(4 * var(--onix-space-xs));
}

.pr-4 {
   padding-right: calc(4 * var(--onix-space-xs));
}

.mr-4 {
   margin-right: calc(4 * var(--onix-space-xs));
}

.px-4 {
   padding-right: calc(4 * var(--onix-space-xs));
   padding-left: calc(4 * var(--onix-space-xs));
}

.mx-4 {
   margin-right: calc(4 * var(--onix-space-xs));
   margin-left: calc(4 * var(--onix-space-xs));
}

.py-4 {
   padding-top: calc(4 * var(--onix-space-xs));
   padding-bottom: calc(4 * var(--onix-space-xs));
}

.my-4 {
   margin-top: calc(4 * var(--onix-space-xs));
   margin-bottom: calc(4 * var(--onix-space-xs));
}

.p-4 {
   padding: calc(4 * var(--onix-space-xs));
}

.m-4 {
   margin: calc(4 * var(--onix-space-xs));
}

.pt-5 {
   padding-top: calc(5 * var(--onix-space-xs));
}

.mt-5 {
   margin-top: calc(5 * var(--onix-space-xs));
}

.pb-5 {
   padding-bottom: calc(5 * var(--onix-space-xs));
}

.mb-5 {
   margin-bottom: calc(5 * var(--onix-space-xs));
}

.pl-5 {
   padding-left: calc(5 * var(--onix-space-xs));
}

.ml-5 {
   margin-left: calc(5 * var(--onix-space-xs));
}

.pr-5 {
   padding-right: calc(5 * var(--onix-space-xs));
}

.mr-5 {
   margin-right: calc(5 * var(--onix-space-xs));
}

.px-5 {
   padding-right: calc(5 * var(--onix-space-xs));
   padding-left: calc(5 * var(--onix-space-xs));
}

.mx-5 {
   margin-right: calc(5 * var(--onix-space-xs));
   margin-left: calc(5 * var(--onix-space-xs));
}

.py-5 {
   padding-top: calc(5 * var(--onix-space-xs));
   padding-bottom: calc(5 * var(--onix-space-xs));
}

.my-5 {
   margin-top: calc(5 * var(--onix-space-xs));
   margin-bottom: calc(5 * var(--onix-space-xs));
}

.p-5 {
   padding: calc(5 * var(--onix-space-xs));
}

.m-5 {
   margin: calc(5 * var(--onix-space-xs));
}

.pt-6 {
   padding-top: calc(6 * var(--onix-space-xs));
}

.mt-6 {
   margin-top: calc(6 * var(--onix-space-xs));
}

.pb-6 {
   padding-bottom: calc(6 * var(--onix-space-xs));
}

.mb-6 {
   margin-bottom: calc(6 * var(--onix-space-xs));
}

.pl-6 {
   padding-left: calc(6 * var(--onix-space-xs));
}

.ml-6 {
   margin-left: calc(6 * var(--onix-space-xs));
}

.pr-6 {
   padding-right: calc(6 * var(--onix-space-xs));
}

.mr-6 {
   margin-right: calc(6 * var(--onix-space-xs));
}

.px-6 {
   padding-right: calc(6 * var(--onix-space-xs));
   padding-left: calc(6 * var(--onix-space-xs));
}

.mx-6 {
   margin-right: calc(6 * var(--onix-space-xs));
   margin-left: calc(6 * var(--onix-space-xs));
}

.py-6 {
   padding-top: calc(6 * var(--onix-space-xs));
   padding-bottom: calc(6 * var(--onix-space-xs));
}

.my-6 {
   margin-top: calc(6 * var(--onix-space-xs));
   margin-bottom: calc(6 * var(--onix-space-xs));
}

.p-6 {
   padding: calc(6 * var(--onix-space-xs));
}

.m-6 {
   margin: calc(6 * var(--onix-space-xs));
}

.pt-7 {
   padding-top: calc(7 * var(--onix-space-xs));
}

.mt-7 {
   margin-top: calc(7 * var(--onix-space-xs));
}

.pb-7 {
   padding-bottom: calc(7 * var(--onix-space-xs));
}

.mb-7 {
   margin-bottom: calc(7 * var(--onix-space-xs));
}

.pl-7 {
   padding-left: calc(7 * var(--onix-space-xs));
}

.ml-7 {
   margin-left: calc(7 * var(--onix-space-xs));
}

.pr-7 {
   padding-right: calc(7 * var(--onix-space-xs));
}

.mr-7 {
   margin-right: calc(7 * var(--onix-space-xs));
}

.px-7 {
   padding-right: calc(7 * var(--onix-space-xs));
   padding-left: calc(7 * var(--onix-space-xs));
}

.mx-7 {
   margin-right: calc(7 * var(--onix-space-xs));
   margin-left: calc(7 * var(--onix-space-xs));
}

.py-7 {
   padding-top: calc(7 * var(--onix-space-xs));
   padding-bottom: calc(7 * var(--onix-space-xs));
}

.my-7 {
   margin-top: calc(7 * var(--onix-space-xs));
   margin-bottom: calc(7 * var(--onix-space-xs));
}

.p-7 {
   padding: calc(7 * var(--onix-space-xs));
}

.m-7 {
   margin: calc(7 * var(--onix-space-xs));
}

.pt-8 {
   padding-top: calc(8 * var(--onix-space-xs));
}

.mt-8 {
   margin-top: calc(8 * var(--onix-space-xs));
}

.pb-8 {
   padding-bottom: calc(8 * var(--onix-space-xs));
}

.mb-8 {
   margin-bottom: calc(8 * var(--onix-space-xs));
}

.pl-8 {
   padding-left: calc(8 * var(--onix-space-xs));
}

.ml-8 {
   margin-left: calc(8 * var(--onix-space-xs));
}

.pr-8 {
   padding-right: calc(8 * var(--onix-space-xs));
}

.mr-8 {
   margin-right: calc(8 * var(--onix-space-xs));
}

.px-8 {
   padding-right: calc(8 * var(--onix-space-xs));
   padding-left: calc(8 * var(--onix-space-xs));
}

.mx-8 {
   margin-right: calc(8 * var(--onix-space-xs));
   margin-left: calc(8 * var(--onix-space-xs));
}

.py-8 {
   padding-top: calc(8 * var(--onix-space-xs));
   padding-bottom: calc(8 * var(--onix-space-xs));
}

.my-8 {
   margin-top: calc(8 * var(--onix-space-xs));
   margin-bottom: calc(8 * var(--onix-space-xs));
}

.p-8 {
   padding: calc(8 * var(--onix-space-xs));
}

.m-8 {
   margin: calc(8 * var(--onix-space-xs));
}

.pt-9 {
   padding-top: calc(9 * var(--onix-space-xs));
}

.mt-9 {
   margin-top: calc(9 * var(--onix-space-xs));
}

.pb-9 {
   padding-bottom: calc(9 * var(--onix-space-xs));
}

.mb-9 {
   margin-bottom: calc(9 * var(--onix-space-xs));
}

.pl-9 {
   padding-left: calc(9 * var(--onix-space-xs));
}

.ml-9 {
   margin-left: calc(9 * var(--onix-space-xs));
}

.pr-9 {
   padding-right: calc(9 * var(--onix-space-xs));
}

.mr-9 {
   margin-right: calc(9 * var(--onix-space-xs));
}

.px-9 {
   padding-right: calc(9 * var(--onix-space-xs));
   padding-left: calc(9 * var(--onix-space-xs));
}

.mx-9 {
   margin-right: calc(9 * var(--onix-space-xs));
   margin-left: calc(9 * var(--onix-space-xs));
}

.py-9 {
   padding-top: calc(9 * var(--onix-space-xs));
   padding-bottom: calc(9 * var(--onix-space-xs));
}

.my-9 {
   margin-top: calc(9 * var(--onix-space-xs));
   margin-bottom: calc(9 * var(--onix-space-xs));
}

.p-9 {
   padding: calc(9 * var(--onix-space-xs));
}

.m-9 {
   margin: calc(9 * var(--onix-space-xs));
}

.pt-10 {
   padding-top: calc(10 * var(--onix-space-xs));
}

.mt-10 {
   margin-top: calc(10 * var(--onix-space-xs));
}

.pb-10 {
   padding-bottom: calc(10 * var(--onix-space-xs));
}

.mb-10 {
   margin-bottom: calc(10 * var(--onix-space-xs));
}

.pl-10 {
   padding-left: calc(10 * var(--onix-space-xs));
}

.ml-10 {
   margin-left: calc(10 * var(--onix-space-xs));
}

.pr-10 {
   padding-right: calc(10 * var(--onix-space-xs));
}

.mr-10 {
   margin-right: calc(10 * var(--onix-space-xs));
}

.px-10 {
   padding-right: calc(10 * var(--onix-space-xs));
   padding-left: calc(10 * var(--onix-space-xs));
}

.mx-10 {
   margin-right: calc(10 * var(--onix-space-xs));
   margin-left: calc(10 * var(--onix-space-xs));
}

.py-10 {
   padding-top: calc(10 * var(--onix-space-xs));
   padding-bottom: calc(10 * var(--onix-space-xs));
}

.my-10 {
   margin-top: calc(10 * var(--onix-space-xs));
   margin-bottom: calc(10 * var(--onix-space-xs));
}

.p-10 {
   padding: calc(10 * var(--onix-space-xs));
}

.m-10 {
   margin: calc(10 * var(--onix-space-xs));
}

.pointer {
   cursor: pointer;
}

.list-none {
   list-style: none;
}

.position-relative {
   position: relative;
}

.position-fixed {
   position: fixed;
}

.position-sticky {
   position: sticky;
}

.position-absolute {
   position: absolute;
}

.transition {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.content-box {
   box-sizing: content-box;
}

.border-box {
   box-sizing: border-box;
}

.object-cover {
   object-fit: cover;
}

.user-select-none {
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.circle-divider {
   width: var(--onix-space-xs);
   height: var(--onix-space-xs);
   border-radius: var(--onix-radius-pill);
   background-color: var(--onix-neutral-300);
}