.bg-gray {
  background: #efefef; }

/* Buttons  ___________________
_______________________________*/
.button, .user-block .button-closeAccount,
.user-block .button-save,
.user-block .button-cancel,
.user-block .button-update {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  max-width: 290px;
  height: 60px;
  line-height: 60px;
  padding-inline: 5px;
  overflow: hidden;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
  background: #04234b;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .button > *, .user-block .button-closeAccount > *, .user-block .button-save > *, .user-block .button-cancel > *, .user-block .button-update > * {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .button img, .user-block .button-closeAccount img, .user-block .button-save img, .user-block .button-cancel img, .user-block .button-update img {
    display: inline-block;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 12px; }
  .button img.arrow-down, .user-block .button-closeAccount img.arrow-down, .user-block .button-save img.arrow-down, .user-block .button-cancel img.arrow-down, .user-block .button-update img.arrow-down {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .button:hover, .user-block .button-closeAccount:hover,
  .user-block .button-save:hover,
  .user-block .button-cancel:hover,
  .user-block .button-update:hover, .button:focus-visible, .user-block .button-closeAccount:focus-visible,
  .user-block .button-save:focus-visible,
  .user-block .button-cancel:focus-visible,
  .user-block .button-update:focus-visible {
    background: #ffd119;
    color: #fff; }

.font-larger {
  font-size: larger; }

/* Category Description __________
________________________________*/
.category-description {
  position: relative;
  padding-block: 35px; }
  @media only screen and (max-width: 1000px) {
    .category-description {
      padding-block: 0; } }
  .category-description p {
    line-height: 1.7; }
    .category-description p:last-of-type {
      margin-bottom: 0; }

/* Category Wrapper _____________
________________________________*/
.category-wrapper {
  position: relative;
  padding-bottom: 100px; }

.category-products-grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(20px, 1.5vw, 30px); }
  @media only screen and (max-width: 1500px) {
    .category-products-grid {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr); } }
  @media only screen and (max-width: 1100px) {
    .category-products-grid {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (max-width: 740px) {
    .category-products-grid {
      gap: 15px; } }
  @media only screen and (max-width: 420px) {
    .category-products-grid {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; } }
  .category-products-grid .gc_MiniProduct {
    position: relative; }
    .category-products-grid .gc_MiniProduct .gc_MiniProduct__imageWrap {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: #f1f1f1;
      height: clamp(250px, 15vw, 320px); }
      @media only screen and (max-width: 768px) {
        .category-products-grid .gc_MiniProduct .gc_MiniProduct__imageWrap {
          height: 200px; } }
      @media only screen and (max-width: 520px) {
        .category-products-grid .gc_MiniProduct .gc_MiniProduct__imageWrap {
          height: 150px; } }
      @media only screen and (max-width: 420px) {
        .category-products-grid .gc_MiniProduct .gc_MiniProduct__imageWrap {
          height: 200px; } }
      .category-products-grid .gc_MiniProduct .gc_MiniProduct__imageWrap img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        margin: 0 auto;
        -o-object-fit: cover;
        object-fit: cover; }
    .category-products-grid .gc_MiniProduct .gc_MiniProduct__outOfStock {
      position: absolute;
      left: 10px;
      bottom: 10px;
      z-index: 1;
      background: #fff;
      color: #04234b;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.08em;
      padding: 10px 20px; }
      @media only screen and (max-width: 740px) {
        .category-products-grid .gc_MiniProduct .gc_MiniProduct__outOfStock {
          font-size: 12px;
          padding: 10px 15px; } }
    .category-products-grid .gc_MiniProduct .gc_MiniProduct__info {
      padding-block: 25px;
      padding-inline: 3px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 15px; }
      @media only screen and (max-width: 520px) {
        .category-products-grid .gc_MiniProduct .gc_MiniProduct__info {
          padding-block: 15px; } }
      .category-products-grid .gc_MiniProduct .gc_MiniProduct__info .gc_MiniProduct__qtyWrap {
        display: none; }
    .category-products-grid .gc_MiniProduct .gc_MiniProduct__name {
      display: block;
      font-size: 24px;
      font-weight: bold;
      color: #04234b;
      font-family: "Eczar", serif;
      margin: 0 0 10px;
      line-height: 1.3;
      letter-spacing: 0.02em; }
      @media only screen and (max-width: 1100px) {
        .category-products-grid .gc_MiniProduct .gc_MiniProduct__name {
          font-size: 20px; } }
      @media only screen and (max-width: 480px) {
        .category-products-grid .gc_MiniProduct .gc_MiniProduct__name {
          font-size: 18px; } }
    .category-products-grid .gc_MiniProduct .gc_MiniProduct__price {
      display: block;
      font-size: 18px;
      font-weight: 600;
      color: #04234b;
      letter-spacing: 0.05em; }
      @media only screen and (max-width: 1100px) {
        .category-products-grid .gc_MiniProduct .gc_MiniProduct__price {
          font-size: 16px; } }
    .category-products-grid .gc_MiniProduct .gc_MiniProduct__links {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      margin-left: auto; }
    .category-products-grid .gc_MiniProduct .gc_MiniProduct__addToCart {
      display: block;
      background-color: #ffd119;
      color: #04234b;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: none;
      outline: none;
      cursor: pointer;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .category-products-grid .gc_MiniProduct .gc_MiniProduct__addToCart .plus {
        display: block;
        position: relative;
        width: 100%;
        height: 100%; }
        .category-products-grid .gc_MiniProduct .gc_MiniProduct__addToCart .plus::before, .category-products-grid .gc_MiniProduct .gc_MiniProduct__addToCart .plus::after {
          content: "";
          position: absolute;
          background: #04234b;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        .category-products-grid .gc_MiniProduct .gc_MiniProduct__addToCart .plus::before {
          width: 15px;
          height: 3px; }
        .category-products-grid .gc_MiniProduct .gc_MiniProduct__addToCart .plus::after {
          height: 15px;
          width: 3px; }
      .category-products-grid .gc_MiniProduct .gc_MiniProduct__addToCart:hover {
        background-color: rgba(255, 209, 25, 0.8); }

.gc_pageOptions {
  display: block; }
  .gc_pageOptions .gc_pagination .page_pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px; }
    .gc_pageOptions .gc_pagination .page_pagination .page_current,
    .gc_pageOptions .gc_pagination .page_pagination .page_link {
      display: block;
      font-size: 17px;
      font-weight: 600;
      padding: 0 12px; }
      .gc_pageOptions .gc_pagination .page_pagination .page_current a,
      .gc_pageOptions .gc_pagination .page_pagination .page_link a {
        display: block;
        color: #04234b;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .gc_pageOptions .gc_pagination .page_pagination .page_current a:hover,
        .gc_pageOptions .gc_pagination .page_pagination .page_link a:hover {
          color: #ffd119; }
    .gc_pageOptions .gc_pagination .page_pagination .page_current {
      cursor: not-allowed;
      color: #1c61ba; }
    .gc_pageOptions .gc_pagination .page_pagination .page_previous,
    .gc_pageOptions .gc_pagination .page_pagination .page_next {
      display: block;
      color: #04234b;
      letter-spacing: 0.03em;
      font-weight: 600;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .gc_pageOptions .gc_pagination .page_pagination .page_previous a,
      .gc_pageOptions .gc_pagination .page_pagination .page_next a {
        color: inherit;
        -webkit-transition: inherit;
        -o-transition: inherit;
        transition: inherit; }
        .gc_pageOptions .gc_pagination .page_pagination .page_previous a:hover,
        .gc_pageOptions .gc_pagination .page_pagination .page_next a:hover {
          color: #ffd119; }
      .gc_pageOptions .gc_pagination .page_pagination .page_previous.page_previous_off,
      .gc_pageOptions .gc_pagination .page_pagination .page_next.page_previous_off {
        cursor: not-allowed; }

.category-filter-wrap {
  position: relative;
  border-top: 2px solid #b9b9b9;
  border-bottom: 2px solid #b9b9b9;
  padding-block: 25px; }
  @media only screen and (max-width: 1320px) {
    .category-filter-wrap {
      padding-block: 20px; } }
  .category-filter-wrap .site-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 25px; }
    @media only screen and (max-width: 1280px) {
      .category-filter-wrap .site-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 20px; } }
  .category-filter-wrap .category-filter-toggle,
  .category-filter-wrap .gc_productResultsCount,
  .category-filter-wrap .gc_pageSort {
    font-size: clamp(17px, 1.8vw, 18px);
    font-weight: bold;
    color: #04234b;
    text-transform: uppercase;
    letter-spacing: 0.15em; }
    .category-filter-wrap .category-filter-toggle img,
    .category-filter-wrap .gc_productResultsCount img,
    .category-filter-wrap .gc_pageSort img {
      display: inline-block;
      max-width: 20px;
      -o-object-fit: contain;
      object-fit: contain;
      vertical-align: middle; }
  .category-filter-wrap .category-filter-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    border: 2px solid #edeeec;
    padding: 15px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .category-filter-wrap .category-filter-toggle:hover {
      color: #04234b; }
  .category-filter-wrap .gc_productResultsCount {
    text-align: center; }
    @media only screen and (max-width: 1280px) {
      .category-filter-wrap .gc_productResultsCount {
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1; } }
  .category-filter-wrap .gc_pageSort {
    position: relative; }
    .category-filter-wrap .gc_pageSort .gc_pageSort__label {
      display: none;
      visibility: hidden;
      opacity: 0; }
    .category-filter-wrap .gc_pageSort .gc_pageSort__options {
      padding: 0;
      margin: 0;
      border: none;
      background: #fff;
      color: #04234b;
      font-size: clamp(17px, 1.8vw, 18px);
      font-weight: bold;
      font-family: inherit;
      letter-spacing: 0.15em;
      cursor: pointer;
      width: 300px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-image: url("/Content/images/icons/icon-chevron-down.png");
      background-repeat: no-repeat;
      background-position: center right 10px;
      background-size: 20px;
      border: 2px solid #edeeec;
      padding: 16px 15px;
      font-family: inherit; }

.js-productcat-msg-placeholder {
  margin: 0;
  line-height: 0; }

.gc_SidebarFilters {
  display: none;
  margin: 0;
  left: 0 !important;
  width: Min(100%, 450px) !important;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  height: 100dvh !important;
  background: #fff;
  -webkit-animation: 0.6s slideOutLeftPopup forwards;
  animation: 0.6s slideOutLeftPopup forwards; }
  .gc_SidebarFilters .gc_SidebarFilters-inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .gc_SidebarFilters .gc_SidebarFilters-inner .filters-contain {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding: 50px 30px 25px 30px;
      padding-inline: 0;
      overflow-y: auto;
      scrollbar-width: thin !important; }
  .gc_SidebarFilters .js-popup-filter-close {
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    background: #fff;
    border: none;
    cursor: pointer;
    padding: 15px 30px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99999; }
    .gc_SidebarFilters .js-popup-filter-close span {
      position: relative;
      display: block;
      width: 25px;
      height: 25px;
      color: #b8b8b8; }
      .gc_SidebarFilters .js-popup-filter-close span::before, .gc_SidebarFilters .js-popup-filter-close span::after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 2px;
        margin: auto;
        background: currentColor;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .gc_SidebarFilters .js-popup-filter-close span::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .gc_SidebarFilters .js-popup-filter-close span::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .gc_SidebarFilters .js-popup-filter-close span:hover {
        color: #04234b; }
  .gc_SidebarFilters .sticky-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    width: 100%;
    background: white;
    padding: 12px 30px;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.3); }
    .gc_SidebarFilters .sticky-controls button {
      margin: 0;
      font-size: 1rem;
      padding: 0 12px;
      font-weight: bold;
      height: 40px;
      line-height: 40px;
      width: auto; }
      .gc_SidebarFilters .sticky-controls button.clear-btn {
        background: none;
        height: auto;
        border: none;
        line-height: 1.3;
        cursor: pointer;
        color: #d6001f; }
        .gc_SidebarFilters .sticky-controls button.clear-btn:hover {
          -webkit-filter: brightness(0.7);
          filter: brightness(0.7); }
  .gc_SidebarFilters .gc_ProductFilter {
    position: relative;
    border-bottom: 2px solid #e5e9ed;
    padding-inline: 35px; }
    .gc_SidebarFilters .gc_ProductFilter[data-filterid="3"] {
      border-top: 2px solid #e5e9ed;
      margin-top: 10px; }
    .gc_SidebarFilters .gc_ProductFilter[data-filterid="999"] {
      display: none; }
    .gc_SidebarFilters .gc_ProductFilter__list {
      list-style: none;
      padding: 0;
      margin: 0 0 30px; }
    .gc_SidebarFilters .gc_ProductFilter__headingWrap {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      left: 0;
      z-index: 999;
      background: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-block: 15px;
      margin-block: 15px;
      cursor: pointer; }
      .gc_SidebarFilters .gc_ProductFilter__headingWrap button {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: none;
        outline: none;
        background: transparent;
        color: #1c61ba;
        font-size: 20px;
        font-weight: bold;
        line-height: 1;
        z-index: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .gc_SidebarFilters .gc_ProductFilter__headingWrap button .expand,
        .gc_SidebarFilters .gc_ProductFilter__headingWrap button .collapse {
          position: absolute;
          right: 0;
          top: 10px;
          display: block;
          width: 30px;
          height: 30px;
          font-size: 25px; }
        .gc_SidebarFilters .gc_ProductFilter__headingWrap button.is-collapsed .expand {
          display: none; }
        .gc_SidebarFilters .gc_ProductFilter__headingWrap button.is-expanded .collapse {
          display: none; }
      .gc_SidebarFilters .gc_ProductFilter__headingWrap .gc_ProductFilterHeading {
        font-size: 20px;
        font-weight: 600;
        font-family: "Eczar", serif;
        color: #04234b;
        padding-left: 5px;
        padding-right: 30px;
        text-transform: capitalize;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        @media only screen and (max-width: 1280px) {
          .gc_SidebarFilters .gc_ProductFilter__headingWrap .gc_ProductFilterHeading {
            font-size: 16px; } }
        .gc_SidebarFilters .gc_ProductFilter__headingWrap .gc_ProductFilterHeading em {
          font-size: 14px;
          font-weight: normal; }
      .gc_SidebarFilters .gc_ProductFilter__headingWrap:hover button {
        color: #04234b; }
      .gc_SidebarFilters .gc_ProductFilter__headingWrap:hover .gc_ProductFilterHeading {
        color: #04234b; }
    .gc_SidebarFilters .gc_ProductFilter__clear {
      display: block;
      font-size: 14px;
      padding: 5px 10px;
      background: #d6001f;
      color: #fff;
      outline: none;
      border: none;
      border-radius: 5px;
      margin-bottom: 10px;
      cursor: pointer;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .gc_SidebarFilters .gc_ProductFilter__clear:hover {
        background: #04234b; }
    .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-block: 8px; }
      .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__label {
        position: relative;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        margin-bottom: 0;
        padding-inline: 5px; }
      .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__label input {
        display: none; }
      .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem input[type="radio"],
      .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem input[type="checkbox"] {
        display: none; }
        .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem input[type="radio"]:checked ~ .checkbox,
        .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem input[type="checkbox"]:checked ~ .checkbox {
          background: #1c61ba;
          border-color: #04234b; }
          .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem input[type="radio"]:checked ~ .checkbox::before,
          .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem input[type="checkbox"]:checked ~ .checkbox::before {
            -webkit-transform: translate(-50%, -50%) scale(1);
            -ms-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
      .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__checkbox {
        position: relative;
        display: block;
        width: 20px;
        height: 20px;
        border: 1.5px solid #1c61ba;
        background: #fff;
        border-radius: 5px;
        cursor: pointer;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: auto; }
        .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__checkbox::before {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%) scale(0);
          -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
          border-radius: 50%;
          width: 15px;
          height: 15px;
          background: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' focusable='false' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style=''%3e%3cpath fill='%23fff' d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z' class=''%3e%3c/path%3e%3c/svg%3e") center no-repeat;
          background-size: 100%;
          -webkit-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__info {
        line-height: 1; }
        .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__info--customPrice {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 10px; }
          .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__info--customPrice > span {
            color: #ffd119;
            font-family: inherit;
            font-size: 16px;
            font-weight: 600;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 5px;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 0px;
            flex: 1 1 0; }
            .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__info--customPrice > span.gc_ProductFilterItem__customPriceTo {
              -webkit-box-flex: unset;
              -ms-flex: unset;
              flex: unset;
              max-width: -webkit-max-content;
              max-width: -moz-max-content;
              max-width: max-content; }
          .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__info--customPrice input {
            width: 100%;
            height: 50px;
            border: 2px solid #858897;
            border-radius: 5px;
            font-family: inherit;
            letter-spacing: 0.05em;
            outline: none;
            color: #ffd119;
            font-size: 16px;
            padding: 5px; }
          .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__info--customPrice input[type="number"] {
            -moz-appearance: textfield; }
          .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__info--customPrice button {
            display: block;
            width: 60px;
            height: 50px;
            font-family: inherit;
            background: #04234b;
            color: #fff;
            border: none;
            border-radius: 5px;
            outline: none;
            font-weight: bold;
            cursor: pointer;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__info--customPrice button:hover {
              background: #ffd119; }
      .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__textWrap {
        display: block;
        line-height: 1.2;
        font-size: 15px;
        color: #04234b; }
      .gc_SidebarFilters .gc_ProductFilter .gc_ProductFilterItem__count {
        font-weight: 400; }
    .gc_SidebarFilters .gc_ProductFilter[data-filterid="999"] .gc_ProductFilterItem__checkbox {
      display: none; }

.js-ApplyFilter {
  display: block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  background: #04234b;
  text-align: center;
  color: #fff;
  border: none;
  outline: none;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .js-ApplyFilter:hover {
    background: #ffd119; }

@-webkit-keyframes slideOutLeftPopup {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideOutLeftPopup {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes slideOutPopup {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideOutPopup {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

/* Product Filter Product Selection ______
________________________________________*/
.gc_SelectedFilters {
  position: relative;
  margin-block: 35px 0; }
  @media only screen and (max-width: 480px) {
    .gc_SelectedFilters {
      margin-block: 25px 0; } }
  .gc_SelectedFilters .filter-headline {
    position: relative;
    color: #0a1c1b;
    font-weight: bold;
    font-size: 20px;
    font-family: "Eczar", serif;
    letter-spacing: 0.02em; }
    @media only screen and (max-width: 640px) {
      .gc_SelectedFilters .filter-headline {
        width: 100%;
        margin-bottom: 10px; } }
  .gc_SelectedFilters .gc_SelectedFilters-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px; }
    @media only screen and (max-width: 480px) {
      .gc_SelectedFilters .gc_SelectedFilters-wrap {
        gap: 7px; } }
    .gc_SelectedFilters .gc_SelectedFilters-wrap .gc_ClearFilterOpt {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 5px; }
      .gc_SelectedFilters .gc_SelectedFilters-wrap .gc_ClearFilterOpt.clear-all .FilterOpt {
        background: #d8d8d8;
        color: black; }
      .gc_SelectedFilters .gc_SelectedFilters-wrap .gc_ClearFilterOpt .FilterOpt {
        display: block;
        border-radius: 20px;
        background: #04234b;
        color: #fff;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 5px 20px;
        padding-right: 30px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.03em;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; }
        @media only screen and (max-width: 480px) {
          .gc_SelectedFilters .gc_SelectedFilters-wrap .gc_ClearFilterOpt .FilterOpt {
            font-size: 13px; } }
        .gc_SelectedFilters .gc_SelectedFilters-wrap .gc_ClearFilterOpt .FilterOpt::after {
          content: "+";
          display: inline-block;
          position: absolute;
          right: 10px;
          top: 52%;
          -webkit-transform: translateY(-50%) rotate(45deg);
          -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
          color: #858897;
          font-weight: 500;
          font-size: 18px;
          line-height: 1;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
      .gc_SelectedFilters .gc_SelectedFilters-wrap .gc_ClearFilterOpt button {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: none;
        outline: none;
        border: none;
        z-index: 1;
        cursor: pointer; }
      .gc_SelectedFilters .gc_SelectedFilters-wrap .gc_ClearFilterOpt:hover .FilterOpt {
        background: #ffd119;
        color: #000; }

/* Products Wrapper ______________________
__________________________________________*/
.product-wrapper {
  position: relative;
  padding-block: 50px 70px; }
  @media only screen and (max-width: 1150px) {
    .product-wrapper {
      padding-block: 35px 50px; } }
  .product-wrapper .site-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40fr 60fr;
    grid-template-columns: 40fr 60fr;
    gap: clamp(50px, 10vw, 100px); }
    @media only screen and (max-width: 1150px) {
      .product-wrapper .site-wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 50px; } }
    @media only screen and (max-width: 740px) {
      .product-wrapper .site-wrapper {
        gap: 35px; } }
    .product-wrapper .site-wrapper .product-image-wrap .gc_productDeetsImgMain {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media only screen and (min-width: 1151px) {
        .product-wrapper .site-wrapper .product-image-wrap .gc_productDeetsImgMain {
          position: -webkit-sticky;
          position: sticky;
          top: 0; } }
      .product-wrapper .site-wrapper .product-image-wrap .gc_productDeetsImgMain img {
        display: block;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain; }
        @media only screen and (max-width: 1150px) {
          .product-wrapper .site-wrapper .product-image-wrap .gc_productDeetsImgMain img {
            max-height: 420px; } }
    .product-wrapper .site-wrapper .product-detail-wrap {
      padding-block: 20px; }
      .product-wrapper .site-wrapper .product-detail-wrap h1 {
        font-size: clamp(35px, 5vw, 60px);
        font-weight: bold;
        margin: 0 0 15px; }
      .product-wrapper .site-wrapper .product-detail-wrap h2 {
        color: #1c61ba;
        font-size: clamp(20px, 3vw, 24px);
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: 0.01em; }
      .product-wrapper .site-wrapper .product-detail-wrap .gc_pdRealPrice-wrap {
        margin-block: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 25px; }
        .product-wrapper .site-wrapper .product-detail-wrap .gc_pdRealPrice-wrap .gc_pdRealPrice {
          display: block;
          font-size: clamp(25px, 2vw, 30px);
          color: #04234b;
          font-weight: bold; }
      .product-wrapper .site-wrapper .product-detail-wrap .gc_outOfStockMessage {
        display: inline-block;
        font-family: "Eczar", serif;
        letter-spacing: 0.07em;
        font-size: 14px;
        font-weight: bold;
        background: #04234b;
        color: #fff;
        padding: 5px 10px 3px;
        line-height: 1.5; }
      .product-wrapper .site-wrapper .product-detail-wrap .gc_productFullDescription {
        margin-block: 25px; }
        .product-wrapper .site-wrapper .product-detail-wrap .gc_productFullDescription p {
          color: #04234b;
          line-height: 2; }
        .product-wrapper .site-wrapper .product-detail-wrap .gc_productFullDescription p:has(.locationBtn, .CtaBtn) {
          display: none !important;
          visibility: hidden; }
      .product-wrapper .site-wrapper .product-detail-wrap .prod-pickup {
        position: relative;
        display: block;
        font-size: 18px;
        margin-block: 35px 25px;
        line-height: 1.7;
        padding-left: 35px; }
        .product-wrapper .site-wrapper .product-detail-wrap .prod-pickup img {
          position: absolute;
          left: 0;
          top: 7px;
          display: inline-block;
          -o-object-fit: contain;
          object-fit: contain;
          max-width: 100%;
          vertical-align: middle; }
        .product-wrapper .site-wrapper .product-detail-wrap .prod-pickup a {
          color: #04234b;
          text-decoration: underline; }
          .product-wrapper .site-wrapper .product-detail-wrap .prod-pickup a:hover, .product-wrapper .site-wrapper .product-detail-wrap .prod-pickup a:focus-within {
            color: #0a1c1b; }
        .product-wrapper .site-wrapper .product-detail-wrap .prod-pickup strong {
          font-family: "Eczar", serif;
          font-size: 20px;
          margin-right: 7px; }
          @media only screen and (max-width: 520px) {
            .product-wrapper .site-wrapper .product-detail-wrap .prod-pickup strong {
              font-size: 18px; } }
        .product-wrapper .site-wrapper .product-detail-wrap .prod-pickup address {
          display: inline-block;
          font-size: 18px;
          color: #04234b;
          line-height: 1.4;
          margin-top: 5px; }
          @media only screen and (max-width: 520px) {
            .product-wrapper .site-wrapper .product-detail-wrap .prod-pickup address {
              font-size: 16px; } }
      .product-wrapper .site-wrapper .product-detail-wrap .gc_purchase-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 25px;
        margin-block: 20px 50px; }
      .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY {
        padding: 10px 20px;
        border: 2px solid #e8e7e7;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        /* Chrome, Safari, Edge, Opera */
        /* Firefox */ }
        .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY input {
          display: block;
          border: none;
          outline: none;
          font-family: inherit;
          color: #04234b;
          font-weight: bold;
          font-size: 24px;
          width: 40px;
          text-align: center; }
        .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY input::-webkit-outer-spin-button,
        .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
        .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY input[type="number"] {
          -moz-appearance: textfield; }
        .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY .item-minus,
        .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY .item-plus {
          display: block;
          width: 40px;
          height: 40px;
          text-align: center;
          border-radius: 50%;
          cursor: pointer; }
        .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY .item-minus {
          position: relative;
          background: #e3e3e3; }
          .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY .item-minus::before {
            content: "";
            position: absolute;
            background: #04234b;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY .item-minus::before {
            width: 15px;
            height: 3px; }
        .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY .item-plus {
          position: relative;
          background: #ffd119; }
          .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY .item-plus::before, .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY .item-plus::after {
            content: "";
            position: absolute;
            background: #04234b;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY .item-plus::before {
            width: 15px;
            height: 3px; }
          .product-wrapper .site-wrapper .product-detail-wrap .gc_purchasePanelQTY .item-plus::after {
            height: 15px;
            width: 3px; }
      .product-wrapper .site-wrapper .product-detail-wrap .gc_addToCartBtn {
        display: block;
        border: none;
        outline: none;
        background: #ffd119;
        color: #04234b;
        text-align: center;
        width: 100%;
        max-width: 320px;
        height: 70px;
        line-height: 70px;
        font-size: 20px;
        font-weight: bold;
        font-family: "Eczar", serif;
        letter-spacing: 0.03em;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .product-wrapper .site-wrapper .product-detail-wrap .gc_addToCartBtn:hover {
          background: #e5b700; }
    .product-wrapper .site-wrapper .gc_prodDeetsDimensions {
      margin-top: 50px; }
      .product-wrapper .site-wrapper .gc_prodDeetsDimensions .gc_dimensionsTitle {
        display: block;
        font-size: 22px;
        font-weight: bold;
        font-family: "Eczar", serif;
        color: #04234b;
        margin: 0 0 35px;
        letter-spacing: 0.03em; }
      .product-wrapper .site-wrapper .gc_prodDeetsDimensions .gc_pdDimensionRow {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 150px 1fr;
        grid-template-columns: 150px 1fr;
        gap: 20px;
        font-size: 16px;
        color: #04234b;
        margin-bottom: 25px;
        letter-spacing: 0.03em; }
        .product-wrapper .site-wrapper .gc_prodDeetsDimensions .gc_pdDimensionRow span {
          font-weight: bold; }

.bg-gray {
  background: #efefef; }

/* Buttons  ___________________
_______________________________*/
.button, .user-block .button-closeAccount,
.user-block .button-save,
.user-block .button-cancel,
.user-block .button-update {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  max-width: 290px;
  height: 60px;
  line-height: 60px;
  padding-inline: 5px;
  overflow: hidden;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
  background: #04234b;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .button > *, .user-block .button-closeAccount > *, .user-block .button-save > *, .user-block .button-cancel > *, .user-block .button-update > * {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .button img, .user-block .button-closeAccount img, .user-block .button-save img, .user-block .button-cancel img, .user-block .button-update img {
    display: inline-block;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 12px; }
  .button img.arrow-down, .user-block .button-closeAccount img.arrow-down, .user-block .button-save img.arrow-down, .user-block .button-cancel img.arrow-down, .user-block .button-update img.arrow-down {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .button:hover, .user-block .button-closeAccount:hover,
  .user-block .button-save:hover,
  .user-block .button-cancel:hover,
  .user-block .button-update:hover, .button:focus-visible, .user-block .button-closeAccount:focus-visible,
  .user-block .button-save:focus-visible,
  .user-block .button-cancel:focus-visible,
  .user-block .button-update:focus-visible {
    background: #ffd119;
    color: #fff; }

.js-hide {
  display: none; }

.ErrorHolder .message {
  background: #d6001f;
  color: #fff;
  padding: 7px 50px;
  font-weight: 600;
  font-size: 14px;
  text-align: center; }

.back-history {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  font-size: 16px;
  font-weight: 600;
  color: #ffd119;
  text-decoration: none;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .back-history svg {
    display: block;
    width: 30px;
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    fill: #ffd119;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .back-history:hover {
    color: #0a1c1b; }
    .back-history:hover svg {
      -webkit-transform: translateX(-5px);
      -ms-transform: translateX(-5px);
      transform: translateX(-5px); }

/* User Admin Styling __________________
_______________________________________*/
.user-banner {
  position: relative;
  background: #ffd119 url("/Content/images/banner/banner-location.jpg") center/cover no-repeat;
  padding-block: 100px; }
  @media only screen and (max-width: 1280px) {
    .user-banner {
      padding-block: 70px; } }
  @media only screen and (max-width: 640px) {
    .user-banner {
      padding-block: 50px; } }
  .user-banner h1 {
    display: block;
    color: #fff;
    margin: 0;
    text-align: center;
    padding: 0 20px;
    font-size: 32px;
    font-family: "Eczar", serif;
    letter-spacing: 0.07em; }
    @media only screen and (max-width: 1280px) {
      .user-banner h1 {
        font-size: 28px; } }
    @media only screen and (max-width: 640px) {
      .user-banner h1 {
        font-size: 25px; } }

.userAccount-split {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 250px 1fr;
  grid-template-columns: 250px 1fr;
  gap: 25px;
  padding-block: 200px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }
  @media only screen and (max-width: 1280px) {
    .userAccount-split {
      -ms-grid-columns: 200px 1fr;
      grid-template-columns: 200px 1fr; } }
  @media only screen and (max-width: 1000px) {
    .userAccount-split {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 0;
      padding-block: 20px 50px; } }

.user-sideBar {
  position: relative;
  padding-block: 25px; }
  .user-sideBar #userAccountMenu {
    display: none; }
  .user-sideBar .user-accountMenu-label {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    background: #fff;
    padding: 20px 35px;
    gap: 5px;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .user-sideBar .user-accountMenu-label svg {
      display: block;
      width: 20px;
      height: 20px;
      color: inherit;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-left: auto;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .user-sideBar .user-accountMenu-label:hover {
      color: #000; }
    @media only screen and (max-width: 1000px) {
      .user-sideBar .user-accountMenu-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    @media only screen and (max-width: 640px) {
      .user-sideBar .user-accountMenu-label {
        font-size: 16px;
        padding: 20px 25px; } }
    @media only screen and (max-width: 480px) {
      .user-sideBar .user-accountMenu-label {
        font-size: 15px;
        padding: 15px 25px; } }
  .user-sideBar #userAccountMenu:checked ~ label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .user-sideBar #userAccountMenu:checked ~ label svg {
      -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      transform: rotate(-180deg); }
  .user-sideBar #userAccountMenu:checked ~ ul {
    max-height: 250px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
    @media only screen and (max-width: 640px) {
      .user-sideBar #userAccountMenu:checked ~ ul {
        max-height: 500px; } }
  .user-sideBar ul {
    list-style: none; }
    @media only screen and (max-width: 1000px) {
      .user-sideBar ul {
        background: #fff;
        padding: 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        -webkit-column-gap: 20px;
        column-gap: 20px;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; } }
    @media only screen and (max-width: 640px) {
      .user-sideBar ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 0; } }
    .user-sideBar ul li {
      margin-bottom: 25px; }
      .user-sideBar ul li:last-of-type {
        margin-bottom: 0;
        color: red; }
        .user-sideBar ul li:last-of-type:hover {
          color: #ffd119; }
      @media only screen and (max-width: 1000px) {
        .user-sideBar ul li {
          margin-bottom: 0;
          padding: 10px 35px; } }
      @media only screen and (max-width: 640px) {
        .user-sideBar ul li {
          padding: 10px 25px; } }
      .user-sideBar ul li a {
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        color: #000;
        font-weight: 600;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .user-sideBar ul li a.active {
          color: #04234b; }
        .user-sideBar ul li a svg {
          display: block;
          width: 35px;
          height: 35px;
          fill: currentColor;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .user-sideBar ul li a:hover {
          color: #04234b; }

.user-block {
  position: relative;
  background: #fff;
  padding: 35px;
  border-radius: 20px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 640px) {
    .user-block {
      padding: 25px; } }
  .user-block h2,
  .user-block h3,
  .user-block h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    letter-spacing: 0.03em;
    font-family: "Eczar", serif; }
    .user-block h2 svg,
    .user-block h3 svg,
    .user-block h4 svg {
      display: block;
      width: 35px;
      height: 35px; }
  .user-block h2 {
    color: #000;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 15px; }
    @media only screen and (max-width: 640px) {
      .user-block h2 {
        font-size: 18px;
        margin: 0 0 10px; } }
  .user-block h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px; }
    @media only screen and (max-width: 640px) {
      .user-block h3 {
        font-size: 18px; } }
  .user-block h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px; }
    @media only screen and (max-width: 640px) {
      .user-block h4 {
        font-size: 16px; } }
  .user-block p {
    display: block;
    margin-bottom: 15px;
    font-size: 16px; }
    .user-block p a {
      font-weight: bold;
      color: #04234b;
      text-decoration: underline;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .user-block p a:hover {
        color: #ffd119; }
  .user-block .buttons-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-top: 25px; }
  .user-block .user-button {
    display: block;
    width: 100%;
    max-width: 225px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border-radius: 25px;
    margin: 20px 0;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .user-block .button-cancel {
    background: #ffd119;
    color: #ffd119;
    max-width: 220px; }
    .user-block .button-cancel::before {
      background: #fff; }
    .user-block .button-cancel:hover {
      background: #04234b; }
  .user-block .create-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    background: #04234b;
    color: #fff;
    width: 100%;
    max-width: 250px;
    height: 60px;
    padding: 0 10px;
    margin-bottom: 25px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media only screen and (max-width: 480px) {
      .user-block .create-address {
        max-width: 100%; } }
    .user-block .create-address svg {
      display: block;
      width: 35px;
      height: 35px;
      fill: #fff; }
    .user-block .create-address:hover {
      background: rgba(4, 35, 75, 0.8); }
  .user-block .UserAddressList {
    position: relative;
    margin: 25px 0; }
    .user-block .UserAddressList .uab {
      position: relative;
      background: #efefef;
      padding: 25px;
      border-radius: 10px;
      margin-bottom: 15px; }
      @media only screen and (max-width: 480px) {
        .user-block .UserAddressList .uab {
          padding: 20px; } }
      .user-block .UserAddressList .uab .uab__name {
        font-size: 18px;
        letter-spacing: 0.05em; }
      .user-block .UserAddressList .uab .uab__street {
        margin-top: 3px;
        line-height: 1.3; }
      .user-block .UserAddressList .uab .uab__cityStateZip {
        line-height: 1.3;
        margin-bottom: 5px; }
      .user-block .UserAddressList .uab .js-deleteAddress {
        display: block;
        background: none;
        outline: none;
        border: none;
        cursor: pointer;
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 10px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .user-block .UserAddressList .uab .js-deleteAddress svg {
          width: 20px;
          height: 20px;
          color: inherit;
          fill: inherit; }
        .user-block .UserAddressList .uab .js-deleteAddress:hover {
          color: #d6001f; }
      .user-block .UserAddressList .uab .uab__links a {
        display: block;
        color: #d6001f;
        margin: 15px 0 0;
        font-weight: bold;
        text-underline-position: under;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .user-block .UserAddressList .uab .uab__links a:hover {
          color: #000; }
      .user-block .UserAddressList .uab .default-address {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        font-weight: 600;
        color: #ffd119;
        padding-right: 20px;
        line-height: 1.2; }
        @media only screen and (max-width: 480px) {
          .user-block .UserAddressList .uab .default-address {
            font-size: 14px; } }
        .user-block .UserAddressList .uab .default-address .radio-icon {
          position: relative;
          display: block;
          width: 28px;
          height: 28px;
          border: 2px solid #dedede;
          background: #ffd119;
          border-radius: 50%;
          cursor: pointer;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
          .user-block .UserAddressList .uab .default-address .radio-icon::before {
            content: "";
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%) scale(1);
            -ms-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
            border-radius: 50%;
            width: 15px;
            height: 15px;
            background: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' focusable='false' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style=''%3e%3cpath fill='%23fff' d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z' class=''%3e%3c/path%3e%3c/svg%3e") center no-repeat;
            background-size: 100%;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }

.mobile-logout {
  display: none; }
  @media only screen and (max-width: 1000px) {
    .mobile-logout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 25px; } }
  .mobile-logout a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    width: 100%;
    max-width: 225px;
    height: 50px;
    border: 2px solid #d6001f;
    color: #d6001f;
    padding: 0 15px;
    gap: 10px;
    color: #000;
    font-weight: 600;
    line-height: 1.1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .mobile-logout a svg {
      display: block;
      width: 28px;
      height: 28px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .mobile-logout a:hover {
      border-color: #ffd119;
      color: #ffd119; }
      .mobile-logout a:hover svg {
        fill: #ffd119; }

.fields-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 10px; }
  @media only screen and (max-width: 740px) {
    .fields-2 {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; } }

.field {
  margin-top: 25px; }

.field__label,
.field label.error,
.field .field-validation-error {
  display: block;
  padding: 0 0 10px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.03em; }

.field__note {
  font-size: 11px;
  font-weight: 500;
  font-style: normal; }

.field label.error,
.field .field-validation-error {
  color: #e00f1e;
  font-size: 14px;
  font-weight: 500;
  padding-top: 3px;
  padding-left: 3px; }

.field__label--required:before {
  content: "* ";
  color: #0e1533; }

.field__input {
  display: block;
  width: 100%;
  outline: 2px solid transparent;
  border: none;
  background: #eee;
  font-family: inherit;
  line-height: 1;
  font-size: 15px;
  padding: 10px;
  margin: 0;
  height: 50px;
  min-width: 10px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.field__input--textarea {
  height: calc(152px); }

.field__input:invalid {
  -webkit-box-shadow: none;
  box-shadow: none; }

.field__input:focus {
  outline: 2px solid #0e1533;
  color: #000; }

/* Order Detail ______________________
____________________________________*/
.orderDetail-wrapper {
  position: relative;
  padding-block: 100px; }
  .orderDetail-wrapper .orderDetail-successfull-message {
    display: block;
    text-align: center;
    margin: 0 auto;
    color: #04234b;
    font-size: clamp(28px, 2vw, 45px);
    letter-spacing: 0.05em;
    margin-bottom: 50px; }
    .orderDetail-wrapper .orderDetail-successfull-message strong {
      display: inline-block; }
  .orderDetail-wrapper .order-status-message p {
    display: block;
    text-align: center;
    font-size: 15px;
    padding-block: 10px;
    margin: 0;
    color: #04234b; }

.od-main {
  position: relative;
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  background: #e3e3e3;
  margin-bottom: 50px; }
  .od-main .cartSummary-headline {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #04234b;
    text-decoration: underline;
    text-underline-position: under;
    -webkit-text-decoration-color: #333;
    text-decoration-color: #333;
    text-align: center;
    cursor: pointer;
    background: #e3e3e3;
    padding: 20px 5%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .od-main .cartSummary-headline svg {
      display: inline-block;
      vertical-align: middle;
      width: 15px;
      height: 15px;
      color: inherit;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .od-main .cartSummary-headline.active svg {
      -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      transform: rotate(-180deg); }
    .od-main .cartSummary-headline:hover {
      color: #000; }
  .od-main .itemsSummary-wrapper {
    display: none; }
    .od-main .itemsSummary-wrapper .pl__items {
      padding-block: 50px;
      padding-inline: 20px; }
  .od-main .pl__items {
    width: 100%;
    max-width: 640px;
    margin: 0 auto; }
    .od-main .pl__items .pl__item {
      background: initial;
      padding: 0;
      margin: 0; }
      .od-main .pl__items .pl__item + * {
        margin-top: 30px; }
      .od-main .pl__items .pl__item .pl__col--item {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 100px 2fr;
        grid-template-columns: 100px 2fr;
        gap: 35px;
        margin-bottom: 0; }
        @media only screen and (max-width: 640px) {
          .od-main .pl__items .pl__item .pl__col--item {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            gap: 15px; } }
      .od-main .pl__items .pl__item .pl__itemImageWrap {
        position: relative;
        width: 100%;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        margin-inline: auto; }
        .od-main .pl__items .pl__item .pl__itemImageWrap img {
          display: block;
          max-width: 100%;
          height: auto; }
          @media only screen and (max-width: 640px) {
            .od-main .pl__items .pl__item .pl__itemImageWrap img {
              max-height: 150px; } }
        .od-main .pl__items .pl__item .pl__itemImageWrap .itemQtyWrap {
          position: absolute;
          right: -20px;
          top: -20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: #10204a;
          color: #fff;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          font-size: 20px;
          font-weight: bold;
          z-index: 1; }
      .od-main .pl__items .pl__item .pl__itemInfo {
        padding-block: 0; }
        @media only screen and (max-width: 640px) {
          .od-main .pl__items .pl__item .pl__itemInfo {
            text-align: center; } }
        .od-main .pl__items .pl__item .pl__itemInfo .pl__itemName a {
          font-size: 16px;
          color: #04234b;
          font-weight: bold;
          line-height: 1.3;
          margin-bottom: 10px;
          text-decoration: underline; }
          .od-main .pl__items .pl__item .pl__itemInfo .pl__itemName a:hover {
            color: #d6001f; }
        .od-main .pl__items .pl__item .pl__itemInfo .pl__itemSKU {
          display: none;
          color: #04234b; }
        .od-main .pl__items .pl__item .pl__itemInfo .pl__col--total {
          display: block;
          font-size: 18px;
          color: #04234b;
          margin-top: 5px;
          margin-bottom: 0;
          font-weight: bold; }
        .od-main .pl__items .pl__item .pl__itemInfo .pl__col {
          display: block;
          color: #04234b;
          margin-top: 7px;
          font-weight: 600;
          font-size: 15px; }

/* order history ____________________
___________________________________*/
.oh-l {
  position: relative;
  display: block;
  gap: 20px; }
  .oh-l__row {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
    gap: 50px;
    padding: 20px;
    background: #858897;
    border-radius: 10px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 850px) {
      .oh-l__row {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr); } }
    @media only screen and (max-width: 640px) {
      .oh-l__row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 20px; } }
    .oh-l__row .oh-l__col--details {
      position: relative; }
      .oh-l__row .oh-l__col--details > * + * {
        margin-top: 3px; }
      .oh-l__row .oh-l__col--details .oh-l__col--num {
        font-size: 18px; }
        @media only screen and (max-width: 480px) {
          .oh-l__row .oh-l__col--details .oh-l__col--num {
            font-size: 16px; } }
    .oh-l__row .oh-l__col--buttons {
      -ms-flex-item-align: center;
      align-self: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 15px; }
      .oh-l__row .oh-l__col--buttons .btn {
        font-weight: bold;
        letter-spacing: 0.07em;
        font-size: 16px;
        text-underline-position: under;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .oh-l__row .oh-l__col--buttons .btn--more {
        display: block;
        color: #000; }
        .oh-l__row .oh-l__col--buttons .btn--more:hover {
          color: #d6001f; }
      .oh-l__row .oh-l__col--buttons .btn--reorder {
        display: block;
        background: none;
        border: 2px solid #04234b;
        width: 100%;
        max-width: 320px;
        padding: 10px 25px;
        outline: none;
        cursor: pointer; }
        .oh-l__row .oh-l__col--buttons .btn--reorder:hover {
          background: #ffd119;
          color: #fff; }

.od-info {
  position: relative; }
  .od-info .od-info__heading {
    display: block;
    font-size: 17px;
    font-weight: bold;
    color: #7c7c7c;
    margin-bottom: 10px; }
    .od-info .od-info__heading span {
      color: #ffd119; }
  .od-info .od-info__subHeadline {
    font-weight: bold;
    font-size: 15px;
    color: #ffd119;
    margin-bottom: 5px;
    margin-top: 20px; }
    @media only screen and (max-width: 420px) {
      .od-info .od-info__subHeadline {
        font-size: 16px; } }
  .od-info .od-info__section {
    position: relative;
    background: #dedede;
    padding: 20px 35px;
    width: 100%;
    max-width: 740px;
    margin: 0 auto 15px; }
    @media only screen and (max-width: 640px) {
      .od-info .od-info__section {
        padding: 20px;
        gap: 20px; } }
    @media only screen and (max-width: 420px) {
      .od-info .od-info__section {
        padding: 20px 15px; } }
    .od-info .od-info__section .od-info__body {
      display: block;
      font-size: 15px;
      color: #16264e;
      font-weight: 400; }
      .od-info .od-info__section .od-info__body .od-payment-bd__line {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 3px;
        margin-bottom: 2px; }
        .od-info .od-info__section .od-info__body .od-payment-bd__line .od-payment-bd__lineValue {
          font-weight: bold; }
    .od-info .od-info__section--orderPackages {
      margin-top: 35px; }
      .od-info .od-info__section--orderPackages .od-info__heading {
        font-size: clamp(18px, 1.04vw, 20px);
        color: #ffd119; }
      .od-info .od-info__section--orderPackages .NoShippingInfo {
        color: #000;
        margin-bottom: 10px; }
      .od-info .od-info__section--orderPackages .PackageInfo {
        margin-bottom: 15px; }
        .od-info .od-info__section--orderPackages .PackageInfo .PackageHeader {
          font-size: 16px;
          font-weight: bold;
          margin-top: 17px;
          margin-bottom: 7px; }
        .od-info .od-info__section--orderPackages .PackageInfo .ShippingDate,
        .od-info .od-info__section--orderPackages .PackageInfo .ShippingMethod,
        .od-info .od-info__section--orderPackages .PackageInfo .DeliveryDate,
        .od-info .od-info__section--orderPackages .PackageInfo .TrackingNumber {
          margin-bottom: 5px; }
          .od-info .od-info__section--orderPackages .PackageInfo .ShippingDate span:last-child,
          .od-info .od-info__section--orderPackages .PackageInfo .ShippingMethod span:last-child,
          .od-info .od-info__section--orderPackages .PackageInfo .DeliveryDate span:last-child,
          .od-info .od-info__section--orderPackages .PackageInfo .TrackingNumber span:last-child {
            font-weight: 600; }
          .od-info .od-info__section--orderPackages .PackageInfo .ShippingDate a,
          .od-info .od-info__section--orderPackages .PackageInfo .ShippingMethod a,
          .od-info .od-info__section--orderPackages .PackageInfo .DeliveryDate a,
          .od-info .od-info__section--orderPackages .PackageInfo .TrackingNumber a {
            color: #ffd119;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            .od-info .od-info__section--orderPackages .PackageInfo .ShippingDate a:hover,
            .od-info .od-info__section--orderPackages .PackageInfo .ShippingMethod a:hover,
            .od-info .od-info__section--orderPackages .PackageInfo .DeliveryDate a:hover,
            .od-info .od-info__section--orderPackages .PackageInfo .TrackingNumber a:hover {
              color: #04234b; }
      .od-info .od-info__section--orderPackages .pl__itemName a {
        display: block;
        color: #0a1c1b;
        margin-bottom: 15px;
        font-weight: 600;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .od-info .od-info__section--orderPackages .pl__itemName a:hover {
          color: #d6001f; }
      .od-info .od-info__section--orderPackages .pl__itemSKU,
      .od-info .od-info__section--orderPackages .pl__col--qty {
        color: #ffd119;
        margin-bottom: 7px; }
      .od-info .od-info__section--orderPackages .PackageComments {
        margin-top: 10px; }
        .od-info .od-info__section--orderPackages .PackageComments .PackageComment {
          margin-bottom: 10px;
          color: #ffd119;
          font-weight: 600; }
          .od-info .od-info__section--orderPackages .PackageComments .PackageComment .Comment {
            font-weight: 400; }
  .od-info .checkoutCartTotals {
    position: relative;
    width: 100%;
    max-width: 640px;
    margin: 50px auto 25px; }
    .od-info .checkoutCartTotals .checkoutTotalsRow {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 250px;
      grid-template-columns: 1fr 250px;
      gap: 15px;
      margin-bottom: 10px; }
      @media only screen and (max-width: 480px) {
        .od-info .checkoutCartTotals .checkoutTotalsRow {
          -ms-grid-columns: auto auto;
          grid-template-columns: auto auto; } }
      .od-info .checkoutCartTotals .checkoutTotalsRow.grandTotalRow {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 2px solid #b2b2b2; }
      .od-info .checkoutCartTotals .checkoutTotalsRow .checkoutTotalsLabel {
        display: block;
        font-weight: 600;
        color: #1a2a51;
        font-size: 20px; }
        @media only screen and (max-width: 640px) {
          .od-info .checkoutCartTotals .checkoutTotalsRow .checkoutTotalsLabel {
            font-size: 16px; } }
        .od-info .checkoutCartTotals .checkoutTotalsRow .checkoutTotalsLabel.total {
          font-size: 27px;
          color: #ffd119;
          font-weight: bold; }
          @media only screen and (max-width: 640px) {
            .od-info .checkoutCartTotals .checkoutTotalsRow .checkoutTotalsLabel.total {
              font-size: 24px; } }
      .od-info .checkoutCartTotals .checkoutTotalsRow .checkoutTotalsResult {
        color: #1a2a51;
        font-weight: bold;
        font-size: 20px;
        text-align: right; }
        @media only screen and (max-width: 640px) {
          .od-info .checkoutCartTotals .checkoutTotalsRow .checkoutTotalsResult {
            font-size: 18px; } }
        .od-info .checkoutCartTotals .checkoutTotalsRow .checkoutTotalsResult span:last-child {
          display: block;
          color: #616161;
          font-size: 15px;
          font-weight: 400; }
        .od-info .checkoutCartTotals .checkoutTotalsRow .checkoutTotalsResult.total {
          font-size: 27px;
          color: #ffd119; }
          @media only screen and (max-width: 640px) {
            .od-info .checkoutCartTotals .checkoutTotalsRow .checkoutTotalsResult.total {
              font-size: 24px; } }

.OrderComments {
  border-top: 2px solid #efefef;
  margin-top: 15px;
  padding-top: 15px; }
  .OrderComments .od-info__heading {
    font-size: clamp(18px, 1.04vw, 20px);
    color: #ffd119; }
  .OrderComments .order-comment {
    margin-bottom: 15px;
    font-weight: 400;
    color: #ffd119; }
    .OrderComments .order-comment > div:first-child {
      font-weight: 600; }

.DeliveryDetails {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 50px;
  padding-inline: 20px; }
  @media only screen and (max-width: 740px) {
    .DeliveryDetails {
      text-align: center; } }
  .DeliveryDetails h2 {
    font-size: 20px;
    letter-spacing: 0.05em;
    margin: 0 0 10px; }
  .DeliveryDetails p:last-of-type {
    margin-bottom: 0; }

/* Popup Message ______________
______________________________*/
.popup.message {
  display: block;
  background: #fff;
  text-align: center;
  padding: 25px;
  color: #ffd119;
  position: fixed;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important; }
  @media only screen and (max-width: 640px) {
    .popup.message {
      width: 100%;
      max-width: 90%;
      margin: 0 auto; } }
  .popup.message div:first-child {
    font-weight: bold;
    line-height: 1.3; }
  .popup.message button {
    display: block;
    width: 100%;
    max-width: 225px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin: 0;
    border: none;
    outline: none;
    cursor: pointer;
    letter-spacing: 0.05em;
    background: #ffd119;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media only screen and (max-width: 480px) {
      .popup.message button {
        font-size: 14px;
        margin-inline: auto; } }
    .popup.message button:last-of-type {
      background: #d6001f; }
    .popup.message button:hover {
      background: #ffd119; }
  .popup.message div:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px; }

/* Popup Message ______________
______________________________*/
.popup.message {
  display: block;
  background: #fff;
  text-align: center;
  padding: 25px;
  color: #0a1c1b;
  position: fixed;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important; }
  @media only screen and (max-width: 640px) {
    .popup.message {
      width: 100%;
      max-width: 90%;
      margin: 0 auto; } }
  .popup.message div:first-child {
    font-weight: bold;
    line-height: 1.3; }
  .popup.message button {
    display: block;
    width: 100%;
    max-width: 225px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin: 0;
    border: none;
    outline: none;
    cursor: pointer;
    letter-spacing: 0.05em;
    background: #ffd119;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media only screen and (max-width: 480px) {
      .popup.message button {
        font-size: 14px;
        margin-inline: auto; } }
    .popup.message button:last-of-type {
      background: #d6001f; }
    .popup.message button:hover {
      background: #04234b; }
  .popup.message div:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px; }

.bg-gray {
  background: #efefef; }

/* Buttons  ___________________
_______________________________*/
.button, .user-block .button-closeAccount,
.user-block .button-save,
.user-block .button-cancel,
.user-block .button-update {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  max-width: 290px;
  height: 60px;
  line-height: 60px;
  padding-inline: 5px;
  overflow: hidden;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
  background: #04234b;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .button > *, .user-block .button-closeAccount > *, .user-block .button-save > *, .user-block .button-cancel > *, .user-block .button-update > * {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .button img, .user-block .button-closeAccount img, .user-block .button-save img, .user-block .button-cancel img, .user-block .button-update img {
    display: inline-block;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 12px; }
  .button img.arrow-down, .user-block .button-closeAccount img.arrow-down, .user-block .button-save img.arrow-down, .user-block .button-cancel img.arrow-down, .user-block .button-update img.arrow-down {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .button:hover, .user-block .button-closeAccount:hover,
  .user-block .button-save:hover,
  .user-block .button-cancel:hover,
  .user-block .button-update:hover, .button:focus-visible, .user-block .button-closeAccount:focus-visible,
  .user-block .button-save:focus-visible,
  .user-block .button-cancel:focus-visible,
  .user-block .button-update:focus-visible {
    background: #ffd119;
    color: #fff; }

/* User Login Popup ______________________
________________________________________*/
#js-userLoginPopupLoader {
  right: 0;
  left: initial !important;
  width: Min(100%, 450px) !important;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  height: 100dvh !important;
  background: #fff;
  -webkit-animation: 0.6s slideOutPopup forwards;
  animation: 0.6s slideOutPopup forwards; }

@keyframes slideOutPopup {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.gc_UserLoginPopup {
  position: relative;
  display: block;
  width: 100%;
  height: 100dvh;
  padding: 70px 30px;
  overflow-y: auto; }
  @media only screen and (max-width: 480px) {
    .gc_UserLoginPopup {
      padding: 50px 20px; } }

.P--Account--Login .account-login {
  border-top: 5px solid #ffd119;
  border-bottom: 5px solid #ffd119; }

.P--Account--Login .gc_UserLoginPopup {
  width: 100%;
  max-width: 740px;
  margin-inline: auto;
  height: auto; }

.link-userLogin {
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  max-width: 300px;
  height: 55px;
  line-height: 55px;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  background: #ffd119;
  color: #fff;
  letter-spacing: 0.05em;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media only screen and (max-width: 420px) {
    .link-userLogin {
      height: 50px;
      line-height: 50px;
      max-width: 320px;
      font-size: 14px; } }
  .link-userLogin:hover {
    background: #04234b; }

.link-createAccount {
  display: block;
  color: #000;
  font-size: 15px;
  font-family: inherit;
  text-align: center;
  line-height: 1.4;
  margin: 10px auto; }
  @media only screen and (max-width: 420px) {
    .link-createAccount {
      font-size: 14px; } }
  .link-createAccount a {
    display: inline-block;
    color: #04234b;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
    text-underline-position: under;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .link-createAccount a:hover {
      color: #ffd119; }

.gc_UserLoginPopup__form {
  position: relative; }
  .gc_UserLoginPopup__form fieldset {
    padding: 0;
    border: none; }
    .gc_UserLoginPopup__form fieldset legend {
      display: block;
      color: #04234b;
      font-size: 25px;
      font-weight: 600;
      font-family: "Eczar", serif;
      letter-spacing: 0.07em;
      margin: 10px 0; }
      @media only screen and (max-width: 480px) {
        .gc_UserLoginPopup__form fieldset legend {
          font-size: 22px; } }
  .gc_UserLoginPopup__form .userSignin-buttons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    margin-block: 25px; }
    .gc_UserLoginPopup__form .userSignin-buttons .user-login {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: none;
      border: none;
      outline: none;
      width: 100%;
      max-width: 100%;
      height: 55px;
      margin: 0 auto;
      background: #04234b;
      color: #fff;
      cursor: pointer;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.07em;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .gc_UserLoginPopup__form .userSignin-buttons .user-login:hover {
        background: #ffd119; }
    .gc_UserLoginPopup__form .userSignin-buttons .user-forgetPassword {
      display: block;
      background: none;
      border: none;
      outline: none;
      color: #04234b;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 0.05em;
      text-decoration: underline;
      text-underline-position: under;
      cursor: pointer;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .gc_UserLoginPopup__form .userSignin-buttons .user-forgetPassword:hover {
        color: #ffd119; }

.close-popup {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #000;
  border: none;
  background: none;
  display: block;
  width: 25px;
  height: 25px;
  text-indent: -999px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .close-popup::before, .close-popup::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background: currentColor;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .close-popup::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .close-popup::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .close-popup:hover {
    color: #ffd119; }

.gc_UserLoginPopup__error {
  background-color: #e00f1e;
  color: #fff;
  text-align: center; }
  .gc_UserLoginPopup__error label {
    padding: 5px 10px;
    display: block;
    font-size: 12px;
    font-weight: 400; }
    .gc_UserLoginPopup__error label.js-hide {
      display: none; }

.bg-gray {
  background: #efefef; }

/* Buttons  ___________________
_______________________________*/
.button, .user-block .button-closeAccount,
.user-block .button-save,
.user-block .button-cancel,
.user-block .button-update {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  max-width: 290px;
  height: 60px;
  line-height: 60px;
  padding-inline: 5px;
  overflow: hidden;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
  background: #04234b;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .button > *, .user-block .button-closeAccount > *, .user-block .button-save > *, .user-block .button-cancel > *, .user-block .button-update > * {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .button img, .user-block .button-closeAccount img, .user-block .button-save img, .user-block .button-cancel img, .user-block .button-update img {
    display: inline-block;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 12px; }
  .button img.arrow-down, .user-block .button-closeAccount img.arrow-down, .user-block .button-save img.arrow-down, .user-block .button-cancel img.arrow-down, .user-block .button-update img.arrow-down {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .button:hover, .user-block .button-closeAccount:hover,
  .user-block .button-save:hover,
  .user-block .button-cancel:hover,
  .user-block .button-update:hover, .button:focus-visible, .user-block .button-closeAccount:focus-visible,
  .user-block .button-save:focus-visible,
  .user-block .button-cancel:focus-visible,
  .user-block .button-update:focus-visible {
    background: #ffd119;
    color: #fff; }

/*=================== ADD TO CART POP-UP ===================*/
#AddToCartPopupLoadArea {
  display: none;
  position: fixed !important;
  top: 0 !important;
  right: 0;
  left: unset !important;
  width: Min(100%, 450px) !important;
  height: 100dvh !important; }

@keyframes slideOutPopup {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.gc_ATCpopupWrapper {
  width: 100%;
  height: 100vh;
  background: #fff;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-animation: 0.5s slideOutPopup forwards;
  animation: 0.5s slideOutPopup forwards; }
  .gc_ATCpopupWrapper .popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    border: 2px solid #000;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .gc_ATCpopupWrapper .popup-close span {
      display: block;
      font-size: 16px;
      text-align: center;
      line-height: 1;
      color: #000;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .gc_ATCpopupWrapper .popup-close:hover {
      background: #d6001f;
      border-color: #d6001f; }
      .gc_ATCpopupWrapper .popup-close:hover span {
        color: #fff; }
  .gc_ATCpopupWrapper .gc_ATCMainItemWrapper {
    position: relative;
    width: 100%;
    height: 100%;
    color: #04234b;
    overflow-y: auto; }
    .gc_ATCpopupWrapper .gc_ATCMainItemWrapper .gc_ATCProdInfoRow {
      width: 100%;
      margin-block: 20px;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 120px 1fr;
      grid-template-columns: 120px 1fr;
      gap: 20px;
      padding: 0 30px; }
      .gc_ATCpopupWrapper .gc_ATCMainItemWrapper .gc_ATCProdInfoRow .gc_ATCProdImage a {
        display: block;
        width: 100%;
        height: 100%; }
        .gc_ATCpopupWrapper .gc_ATCMainItemWrapper .gc_ATCProdInfoRow .gc_ATCProdImage a img {
          display: block;
          width: 100%;
          max-height: 200px;
          -o-object-fit: contain;
          object-fit: contain; }
      .gc_ATCpopupWrapper .gc_ATCMainItemWrapper .gc_ATCProdInfoRow .gc_ATCProdTextInfo {
        margin: 0;
        padding-block: 5px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
        .gc_ATCpopupWrapper .gc_ATCMainItemWrapper .gc_ATCProdInfoRow .gc_ATCProdTextInfo .gc_prodDeetsName {
          text-align: left;
          padding: 0;
          font-size: 22px;
          line-height: 1.3; }
        .gc_ATCpopupWrapper .gc_ATCMainItemWrapper .gc_ATCProdInfoRow .gc_ATCProdTextInfo .gc_prodDeetsSKU {
          font-size: 14px;
          margin-top: 5px;
          color: #04234b;
          font-weight: bold; }
          .gc_ATCpopupWrapper .gc_ATCMainItemWrapper .gc_ATCProdInfoRow .gc_ATCProdTextInfo .gc_prodDeetsSKU span {
            font-weight: bold; }
  .gc_ATCpopupWrapper .gc_ATCItemSuccessfullyAdded {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    background: #ebebeb;
    color: #04234b;
    padding: 60px 30px 25px; }
    .gc_ATCpopupWrapper .gc_ATCItemSuccessfullyAdded span {
      font-size: 18px;
      font-weight: 600;
      line-height: 1.1; }
      @media only screen and (max-width: 480px) {
        .gc_ATCpopupWrapper .gc_ATCItemSuccessfullyAdded span {
          font-size: 16px; } }
    .gc_ATCpopupWrapper .gc_ATCItemSuccessfullyAdded .checkMark {
      display: block;
      background: #04234b;
      border-radius: 50%;
      color: #fff !important;
      font-size: 20px;
      font-weight: 700;
      width: 35px;
      height: 35px;
      line-height: 35px;
      border-radius: 50%;
      margin-top: 0;
      text-align: center;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
  .gc_ATCpopupWrapper .gc_ATCProdTextInfo {
    display: block;
    margin-block: 15px; }
    .gc_ATCpopupWrapper .gc_ATCProdTextInfo .gc_prodDeetsName {
      display: block;
      text-align: center;
      color: #04234b;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.05em;
      margin: 0;
      padding: 0 20px;
      line-height: 1.4; }
      @media only screen and (max-width: 480px) {
        .gc_ATCpopupWrapper .gc_ATCProdTextInfo .gc_prodDeetsName {
          font-size: 14px; } }
    .gc_ATCpopupWrapper .gc_ATCProdTextInfo .gc_prodDeetsPrice {
      display: block;
      margin-top: 15px;
      color: #04234b;
      font-weight: bold;
      font-size: 18px; }
  .gc_ATCpopupWrapper .gc_ATCcheckoutPanelWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    padding: 0 30px;
    margin-top: 50px; }
    @media only screen and (max-width: 480px) {
      .gc_ATCpopupWrapper .gc_ATCcheckoutPanelWrap .button, .gc_ATCpopupWrapper .gc_ATCcheckoutPanelWrap .user-block .button-closeAccount, .user-block .gc_ATCpopupWrapper .gc_ATCcheckoutPanelWrap .button-closeAccount,
      .gc_ATCpopupWrapper .gc_ATCcheckoutPanelWrap .user-block .button-save, .user-block .gc_ATCpopupWrapper .gc_ATCcheckoutPanelWrap .button-save,
      .gc_ATCpopupWrapper .gc_ATCcheckoutPanelWrap .user-block .button-cancel, .user-block .gc_ATCpopupWrapper .gc_ATCcheckoutPanelWrap .button-cancel,
      .gc_ATCpopupWrapper .gc_ATCcheckoutPanelWrap .user-block .button-update, .user-block .gc_ATCpopupWrapper .gc_ATCcheckoutPanelWrap .button-update {
        max-width: 320px; } }
    .gc_ATCpopupWrapper .gc_ATCcheckoutPanelWrap .view-cart {
      display: block;
      width: 100%;
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content;
      color: #000;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      padding: 0 15px 5px;
      margin: 15px auto;
      border-bottom: 2px solid currentColor;
      cursor: pointer;
      font-size: 16px;
      letter-spacing: 0.05em;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .gc_ATCpopupWrapper .gc_ATCcheckoutPanelWrap .view-cart:hover {
        color: #ffd119;
        border-color: #ffd119; }