/* Importer File. */
/* All Fonts related variables. */
@font-face {
  font-family: "Figtree-MediumItalic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-MediumItalic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-SemiBold";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-SemiBold.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-SemiBoldItalic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-SemiBoldItalic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-BoldItalic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-BoldItalic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-Black";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-Black.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-Medium";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-Medium.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-ExtraBoldItalic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-ExtraBoldItalic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-ExtraBold";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-ExtraBold.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-Light";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-Light.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-Regular";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-Regular.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-BlackItalic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-BlackItalic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-LightItalic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-LightItalic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-Italic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-Italic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-Bold";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-Bold.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*
  Font sizes for headings.
  Only use for headings (h1, h2, h3, h4, h5, h6) and base font size.
*/
/* All global variables. */
/*
  Spacing Variables.
  Only use these spacing variables for margin and padding.
*/
/*
  Border Radius Variables.
  Only use these border radius variables for border-radius.
*/
/* Transitions */
/* Importer File. */
/* Mixin */
/* Importer File. */
/* Extensions */
#main-wraapper:has(.checkout-complete-wrapper) .back-to-sopping-button .checkout-complete-button {
  border: 1px solid #064cc8;
  color: #064cc8;
  padding: 0.625rem 1rem;
  background-color: #fff;
  border-radius: 4px;
  font-size: 1.125rem !important;
  font-family: "Figtree-SemiBold", sans-serif !important;
  transition: all 0.2s linear;
}
#main-wraapper:has(.checkout-complete-wrapper) .back-to-sopping-button .checkout-complete-button:hover {
  border-color: #112868;
  color: #112868;
}

#main-wraapper:has(.commerce-checkout-flow) .breadcrumb {
  background-color: #f5f5f5;
  box-shadow: 0 0 0 100vmax #f5f5f5;
  clip-path: inset(0 -100vmax);
}
#main-wraapper:has(.checkout-complete) .breadcrumb {
  background-color: #fff;
  box-shadow: 0 0 0 100vmax #fff;
  clip-path: inset(0 -100vmax);
}
#main-wraapper:has(.product-page-layout) .breadcrumb {
  background-color: #f5f5f5;
  box-shadow: 0 0 0 100vmax #f5f5f5;
  clip-path: inset(0 -100vmax);
}
#main-wraapper:has(.checkout-complete-wrapper) nav {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #main-wraapper:has(.checkout-complete-wrapper) nav {
    flex-direction: column;
  }
}
#main-wraapper:has(.checkout-complete-wrapper) .back-to-sopping-button {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  margin-top: 0.6875rem;
}
@media screen and (max-width: 768px) {
  #main-wraapper:has(.checkout-complete-wrapper) .back-to-sopping-button {
    justify-content: end;
  }
}
#main-wraapper:has(.checkout-complete-wrapper) .back-to-sopping-button .checkout-complete-button {
  display: inline-block;
}
#main-wraapper .back-to-sopping-button {
  display: none;
}
#main-wraapper .breadcrumb {
  margin: 0;
  padding-top: 2rem;
  padding-bottom: 1rem;
}
#main-wraapper .breadcrumb-item a {
  color: #064cc8;
  font-size: 0.875rem;
  font-family: "Figtree-Regular", sans-serif;
  transition: all 0.2s linear;
}
#main-wraapper .breadcrumb-item a:hover {
  color: #064cc8;
}
#main-wraapper .breadcrumb-item.active {
  color: #112868;
  font-size: 0.875rem;
  margin-top: 0.125rem;
  font-family: "Figtree-Regular", sans-serif;
}
#main-wraapper .breadcrumb-item.active em {
  color: #112868;
}
#main-wraapper .breadcrumb-item.active::before {
  position: relative;
  top: -3px;
}
#main-wraapper .breadcrumb-item + .breadcrumb-item::before {
  content: "\ea19";
  font-family: Lineicons, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #112868;
  transition: all 0.2s linear;
}