.c-magenta {
  color: #EB60CC;
}

.c-violet {
  color: #7500EB;
}

.c-blue {
  color: #7360EB;
}

.btn-magenta {
  background-color: #EB60CC;
}

.btn-violet {
  background-color: #7500EB;
}

.btn-blue {
  background-color: #7360EB;
}

.btn-shared {
  background-color: #EB60CC;
  padding: 1rem 1.25rem;
  color: #fff;
  border-radius: 0.4rem;
  font-size: 14px;
  line-height: 1;
  transition: color 0.1s ease-in-out;
}
.btn-shared:hover {
  color: #2c1633;
}

a.nav-link {
  padding: 0;
  display: inline;
  color: white;
  transition: color 0.1s ease-out;
}
a.nav-link:hover {
  text-decoration: none;
  color: #EB60CC;
}

html {
  font-size: 16px;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  background-color: white;
  color: black;
}

h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  font-style: normal;
}

.smartshop-cart__message__wrapper::before {
  border-bottom: 10px solid #23db67;
}

.container {
  max-width: 1280px;
}

#demo-mode-warning {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  font-family: "Roboto", serif;
  font-size: 14px;
}

#header {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0.75rem 1rem;
  background-color: #2C1633;
  color: white;
}
#header a {
  color: white;
}
#header a:hover {
  color: #EB60CC;
}
#header .sp-megamenu-parent > li > a,
#header .sp-megamenu-parent > li > span {
  line-height: initial;
}
#header #header-mlb-logo, #header #header-gc-logo {
  max-height: 2.5rem;
}
#header #header-mlb-logo {
  margin-right: 1.5rem;
}
#header #header-gc-logo {
  visibility: hidden;
}
#header #header-smartshop-cart-btn {
  color: black;
}
#header #header-order-button {
  padding: 0.9rem 1.25rem;
  border-radius: 0.5rem;
}
#header #section-header-menu {
  font-family: "Geologica", sans-serif;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.4;
}
#header #section-header-menu div {
  margin: 0 1.6rem;
}

main {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
main #main-background {
  position: absolute;
  z-index: -1;
  max-width: unset;
  transform: rotate(98.87deg);
  bottom: -104px;
  left: -307px;
  width: 800px;
  height: 800px;
}
main #main-background-desktop {
  position: absolute;
  z-index: -1;
  max-width: unset;
  bottom: -236px;
  left: -76px;
}

#section-advantages {
  margin: 1.5rem auto 0;
  padding: 0 1rem;
  color: black;
  font-family: "Geologica", sans-serif;
}
#section-advantages .advantage-item {
  margin-bottom: 2.25rem;
  padding-bottom: 1rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-image: linear-gradient(to right, #EB60CC, #7360EB) 1;
}
#section-advantages .advantage-item:last-child {
  margin-bottom: 0;
}
#section-advantages .advantage-item-title {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 900;
  font-feature-settings: "liga" off, "kern" off;
  margin-bottom: 1.5rem;
}
#section-advantages .advantage-item-subtitle {
  font-size: 0.875rem;
  line-height: 1.285;
  font-weight: 300;
  font-feature-settings: "pnum" on, "lnum" on;
}
#section-advantages .advantage-item-subtitle b {
  font-weight: 700;
}
#section-advantages .advantage-item-subtitle p:last-child {
  margin-bottom: 0;
}

#section-product-cards {
  margin: 3rem auto 0;
  padding: 0 1rem;
  overflow-x: scroll;
  /* Hide scrollbar for Chrome, Safari and Opera */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
#section-product-cards::-webkit-scrollbar {
  display: none;
}
#section-product-cards .btn-angle {
  padding: 0;
  flex: 0 0 1.25rem;
  width: 1.25rem;
}
#section-product-cards .btn-angle:first-child {
  margin-right: 1.25rem;
}
#section-product-cards #product-cards {
  font-family: "Geologica", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.25;
  min-width: 103.5rem;
}
#section-product-cards #product-cards a.product-card {
  flex: 0 0 16rem;
  height: 16rem;
  padding: 2rem;
  margin-right: 1.25rem;
  border: 1px solid #DCDCE5;
  border-radius: 1rem;
  transition: all 0.1s ease-in-out;
  background-color: white;
}
#section-product-cards #product-cards a.product-card:hover {
  border: 1px solid #7500EB;
  border-radius: 1rem;
  box-shadow: -4px 4px 40px rgba(117, 0, 235, 0.12), 0px 4px 12px rgba(139, 47, 245, 0.07);
  color: #7500EB;
}
#section-product-cards #product-cards a.product-card:active {
  background: #FBF3FF;
  border: 1px solid #EB60CC;
  box-shadow: -4px 4px 40px rgba(235, 96, 204, 0.12), 0px 4px 12px rgba(139, 47, 245, 0.07);
  color: #EB60CC;
}
#section-product-cards #product-cards a.product-card figure {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#section-product-cards #product-cards a.product-card figure img {
  height: auto;
  flex: 1 0;
}
#section-product-cards #product-cards a.product-card figure figcaption {
  flex: 0;
  text-align: center;
}

#section-little-designs {
  margin: 5.25rem auto 1.5rem;
  height: 354px;
  position: relative;
  left: -31px;
}
#section-little-designs .little-design {
  width: 58px;
  height: 58px;
  border-radius: 8px;
  position: absolute;
  z-index: -2;
}
#section-little-designs #little-design-1 {
  left: 14px;
  top: 85px;
  background: center/cover no-repeat url("/index_files/images/littledesign-41.jpg");
}
#section-little-designs #little-design-2 {
  left: 14px;
  top: 167px;
  background: center/cover no-repeat url("/index_files/images/littledesign-38.jpg");
}
#section-little-designs #little-design-3 {
  left: 93px;
  top: 56px;
  background: center/cover no-repeat url("/index_files/images/littledesign-40.jpg");
}
#section-little-designs #little-design-4 {
  left: 93px;
  top: 138px;
  background: center/cover no-repeat url("/index_files/images/littledesign-30.jpg");
}
#section-little-designs #little-design-5 {
  left: 93px;
  top: 238px;
  background: center/cover no-repeat url("/index_files/images/littledesign-81.jpg");
}
#section-little-designs #little-design-6 {
  left: 172px;
  top: 133px;
  background: center/cover no-repeat url("/index_files/images/littledesign-101.jpg");
  z-index: 2;
}
#section-little-designs #little-design-7 {
  left: 172px;
  top: 209px;
  background: center/cover no-repeat url("/index_files/images/littledesign-181.jpg");
}
#section-little-designs #little-design-8 {
  left: 258px;
  top: 89px;
  background: center/cover no-repeat url("/index_files/images/littledesign-31.jpg");
}
#section-little-designs #little-design-9 {
  left: 258px;
  top: 166px;
  background: center/cover no-repeat url("/index_files/images/littledesign-241.jpg");
}
#section-little-designs #little-design-10 {
  left: 258px;
  top: 245px;
  background: center/cover no-repeat url("/index_files/images/littledesign-121.jpg");
}
#section-little-designs #little-design-11 {
  left: 336px;
  top: 138px;
  background: center/cover no-repeat url("/index_files/images/littledesign-7.jpg");
}
#section-little-designs #little-design-12 {
  left: 336px;
  top: 218px;
  background: center/cover no-repeat url("/index_files/images/littledesign-111.jpg");
}
#section-little-designs #little-design-13 {
  left: 413px;
  top: 119px;
  background: center/cover no-repeat url("/index_files/images/littledesign-191.jpg");
}
#section-little-designs #little-design-14 {
  left: 413px;
  top: 195px;
  background: center/cover no-repeat url("/index_files/images/littledesign-10.jpg");
}
#section-little-designs #little-design-15 {
  left: 413px;
  top: 271px;
  background: center/cover no-repeat url("/index_files/images/littledesign-23.jpg");
}
#section-little-designs #little-design-16 {
  left: 492px;
  top: 167px;
  background: center/cover no-repeat url("/index_files/images/littledesign-221.jpg");
}
#section-little-designs #little-design-17 {
  left: 492px;
  top: 246px;
  background: center/cover no-repeat url("/index_files/images/littledesign-231.jpg");
}
#section-little-designs #little-design-18 {
  left: 567px;
  top: 140px;
  background: center/cover no-repeat url("/index_files/images/littledesign-21.jpg");
}
#section-little-designs #little-design-19 {
  left: 567px;
  top: 218px;
  background: center/cover no-repeat url("/index_files/images/littledesign-16.jpg");
}
#section-little-designs #little-design-20 {
  left: 567px;
  top: 296px;
  background: center/cover no-repeat url("/index_files/images/littledesign-32.jpg");
}
#section-little-designs #little-design-21 {
  left: 645px;
  top: 166px;
  background: center/cover no-repeat url("/index_files/images/littledesign-18.jpg");
}
#section-little-designs #little-design-22 {
  left: 645px;
  top: 245px;
  background: center/cover no-repeat url("/index_files/images/littledesign-35.jpg");
}
#section-little-designs #little-design-23 {
  left: 722px;
  top: 112px;
  background: center/cover no-repeat url("/index_files/images/littledesign-37.jpg");
}
#section-little-designs #little-design-24 {
  left: 722px;
  top: 195px;
  background: center/cover no-repeat url("/index_files/images/littledesign-29.jpg");
}
#section-little-designs #little-design-25 {
  left: 722px;
  top: 271px;
  background: center/cover no-repeat url("/index_files/images/littledesign-14.jpg");
}
#section-little-designs #little-design-26 {
  left: 806px;
  top: 137px;
  background: center/cover no-repeat url("/index_files/images/littledesign-17.jpg");
}
#section-little-designs #little-design-27 {
  left: 806px;
  top: 216px;
  background: center/cover no-repeat url("/index_files/images/littledesign-33.jpg");
}
#section-little-designs #little-design-28 {
  left: 885px;
  top: 89px;
  background: center/cover no-repeat url("/index_files/images/littledesign-141.jpg");
}
#section-little-designs #little-design-29 {
  left: 885px;
  top: 167px;
  background: center/cover no-repeat url("/index_files/images/littledesign-42.jpg");
}
#section-little-designs #little-design-30 {
  left: 885px;
  top: 245px;
  background: center/cover no-repeat url("/index_files/images/littledesign-20.jpg");
}
#section-little-designs #little-design-31 {
  left: 968px;
  top: 113px;
  background: center/cover no-repeat url("/index_files/images/littledesign-8.jpg");
}
#section-little-designs #little-design-32 {
  left: 968px;
  top: 195px;
  background: center/cover no-repeat url("/index_files/images/littledesign-171.jpg");
}
#section-little-designs #little-design-33 {
  left: 1045px;
  top: 55px;
  background: center/cover no-repeat url("/index_files/images/littledesign-36.jpg");
}
#section-little-designs #little-design-34 {
  left: 1045px;
  top: 137px;
  background: center/cover no-repeat url("/index_files/images/littledesign-151.jpg");
}
#section-little-designs #little-design-35 {
  left: 1045px;
  top: 217px;
  background: center/cover no-repeat url("/index_files/images/littledesign-13.jpg");
}
#section-little-designs #little-design-36 {
  left: 1122px;
  top: 0px;
  background: center/cover no-repeat url("/index_files/images/littledesign-11.jpg");
}
#section-little-designs #little-design-37 {
  left: 1122px;
  top: 85px;
  background: center/cover no-repeat url("/index_files/images/littledesign-131.jpg");
}
#section-little-designs #little-design-38 {
  left: 1122px;
  top: 167px;
  background: center/cover no-repeat url("/index_files/images/littledesign-211.jpg");
}

footer {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 3.25rem 0;
  background-color: #2C1633;
  color: white;
}
footer #footer-mlb-logo {
  height: 72px;
}
footer #footer-gc-logo {
  height: 56px;
}
footer #footer-gc-logo {
  visibility: hidden;
}
footer #footer-social-container {
  width: 164px;
}
footer .footer-social-icon {
  height: 24px;
}
footer ul#footer-links {
  font-family: "Geologica", sans-serif;
  font-weight: 300;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
}
footer ul#footer-links li {
  padding-bottom: 4px;
}

@media (min-width: 768px) {
  #header {
    padding: 1.75rem 1.25rem;
  }
  main #main-background {
    bottom: -52px;
    left: -307px;
  }
  #section-advantages {
    margin: 2.5rem auto;
    padding: 0 1.25rem;
  }
  #section-advantages .advantage-item {
    margin-bottom: 4.25rem;
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  #section-advantages .advantage-item-title {
    margin-bottom: 0;
  }
  #section-advantages .advantage-item-subtitle {
    max-width: 21.5rem;
  }
  #section-little-designs {
    margin: 4.75rem auto;
    left: 0;
  }
  footer {
    padding: 2.25rem 1.25rem;
  }
}
@media (min-width: 992px) {
  #section-advantages .advantage-item {
    margin-bottom: 4.25rem;
    align-items: end;
  }
  #section-advantages .advantage-item-title {
    font-size: 2rem;
  }
  #section-advantages .advantage-item-subtitle {
    max-width: 27.5rem;
  }
}
@media (min-width: 1200px) {
  #header {
    padding: 1.5rem 6.125rem;
  }
  #header #header-mlb-logo, #header #header-gc-logo {
    max-height: 3rem;
  }
  main #main-background {
    transform: rotate(65.52deg);
    bottom: -828px;
    left: -436px;
    width: 1808px;
    height: 1808px;
  }
  #section-advantages {
    max-width: 1280px;
    margin: 4.75rem auto;
    padding: 0 6.125rem;
  }
  #section-little-designs {
    left: 39px;
  }
  #section-little-designs .little-design {
    z-index: 2;
  }
  #section-little-designs #little-design-6 {
    z-index: 2;
  }
  footer {
    padding: 3.75rem 6.125rem;
  }
}

/*# sourceMappingURL=o_nas.css.map */