.main-text .border-content p {
  color: #ff0097;
  font-size: 11px;
  font-weight: 600;
}
img {
  max-width: 100%;
  height: auto;
}
.main-text .border-content p span {
  color: #000000;
  font-size: 11px;
  font-weight: 600;
}
.main-text .border-content p a {
  color: #000000;
  font-size: 11px;
  font-weight: 600;
}
.main-text .border-content {
  border-top: 2px solid #000000;
  padding-top: 20px;
  padding-bottom: 20px;
}
.home-strip {
  display: flex;
  justify-content: center;
  background: #ff0097;
  padding: 8px;
  width: 100%;
}
.home-strip p {
  font-size: 13px;
  color: #ffffff;
  padding: 0 10px;
}
.border-content .newsletter-custom {
  width: 100%;
}
.border-content .socials-block a {
  color: #000000;
  font-size: 25px;
  padding-right: 10px;
}
#header #compare-link {
  display: none;
}
.newsletter-custom .form.subscribe .tracking-widest {
  font-size: 11px;
  color: #000000;
}
.newsletter-custom input.form-input {
  border: 1px solid #000000;
  border-radius: 0;
}
.black-section {
  background: #000000;
  justify-content: center !important;
}
.black-section p {
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
}
.border-top-sec:after {
  content: "";
  background: #fff;
  padding: 1px;
  width: 15%;
  position: absolute;
  left: 41%;
  margin: 10px 0;
}
.border-top-sec {
  position: relative;
}
.border-bottom-sec {
  margin-top: 15px;
}
.payment-images img {
  float: right;
}
.copyright {
  margin-left: 34px;
}
.copyright-text p {
  font-size: 13px;
  font-weight: 500;
  margin-left: 0px;
}
.social-icons img {
  height: 18px;
    width: auto;
  margin-right: 10px;
}
.social-icons {
  display: flex;
}
.sub-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-block {
  position: relative;
}
.copy-rights-block {
  border-top: 1px solid #e4e4e4;
}
.text-base {
  font-size: 13px;
  line-height: 1.5rem;
  font-weight: 500;
}
.static-content-top {
  max-width: 740px;
  text-align: center;
  margin: 0 auto;
}
.static-content-top span {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  display: block;
}
.static-content-top h2 {
  font-size: 32px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 25px;
  line-height: 35px;
}
.static-content-bottom {
  margin: 0 auto;
  max-width: 740px;
}
.static-content p {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}
.static-content span {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  display: block;
  padding-bottom: 15px;
}
.static-content-top-inside {
  max-width: 543px;
  margin: 0 auto 50px;
}
.static-content {
  border-top: 1px solid #cbcbcb;
  padding: 20px 0;
}
.static-content ul {
  list-style: disc;
  padding-left: 20px;
  padding-bottom: 15px;
}
.static-content ul li {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
}
.static-content label {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  display: block;
}
.static-content h6 {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 20px;
}
.static-full-content {
  margin-bottom: 50px;
}
.home-pink-strip .pagebuilder-column-group {
  margin-bottom: 0 !important;
  padding: 0 !important;
}
[class*="cms-home"] .page-main {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
[class*="cms-home"] .page-main .columns {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.home-page .banner-image img {
  width: 100%;
}
.home-page .pagebuilder-column-group {
  padding: 0 !important;
}
.footer.content {
  max-width: 1270px;
  margin: 0 auto;
}
.cms-page-view .breadcrumbs {
  display: none;
}
.static-content h5 {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  padding-top: 15px;
}
.static-content-top-inside h5 {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  padding-top: 15px;
}
.static-page .static-page-image img {
  width: 100%;
}
.static-content h4 {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  padding: 15px 0;
}
.static-content .sub-ul-section {
  padding: 15px 0 25px;
}
.static-content .sub-section {
  padding: 15px 0;
}
.static-content .contact-sub-content {
  padding-top: 15px;
}
.cms-contact-us .static-content-bottom {
  text-align: center;
}
.static-content .video-bg-color {
  background: #e6e6e6;
  width: 100%;
  height: 358px;
}
.static-content table tbody {
  border: 1px solid #c5c5c5;
}
.static-content table tbody tr {
  border-bottom: 1px solid #c5c5c5;
  text-align: left;
  height: 50px;
}
.static-content table tbody tr td,
.static-content table tbody tr th {
  padding: 20px;
}
.static-content table tbody tr th {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}
.static-content table tbody tr td {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
}
.page-footer {
  border-top: 1px solid #e4e4e4;
}
.x247CustomRating,
.x247CustomCompare,
.x247CustomWishlist {
  display: none;
}
@media (min-width: 1280px) {
  .x247CustomSliderNavs {
    display: none;
  }
}
.newsletter-custom .x247CustomFooterImg {
  position: absolute;
  right: 0;
  margin-top: 3px;
  margin-right: -10px;
  background: center !important;
  box-shadow: none;
  border: 0 !important;
}
.newsletter-custom input.form-input:focus {
  box-shadow: none;
}
.x247CustomHeader .x247CustomAboveLogo {
  position: relative;
  max-width: 100%;
  padding: 0 !important;
}
.x247CustomHeader .x247CustomAboveLogo .custom-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.x247CustomAboveLogo .custom-category-menu {
  width: 100%;
  display: block;
}
.x247CustomNavCustom .x247CustomAbsolute {
  width: 102%;
  top: 100%;
  border-top: 1px solid #e4e4e4;
  left: -1px;
}
.custom-category-menu .x247CustomDesk .x247CustomNavCustom .level-0 {
  float: left;
  position: static;
}
.custom-category-menu .x247CustomDesk .x247CustomNavCustom .level-0 span {
  display: block;
}
.form.subscribe .subscribe-div {
  position: relative;
  width: 100%;
}
.x247CustomAboveLogo .x247CustomBelowNav {
  position: absolute;
  right: 40px;
  display: flex;
  top: 35%;
}
.copyright-top,
.copyright-top-desktop {
  margin-top: 50px;
}
.latest-products h3 {
  text-align: center;
  font-size: 20px;
  color: #000000;
  font-weight: 500;
}
.image-block {
  padding: 50px 25px 50px !important;
}
.x247CustomNavCustom .x247CustomAbsolute .row-0,
.x247CustomNavCustom .x247CustomAbsolute .row-1,
.x247CustomNavCustom .x247CustomAbsolute .row-2,
.x247CustomNavCustom .x247CustomAbsolute .row-3,
.x247CustomNavCustom .x247CustomAbsolute .row-4,
.x247CustomNavCustom .x247CustomAbsolute .row-5,
.x247CustomNavCustom .x247CustomAbsolute .row-6 {
  width: 12.5%;
  float: left;
}
@media (max-width: 767px) {
  .copyright-top-desktop {
    display: none !important;
  }
  .copyright-top {
    padding: 0 24px;
  }
}
@media (min-width: 768px) {
  .copyright-top {
    display: none;
  }
}
.category-static-page .category-image img {
  width: 100%;
}
.category-content-top {
  max-width: 807px;
  margin: 50px auto;
  text-align: center;
}
.category-content-top h2 {
  font-size: 32px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 25px;
}
.category-content-top span {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  display: block;
}
.category-static-page .pagebuilder-column-group {
  padding: 0;
}
.x247CustomAboveLogo .x247CustomDesk {
  padding: 0 !important;
}
@media (min-width: 768px) {
  .image-section-mobile {
    display: none !important;
  }
  .last-mobile-section {
    display: none !important;
  }
  .pink-strip-slider-mobile {
    display: none !important;
  }
  .payment-block-mobile {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .image-block {
    display: none !important;
  }
  .black-hide-section,
  .black-section {
    display: none !important;
  }
  .image-section-mobile figure {
    padding: 20px;
  }
  .pink-strip-slider-desktop {
    display: none !important;
  }
  .payment-block-desktop {
    display: none !important;
  }
}
.black-section-mobile {
  background: #000000;
  padding: 70px;
}
.black-section-mobile p {
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
}
.copy-rights-block .pagebuilder-column-group {
  max-width: 1270px;
  margin: 0 auto;
  width: 100%;
}
.custom-category-menu
  .x247CustomDesk
  .x247CustomNavCustom
  .relative
  .menu-span:hover:after {
  width: 80%;
}
.custom-category-menu
  .x247CustomDesk
  .x247CustomNavCustom
  .relative
  .menu-span {
  position: relative;
}
.custom-category-menu
  .x247CustomDesk
  .x247CustomNavCustom
  .relative
  .menu-span:after {
  content: "";
  position: absolute;
  left: 10%;
  bottom: -48px;
  width: 0;
  height: 3px;
  background: #fc1997;
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .x247CustomHeader .x247CustomAboveLogo .custom-logo {
    z-index: 30;
  }
  .x247CustomAboveLogo .x247CustomBelowNav {
    z-index: 30;
  }
}
@media (max-width: 1024px) {
  .x247CustomHeader .x247CustomAboveLogo {
    height: 80px;
  }
}
.last-mobile-section img {
  width: 100%;
}
@media (max-width: 768px) {
  .x247CustomAboveLogo .x247CustomBelowNav {
    right: 0 !important;
  }
}

body {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  background: #fff;
}
.login-container .text-primary {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}
.page-main .container .page-title {
  font-size: 32px;
  font-weight: 500;
  color: #000000;
  line-height: 35px;
}
.btn-primary {
  --btn-bg: #ff3188;
  --btn-hover-bg: #e0226d;
  --btn-active-bg: #c50068;
  background: #ff3188;
  border: 1px solid #ff3188;
  border-radius: 0;
}
.primary {
  background: #ff3188 !important;
  border-radius: 0 !important;
}
.actions-toolbar .btn-primary:focus,
.actions-toolbar .primary:focus {
  --tw-ring-shadow: none;
}
.message.error {
  background: #ff3188 !important;
  border: 1px solid #ff3188 !important;
  color: white !important;
}
.message.success {
  background: #ff3188 !important;
  border: 1px solid #ff3188 !important;
  color: white !important;
}
.message {
  background: #ff3188 !important;
  border: 1px solid #ff3188 !important;
  color: white !important;
}
.registation-container .form-create-account .card .field .text-red {
  color: #ff3188;
}
.card .contents span {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}
.card .field label span {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
}
.card .field .text-secondary {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
}
.card .field {
  margin-top: 30px;
}
@media (min-width: 1024px) and (max-width: 1300px) {
  .x247CustomHeader .x247CustomAboveLogo .custom-logo {
    left: 70% !important;
  }
}
.card .field .control .form-input {
  width: 50%;
}
.bg-primary {
  background: #ff3188 !important;
  border: 1px solid #ff3188 !important;
}
.item-actions .towishlist:hover {
  color: #ff3188 !important;
}
.btn-secondary {
  border: 1px solid #ff3188 !important;
  margin-right: 10px;
}
.actions-toolbar .primary button:focus,
.btn:focus {
  --tw-ring-shadow: none;
}
.account .block.account-nav .account-nav-title .title {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}
.account .block.account-nav .account-nav-content .items .item a {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
}

/* Account sidebar links. Hyva renders the list as `.account-nav li a`, with the
   current page as <strong>, which the theme sets to weight 400 - so both need
   naming here to come out bold. */
.account .account-nav li a,
.account .account-nav li strong {
  font-weight: 700;
}
.account .main .block-title {
  color: #000000;
}
.form-wishlist-items .box-tocart .product-item-actions {
  margin-top: 15px;
}
.focus\:outline-none:focus {
  outline: none;
  outline-offset: 2px;
  --tw-ring-shadow: none;
}
body .form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000 !important;
  font-size: 11px;
  font-weight: 500;
  /* Firefox */
}
/* Header search overlay uses a large input; the 11px global placeholder above is too small here. */
body .form.minisearch ::placeholder {
  font-size: 1.125rem !important;
}
body .form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000000 !important;
  font-size: 11px;
  font-weight: 500;
}
body .form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000000 !important;
  font-size: 11px;
  font-weight: 500;
}
.catalog-product-view .price-container .price-label.block.from-price {
  font-size: 28px;
  color: #000000;
  font-weight: 500;
  text-transform: uppercase;
  padding-right: 15px;
  padding-top: 4px;
}
.catalog-product-view .price-container .final-price {
  display: flex !important;
  padding: 0;
}
.catalog-product-view .price-container .price-wrapper .price {
  font-size: 28px;
  color: #000000;
  font-weight: 500;
}
.catalog-product-view .final-price .price-label.block.from-price {
  font-size: 28px;
  color: #000000;
  font-weight: 500;
  text-transform: uppercase;
  padding-right: 10px;
  padding-top: 0;
  margin-top: -5px;
}
.catalog-product-view .final-price {
  display: flex !important;
}
.catalog-product-view .final-price .price-wrapper .price:not(.discount-percentage) {
  font-family: 'Oswald', sans-serif;
  font-size: 34px;
  color: #141414;
  font-weight: 700;
  line-height: 1;
}
.product-info-div .wishlist-btn {
  width: 100%;
  background: none;
  justify-content: space-between;
  margin-left: 0;
  border-top: 1px solid #cbcbcb;
  border-radius: 0;
  padding: 20px 0;
  border-bottom: 1px solid #cbcbcb;
}
.catalog-product-view .product-info-div .wishlist-btn .wishlist-text {
  font-size: 11px;
  color: #000000;
  font-weight: 400;
}
.product-info-div .catalog-product-view .page-main {
  max-width: 1500px;
  margin: 0 auto;
}
.product-info-div .swatch-attribute .product-option-label span {
  font-size: 11px;
  color: #000000;
  font-weight: 400;
}
.product-info-div .swatch-attribute .product-option-label {
  margin: 10px 0;
}
.product-info-div
  .swatch-attribute.color
  .product-option-values
  .swatch-attribute-options
  .swatch-option {
  min-width: auto !important;
  border-radius: 20px;
  width: 30px;
  height: 30px;
}
.product-info-div .free-shipping-label {
  border: 1px solid #cbcbcb;
  padding: 10px;
  text-align: center;
}
.product-info-div .free-shipping-label label {
  color: #000000;
  font-size: 15px;
  font-weight: 400;
}
.product-info-div .filter-content .filter-option .filter-options-title span {
  color: #141414;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 17px;
  font-weight: 600;
}
.product-info-div
  .filter-content
  .filter-option
  .filter-options-content
  .product-description {
  color: #2B2B2B;
  font-family: 'Space Mono', monospace;
  font-size: 13px;
  line-height: 1.8;
  font-weight: 400;
}
.product-info-div .filter-content {
  border-top: 1px solid #E2E0DD;
  padding-top: 0;
}
.product-info-div .filter-content .filter-option {
  border-bottom: 1px solid #E2E0DD;
  background: none;
  box-shadow: none;
  padding: 15px 0;
}
.product-info-div .filter-content .filter-option .filter-options-title {
  border: none;
  position: relative;
}
.product-info-div .swatch-attribute.size {
  border-top: 1px solid #E2E0DD;
}
.product-info-div
  .swatch-attribute.size
  .custom-config-options
  .product-option-values {
  width: 85%;
  margin-left: 0;
}
.product-info-div
  .swatch-attribute.color
  .custom-config-options
  .product-option-values {
  width: 70%;
  margin-left: 0;
}
.product-info-div .swatch-attribute .custom-config-options .product-option-values .attr-selected-value .selected-attr-value {
    color: #000000;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    padding-left: 10px;
}
.product-info-div
  .swatch-attribute.size
  .product-option-values
  .swatch-attribute-options
  .swatch-option {
  min-width: 60px;
  height: 35px;
}
.qty-main-div {
  width: auto;
}
.qty-main-div .btn-dec {
  position: absolute;
  left: 3%;
  top: 4px;
}
.qty-main-div .qty-input {
  border-radius: 0;
  border: 1px solid #cbcbcb;
  width: 100%;
  padding: 22px 0;
}
.qty-main-div .btn-inc {
  position: absolute;
  right: 5%;
  top: 4px;
}
.product-info-div
  .swatch-attribute.size
  .product-option-values
  .swatch-attribute-options
  .swatch-option
  .attr-option {
  display: contents;
}
.pdp-latest-arrival .title {
  text-align: center;
  font-size: 20px;
  color: #000000;
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .black-section p {
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 1023px) {
  .menu-icon {
    padding: 15px 0;
  }
  .x247CustomAboveLogo .x247CustomBelowNav {
    top: 32%;
  }
}
.form-email:focus,
.form-input:focus,
.form-multiselect:focus,
.form-select:focus,
.form-textarea:focus {
  --tw-ring-shadow: none;
  border-color: #CBCBCB;
  box-shadow: none;
}
[type="checkbox"]:checked,
[type="radio"]:checked {
  border-color: #ff3188;
  background-color: #ff3188;
}
[type="checkbox"]:checked:focus,
[type="checkbox"]:checked:hover,
[type="radio"]:checked:focus,
[type="radio"]:checked:hover {
  border-color: #ff3188;
  background-color: #ff3188;
  --tw-ring-color: #fff;
}
@media (max-width: 767px) {
  .columns .sidebar {
     order: 1 !important;
 }
   .columns .sidebar-additional {
     order: 3 !important;
 }
 }
 @media (min-width: 1300px) {
  [class*="cms-home"] .page-footer {
    border-top: none;
  }
 }
 .catalog-product-view .pdp-latest-arrival .price-container {
    border-top: none !important;
    padding: 0 !important;
}
.catalog-product-view .pdp-latest-arrival {
  margin-top: 50px;
}
.cms-page-view .mode-breadcrumbs {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #CBCBCB;
    padding: 0 42px;
}
.cms-page-view .mode-breadcrumbs .sub-breadcrumbs .slash{
  color: #000000;
    font-size: 11px;
    font-weight: 500;
}
.cms-page-view .mode-breadcrumbs .sort .form-select.sorter-options {
    border: none;
    font-size: 11px;
    font-weight: 500;
    color: #000000;
    padding-right: 25px;
    padding-top: 7px;
}
.cms-page-view .mode-breadcrumbs .select-mode {
  display: flex;
  align-items: center;
}
.cms-page-view .section-category-grid .sub-category-section {
  padding: 50px 50px 20px;
  background: #F2F2F2;
  margin: 30px;
}
.cms-page-view .section-category-grid .sub-category-section .suc-cat-name {
    color: #000000;
    font-size: 15px;
    text-align: center;
    display: block;
    font-weight: 500;
    padding-top: 20px;
}
.cms-page-view .mode-breadcrumbs .select-mode .sub-breadcrumbs a{
    color: #000000;
    font-size: 11px;
    font-weight: 500;
}
.cms-page-view .mode-breadcrumbs .select-mode .mode-list, .cms-page-view .mode-breadcrumbs .select-mode .mode-grid{
  margin-right: 10px;
}
@media (min-width: 768px) {
  .cms-page-view .section-category-grid .section1, .cms-page-view .section-category-grid .section2, .cms-page-view .section-category-grid .section3, .cms-page-view .section-category-grid .section4, .cms-page-view .section-category-grid .section5, .cms-page-view .section-category-grid .section6, .cms-page-view .section-category-grid .section7, .cms-page-view .section-category-grid .section8, .cms-page-view .section-category-grid .section9, .cms-page-view .section-category-grid .section10 {
    display: flex;
  }
}
.cms-page-view .section-category-grid {
    max-width: 1500px;
    margin: 0 auto;
}
.product-info-div .add-attributes {
  display: flex;
}
.product-info-div .add-attributes .brakes-section, .product-info-div .add-attributes .straps-section {
  width: 50%;
  margin-right: 10px;
  padding: 12px 18px;
  border: 1px solid #E2E0DD;
  font-family: 'Space Mono', monospace;
  font-size: 13px;
  line-height: 1.7;
  font-weight: 400;
  color: #2B2B2B;
}
.catalog-product-view .product-info-main section .product-image-top {
  padding-top: 0;
}
.product-image-div .image-background {
  background: #F7F7F7;
  margin-top: 25px;
}
@media (max-width: 1024px) {
  .product-image-div {
    border-top: 1px solid #cbcbcb;
    width: 100%;
}
.product-info-div {
  width: 100%;
  padding-left: 0;
}
}
@media (min-width: 1025px) {
  .product-info-div {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0;
    padding-top: 0;
  }
  .product-image-div {
    max-width: 1018px;
    margin: 0 auto;
    border-top: 1px solid #cbcbcb;
  }
}
@media (min-width: 1536px) {
  .product-info-div {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0;
    padding-top: 0;
    width: 100%;
  }
  .product-image-div {
    max-width: 1018px;
    margin: 0 auto;
    border-top: 1px solid #cbcbcb;
    width: 100%;
  }
}
.addto-btn span {
  display: block;
}
.blb-rail {
  scrollbar-width: none;
}
.blb-rail::-webkit-scrollbar {
  height: 0;
  display: none;
}
.catalog-product-view .breadcrumbs {
  margin-left: calc(50% - min(50vw, 960px));
  margin-right: calc(50% - min(50vw, 960px));
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .catalog-product-view .breadcrumbs {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 767px) {
  .catalog-product-view .breadcrumbs {
    display: none;
  }
}
/* ===== Sticky minimizing header ===== */
.page-header {
  position: sticky;
  top: 0;
  z-index: 40;
  border-top: 5px solid #ff3188;
  background-color: #f9fafb;
  transition: box-shadow .3s ease;
}
.page-header.blb-scrolled {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.page-header .announcement-bar {
  overflow: hidden;
  max-height: 80px;
  border-top-width: 0;
  transition: max-height .3s ease, padding .3s ease;
}
.page-header.blb-scrolled .announcement-bar {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}
/* Layered navigation: the filter column is capped at 100vh with its own scroll
   region (max-h-screen / overflow-y-scroll on #filters-content) and .filter-container
   hides that scrollbar, so on a desktop sidebar - which is in normal flow, not
   sticky - anything past one viewport is silently cut with no affordance to reach
   it. Let the column flow with the page from md up; the mobile panel keeps the
   capped, scrollable behaviour it was written for. */
@media (min-width: 768px) {
  .blb-filter-scroll {
    max-height: none;
    overflow-y: visible;
  }
}

/* Currency switcher: the scope label costs about 95px, which the header row
   cannot spare until it is wide enough. Below that the button collapses back to
   the plain icon and the label is only read in the dropdown. */
.blb-currency-toggle {
  width: 58px;
  padding: 0;
}
.blb-currency-label {
  display: none;
}
@media (min-width: 1440px) {
  .blb-currency-toggle {
    width: auto;
    padding: 0 0.75rem;
    gap: 0.5rem;
  }
  .blb-currency-label {
    display: inline;
  }
}

/* Logo sits centrally between the category links; give it breathing room and
   shrink from its own centre when the sticky header compacts. It keeps the
   middle track below lg too, where the links are hidden and it is the only
   item, so the one logo serves every breakpoint. */
.blb-nav-logo {
  grid-column: 2;
}
.blb-nav-logo .logo-container > a {
  transform-origin: center center;
}
/* The store config still carries the old logo's 50x58 size, so the square
   helmet artwork widened the header once it loaded. Reserve a square until the
   file's own ratio is known. */
.logo_header {
  aspect-ratio: auto 1 / 1;
}
@media (min-width: 1024px) {
  .blb-nav-logo {
    padding: 0 1.5rem;
  }
}
@media (min-width: 1280px) {
  .blb-nav-logo {
    padding: 0 2.5rem;
  }
}

/* Equal-width halves keep the logo on the nav's centre line whatever the two
   category groups measure (fr tracks share space evenly). */
.blb-nav-split {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: stretch;
  width: 100%;
}
.blb-nav-split > ul:first-child {
  justify-content: flex-end;
}
.blb-nav-split > ul:last-child {
  justify-content: flex-start;
}

/* Below the theme's 1600px grid breakpoint the row is flex, which parks the nav
   next to the icon cluster and leaves the dead space on the left. Centre it the
   same way from lg up. */
@media (min-width: 1024px) and (max-width: 1599px) {
  .blb-header-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
  }
  .blb-header-row > div:last-child {
    justify-self: end;
  }
}

.page-header .blb-header-row {
  transition: padding-top .3s ease, padding-bottom .3s ease;
}
.page-header.blb-scrolled .blb-header-row {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 1024px) {
  .page-header .logo-container > a {
    transition: transform .3s ease;
    transform-origin: center center;
  }
  .page-header.blb-scrolled .logo-container > a {
    transform: scale(0.82);
  }
}
.cms-page-view .section-category-list .sub-category-section{
  padding: 25px 50px;
}
@media (min-width:768px) {
  .cms-page-view .section-category-list .sub-category-section .suc-cat-a{
    display: flex;
}
.cms-page-view .section-category-list .sub-category-section .suc-cat-name {
  display: flex;
    align-items: center;
    padding-left: 50px;
}
}
@media (max-width:767px) {
.cms-page-view .section-category-list .sub-category-section .suc-cat-name {
    width: 100%;
    display: block;
    text-align: center;
}
}
.pdp-latest-arrival .product-info .swatch-attribute {
  display: none;
}
.catalog-product-view .top-container {
  display: none;
}
.product-slider .swatch-attribute {
  display: none;
}
.cms-video .static-content h6 {
  font-weight: 500;
}
.static-content .video-bg-color {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .js_thumbs_slides .div2 {
    display: flex;
  }
}
.js_thumbs_slides .div2 .custom-img-div-1, .js_thumbs_slides .div2 .custom-img-div-2 {
  width: 489px;
  height: 444px;
  margin-right: 22px;
  margin-top: 25px;
  margin-bottom: 35px;
}
.desktop-view-gallery .div1 .custom-img-div-0 img {
    border: 1px solid #CBCBCB;
    width: 1080px;
}
.catalog-category-view .page-main {
  margin-bottom:0 !important;
  margin-top: 0 !important;
}
.hyvareactcheckout-reactcheckout-index #react-checkout .text-base {
  font-size: 1rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .hyvareactcheckout-reactcheckout-index .checkout-right-section {
    margin-top: 0 !important;
    margin-left: 30px;
  }
}
.hyvareactcheckout-reactcheckout-index .checkout-right-section .card .table .checkout-prod-tr .checkout-prod-item {
  width: 30%;
}
.static-content-top .static-content-top-inside .margin-bot-div {
  margin-bottom: 20px;
}
.cms-warranty .static-content .table-content {
  margin-top: 20px;
}
.cms-carbon-wheels-rims-guidelines .static-content .carbon-div {
  margin-top: 15px;
}
.catalog-category-view .sidebar .custom-filter-div .custom-filter-span {
  font-size: 11px;
  font-weight: 500;
  color: #000000;
}
@media (min-width: 768px) {
  .catalog-category-view .sidebar .custom-filter-div {
    border-bottom: 1px solid #CBCBCB;
    padding-left: 2px;
  }
}
.catalog-category-view .sidebar .filter-content .filter-option {
  box-shadow: none;
  margin-top: 0;
}
.catalog-category-view .sidebar .filter-content .filter-option .filter-options-title .custom-acc-symbol {
  display: none;
}
.catalog-category-view .sidebar .filter-content .filter-option .filter-options-title .custom-attribute-title {
  font-size: 11px;
  font-weight: 500;
  color: #000000;
}
.catalog-category-view .sidebar .filter-content .filter-option .filter-options-content .mst-nav__label-item .mst-nav__label-item__label span{
  font-size: 11px;
  font-weight: 500;
  color: #000000;
}
.catalog-category-view .sidebar .filter-content .filter-option .filter-options-content{
  padding-top: 0;
}
.catalog-category-view  #m-navigation-product-list-wrapper .toolbar-products .modes-mode.mode-grid{
  background-image: none;
  margin-top: 5px;
}
.catalog-category-view  #m-navigation-product-list-wrapper .toolbar-products .modes-mode.mode-list{
  background-image: none;
  margin-top: 5px;
}
.catalog-category-view .column.main .mst-quick-nav__filterList {
  display: none;
}
.catalog-category-view .swatch-attribute.color .swatch-attribute-options .swatch-option {
  border-radius: 20px;
  width: 25px;
  min-width: auto;
}
.catalog-category-view  #m-navigation-product-list-wrapper .toolbar-products .cat-toolbar-btm-sec {
  display: flex;
}
.catalog-category-view  #m-navigation-product-list-wrapper .toolbar-products .toolbar-amount  {
  display: none;
}
.toolbar-products .cus-pagi-div .pages-items .item.pages-item-previous {
  display: none;
}
.toolbar-products .cus-pagi-div .pages {
  position: relative;
  border-bottom: 1px solid #CBCBCB;
}
.toolbar-products .cus-pagi-div .pages-items .item a.custom-style-pag:after {
    position: absolute;
    content: '';
    left: 5%;
    bottom: -1px;
    width: 35px;
    height: 3px;
    background: #fc1997;
    transition: all 0.5s;
}
@media (max-width: 767px) {
  .catalog-category-view .sidebar .filter-content .filter-option {
  }
}
@media (min-width: 768px) {
  .catalog-category-view .sidebar.sidebar-main .custom-filter-div {
    margin-top: -30px;
  }
}
.catalog-category-view  #m-navigation-product-list-wrapper .cat-custom-breadcrumbs {
  margin-top: 10px;
}
.catalog-category-view  #m-navigation-product-list-wrapper .cat-grid-div {
  width: 20%;
}
.catalog-category-view  #m-navigation-product-list-wrapper .cat-sort-div {
  width: 30%;
}
@media (max-width: 1023px) {
  .catalog-category-view .page-main .page-title {
    text-align: center;
  }
}
.js_thumbs_slides .desktop-view-gallery .div1 .custom-img-div-0.sub-img-1 {
  display: none;
}
@media (max-width: 767px) {
  .checkout-prod-tr th, .prod-desktop {
    display: none;
  }
}
.hyvareactcheckout-reactcheckout-index .bill-address {
    padding-top: 10px;
    height: 50px;
}
.checkout-div {
  padding-right: 0;
  padding-left: 0;
}
.mst-nav__label .mst-nav__label-item._mode-checkbox input[type="checkbox"]:checked:before {
  background: #ff0097 !important;
}
.hyvareactcheckout-reactcheckout-index .btn-warning {
  background: #ff3188 !important;
}
.hyvareactcheckout-reactcheckout-index .checkout-right-section .card .table .checkout-prod-tr .checkout-prod-qty {
  width: 25%;
  padding-left: 30px;
}
.hyvareactcheckout-reactcheckout-index .checkout-right-section .card .table tbody tr .prod-desktop{
  padding-left: 30px;
}
.catalog-category-view .wishlist-widget {
  display: none;
}
.catalog-category-view  .category-image{
  display: none;
}
.catalog-product-view #product.attributes {
  display: none;
}
[class*="cms-home"] .columns {
    max-width: 100%;
}
.image-block img, .black-hide-section img {
 width: 100%;
}

/* Hero slider — viewport-height sizing (mirrors blb-redesign .hero-slider) */
.pagebuilder-slider,
.pagebuilder-slider .glider-track,
.pagebuilder-slider .glider-slide,
.pagebuilder-slider .pagebuilder-slide-wrapper {
  height: 33.333vw !important; /* fixed 3:1 banner ratio */
  min-height: 400px !important;
  max-height: 720px;
}
/* Hyva keeps the slider invisible until glider.js has loaded and initialised,
   which holds back the hero (the homepage LCP) for seconds. Before init every
   slide after the first already has zero height and the slider height is fixed
   above, so the first slide can show straight away without a layout shift. */
.pagebuilder-slider[data-content-type='slider'] {
  visibility: visible;
}
.pagebuilder-slider .pagebuilder-slide-wrapper {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
/* Make each slide its own positioning root so banner widgets anchor per-slide, not globally */
.pagebuilder-slider .glider-slide,
.pagebuilder-slider .pagebuilder-slide-wrapper {
  position: relative;
}
/* Hide Glider's horizontal scrollbar at the bottom of the slider */
.pagebuilder-slider .glider {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.pagebuilder-slider .glider::-webkit-scrollbar {
  display: none;
}
.pagebuilder-slider {
  overflow: hidden;
}
/* Zero margin-bottom that PageBuilder default applies on full-bleed row inner div */
[data-content-type="row"][data-appearance="full-bleed"] > div,
[data-content-type="row"][data-appearance="full-width"] > div {
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .pagebuilder-slider,
  .pagebuilder-slider .glider-track,
  .pagebuilder-slider .glider-slide,
  .pagebuilder-slider .pagebuilder-slide-wrapper {
    height: 100vw !important; /* fixed 1:1 banner ratio on mobile */
    min-height: 340px !important;
    max-height: 460px !important;
  }
}

/* Re-enable nav wrapper for pagebuilder slider (project hides .carousel-nav globally) */
.pagebuilder-slider .carousel-nav {
  display: contents !important;
}

/* Hero slider arrows + dots — mirror blb-redesign .slider-arrow / .slider-dot */
.pagebuilder-slider .glider-prev,
.pagebuilder-slider .glider-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  border: 1px solid #fff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  transition: 0.2s;
  backdrop-filter: blur(6px);
  font-size: 1.5rem !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pagebuilder-slider .glider-prev { left: 18px !important; right: auto !important; }
.pagebuilder-slider .glider-next { right: 18px !important; left: auto !important; }
.pagebuilder-slider .glider-prev:hover,
.pagebuilder-slider .glider-next:hover {
  background: #e6007e !important;
  border-color: #e6007e !important;
  color: #fff !important;
}

.pagebuilder-slider .glider-dots {
  position: absolute !important;
  bottom: 22px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 10px !important;
  z-index: 3;
  margin: 0 !important;
  padding: 0 !important;
}
.pagebuilder-slider .glider-dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  border: 2px solid #fff !important;
  background: transparent !important;
  opacity: 0.7;
  cursor: pointer;
  transition: 0.2s;
  padding: 0 !important;
  margin: 0 !important;
}
.pagebuilder-slider .glider-dot.active {
  background: #e6007e !important;
  border-color: #e6007e !important;
  opacity: 1;
}
@media (max-width: 768px) {
  .pagebuilder-slider .glider-prev,
  .pagebuilder-slider .glider-next {
    display: none !important;
  }
}
.hyvareactcheckout-reactcheckout-index .bg-green-500, .hyvareactcheckout-reactcheckout-index .bg-gray-500 {
  background: #ff3188 !important;
}
.hyvareactcheckout-reactcheckout-index .checkout-right-section .card .table .checkout-prod-tr .checkout-prod-item,
.hyvareactcheckout-reactcheckout-index .checkout-right-section .card .table .checkout-prod-tr .checkout-prod-price,
.hyvareactcheckout-reactcheckout-index .checkout-right-section .card .table .checkout-prod-tr .checkout-prod-subtot,
.hyvareactcheckout-reactcheckout-index .checkout-right-section .card .table .checkout-prod-tr .checkout-prod-action {
  padding-left: 30px;
}
.swatch-attribute .swatch-attribute-options {
  position: relative;
  padding-bottom: 10px;
}
.swatch-attribute .swatch-attribute-options .attr-selected-value.color,
.swatch-attribute .swatch-attribute-options .attr-selected-value.size {
  position: absolute;
}
.catalog-product-view #product_addtocart_form, .catalog-product-view #product_addtocart_form .cus-mgn-main-swatch-div {
  margin-bottom: 0;
}
.catalog-product-view .custom-config-options .cus-mgn-swatch-div {
   margin-bottom: 20px;
}
.catalog-product-view #maincontent .pdp-title {
  margin: 0 !important;
 }
 @media (max-width: 767px) {
 .catalog-product-view .column.main .container{
     padding-left: 0 !important;
 }
 }
 .currency-switcher {
  position: absolute;
    right: 65px;
    top: 60px;
    background: #fff;
}
.currency-switcher .cur-img {
    padding: 10px;
}
.currency-switcher .cur-img:hover {
    border: 2px solid;
}
@media (max-width: 768px) {
.currency-switcher {
    right: 25px;
}
}
.search-placeholder {
  input::placeholder {
    color: white !important;
    font-size: 20px;
  }
}
.control input,
.control select {
  max-width: 450px !important;
  width: 100% !important;
}
.sidebar-main {
  display: flex;
  flex-direction: column-reverse;
}

.actions-toolbar {
    padding-bottom: 10px;
    .secondary {
        padding-right: 5px;
        a {
            &.action.back {
                color: #000000 !important;
                text-decoration: underline !important;
            }
        }
    }
}

@media only screen and (max-width: 766px) {
    .actions-toolbar {
        .secondary {
            width: auto;
        }
    }
}

/* Header icon hover — subtle zoom (search / account / currency / cart) */
#header .icon-btn {
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
#header .icon-btn:hover {
  transform: scale(1.08);
}

/* ============================================================================
   Latest Arrivals — homepage product slider restyle (mirrors blb-redesign .latest)
   Scope: anchored on .homepage-products to avoid bleeding to PDP/upsell sliders.
   ============================================================================ */
.homepage-products {
  background: #f9f9f9;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 4rem 2rem;
}

/* Full-bleed gray section — wraps .latest-head + .full-widht-items-slider */
.full-items-slider-row {
  background: #f9f9f9;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 4rem 0 !important;
  margin: 0 !important;
}
.full-widht-items-slider {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem 4rem;
}

.latest-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin: 0 auto 1.5rem;
  max-width: 1400px;
  padding: 0 2rem;
}
.latest-head h3 {
  font-family: 'Oswald', sans-serif !important;
  font-size: 2rem !important;
  line-height: 1.1 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 !important;
  font-weight: 500 !important;
  color: #111 !important;
  text-align: left !important;
}
.latest-head p {
  max-width: 460px;
  font-family: 'Space Mono', monospace !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #333 !important;
  margin: 0 !important;
  text-align: right;
}
@media (max-width: 768px) {
  .latest-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .latest-head p { text-align: left; }
}

/* Stretch all slides to equal height + breathing room for hover shadow */
.product-slider .glider-track {
  align-items: stretch;
}
.product-slider .glider-slide {
  height: auto;
  display: flex;
  padding: 4px;
}

@media (max-width: 768px) {
  .homepage-products {
    padding: 2.5rem 1rem;
  }
}

/* ==========================================================================
   FOOTER REDESIGN — black bg, pink top border, mockup-style typography.
   Targets `.page-footer` only, so existing CMS blocks render unchanged
   on other pages.
   ========================================================================== */

.page-footer {
  background: #080808 !important;
  color: #fff !important;
  border-top: 0 !important;
  padding: 0 !important;
}
.page-footer .footer.content {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.page-footer .widget.block.block-static-block,
.page-footer .widget.block.block-static-block > div {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

/* Layout column grids that PageBuilder produces for the desktop footer
   (`.footer-columns`) and the legacy `.main-text` wrapper for mobile. */
.page-footer .copyright-top,
.page-footer .copyright-top-desktop {
  margin: 0 auto;
  max-width: 1200px;
}

/* Wrapper level — keep block flow. */
.page-footer .footer-columns,
.page-footer .copyright-top .main-text {
  display: block;
  max-width: 1200px;
  margin: 0 auto 2rem;
}
/* PageBuilder column-line holds the 4 columns; lay them as an equal grid. */
.page-footer .pagebuilder-column-line,
.page-footer .copyright-top .main-text {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 2.5rem !important;
  align-items: start !important;
  width: 100% !important;
}
.page-footer .pagebuilder-column {
  width: auto !important;
  flex: 1 1 0% !important;
  min-width: 0 !important;
  display: block !important;
  padding: 0 !important;
}
@media (max-width: 1024px) {
  .page-footer .pagebuilder-column-line,
  .page-footer .copyright-top .main-text {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .page-footer .pagebuilder-column-line,
  .page-footer .copyright-top .main-text {
    grid-template-columns: 1fr !important;
    gap: 1.75rem !important;
  }
}

/* Footer copy shares the category menu's face. Guards CMS block content that
   still carries the older mono utility, which the Tailwind JIT leaves unprefixed. */
.page-footer .font-mono {
  font-family: 'Inter', system-ui, sans-serif;
}

/* Reset per-column borders/padding from the original light theme. */
.page-footer .border-content {
  border: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* Sub-section divider: every .border-content after the first inside its column
   gets a hairline pink rule on top, indicating a new sub-section starts. */
.page-footer .border-content + .border-content {
  border-top: 1px solid #ff3188 !important;
  padding-top: 1rem !important;
  margin-top: 1rem !important;
}

/* Column headings — first <p> in each `.border-content`. Pink Oswald. */
.page-footer .border-content > p:first-child {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #ff3188 !important;
  margin: 0 0 0.75rem !important;
}

/* Column body items: links, spans, plain text. */
.page-footer .border-content p {
  margin: 0 0 0.45rem !important;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,0.75) !important;
}
.page-footer .border-content p span {
  color: rgba(255,255,255,0.75) !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
.page-footer .border-content p a {
  color: rgba(255,255,255,0.75) !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  text-decoration: none;
  transition: color 0.2s;
}
.page-footer .border-content p a:hover {
  color: #ff3188 !important;
}

/* Embedded images inside columns (e.g. BigMama logo). */
.page-footer .border-content img {
  max-width: 140px;
  height: auto;
  filter: brightness(0) invert(1);
  opacity: 0.85;
}

/* Newsletter / subscribe form */
.page-footer .newsletter-custom,
.page-footer .border-content form,
.page-footer form.subscribe {
  display: grid;
  gap: 0.6rem;
  width: 100%;
}
.page-footer input[type="email"],
.page-footer .newsletter-custom input[type="email"],
.page-footer .border-content input[type="email"] {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  color: #fff !important;
  padding: 0.65rem 0.75rem !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.9rem !important;
  width: 100% !important;
  border-radius: 0 !important;
}
.page-footer input[type="email"]::placeholder { color: rgba(255,255,255,0.5) !important; }
.page-footer input[type="email"]:focus {
  outline: none !important;
  border-color: #ff3188 !important;
  box-shadow: none !important;
}
.page-footer button[type="submit"],
.page-footer .newsletter-custom button {
  padding: 0.7rem 0.9rem !important;
  border: 1px solid #ff3188 !important;
  background: #ff3188 !important;
  color: #fff !important;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  border-radius: 0 !important;
  width: auto;
  justify-self: end;
}
.page-footer button[type="submit"]:hover,
.page-footer .newsletter-custom button:hover {
  background: transparent !important;
  color: #fff !important;
}

/* Social icons row — bigger, white, pink on hover. */
.page-footer .social-icons,
.page-footer .border-content .socials-block {
  display: flex !important;
  align-items: center;
  gap: 0.85rem;
  margin-top: 0.75rem;
}
.page-footer .social-icons img,
.page-footer .border-content .socials-block img {
  height: 22px !important;
  width: 22px !important;
  margin: 0 !important;
  filter: brightness(0) invert(1) opacity(0.8);
  transition: filter 0.2s, transform 0.2s;
}
.page-footer .social-icons a:hover img,
.page-footer .border-content .socials-block a:hover img {
  filter: invert(40%) sepia(95%) saturate(3000%) hue-rotate(310deg) brightness(100%);
  transform: translateY(-1px);
}
.page-footer .border-content .socials-block a {
  color: rgba(255,255,255,0.75) !important;
  padding: 0 !important;
  font-size: 1.25rem !important;
}
.page-footer .border-content .socials-block a:hover {
  color: #ff3188 !important;
}

/* Bottom strip — payment row + legal/copyright */
.page-footer .copy-rights-block,
.page-footer .payment-block-desktop,
.page-footer .payment-block-mobile {
  max-width: 1200px;
  margin: 1.5rem auto 0;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.7);
  font-size: 0.8rem;
  letter-spacing: 0.4px;
}
.page-footer .copy-rights-block a {
  color: rgba(255,255,255,0.7) !important;
  text-decoration: none;
}
.page-footer .copy-rights-block a:hover { color: #ff3188 !important; }
.page-footer .copy-rights-block,
.page-footer .copy-rights-block * {
  background: transparent !important;
}

/* Payment-block container (separate "footer-container") inherits black bg too. */
.footer-container {
  background: #0a0a0a;
  color: rgba(255,255,255,0.7);
  border-top: 0;
}
.footer-container .payment-block-desktop,
.footer-container .payment-block-mobile {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 2rem 1.5rem;
}
.footer-container img {
  filter: brightness(0) invert(1) opacity(0.85);
}

.product-item .old-price .price-container .price {
    text-decoration: line-through;
}

/* PLP REDESIGN - Category description (Minimal accent): centered, capped 720px, small pink rule, self-hides when empty. */
.blb-cat-desc { max-width:720px; margin:2rem auto 1.5rem; padding:0 1rem; text-align:center; font-family:"Inter", system-ui, sans-serif; font-size:0.95rem; line-height:1.7; color:#2B2B2B; }
.blb-cat-desc :where(h1,h2,h3,h4,h5,h6){ font-family:"Oswald","Segoe UI","Helvetica Neue",Arial,sans-serif; text-transform:uppercase; letter-spacing:0.5px; color:#141414; margin:0 0 0.5rem; }
.blb-cat-desc :where(p){ margin:0 0 0.75rem; }
.blb-cat-desc :where(p:last-child){ margin-bottom:0; }
.blb-cat-desc :where(a){ color:#e6007e; text-decoration:underline; text-underline-offset:2px; }
.blb-cat-desc :where(a):hover{ color:#141414; }
.blb-cat-desc--minimal::after{ content:""; display:block; width:56px; height:2px; margin:1.25rem auto 0; background:#e6007e; }
.blb-cat-desc:empty{ display:none; }

/* PLP REDESIGN - 2-col layout: 280px filter sidebar + fluid product column, capped 2000px, lg+ only. */
.blb-cat-columns{ display:block; max-width:2000px; margin-left:auto; margin-right:auto; }
@media (min-width:1024px){ .blb-cat-columns{ display:grid; grid-template-columns:280px minmax(0,1fr); gap:48px; align-items:start; } }
.blb-cat-columns > .sidebar-main{ display:flex; flex-direction:column; width:auto; }
.blb-cat-columns > .column.main{ min-width:0; }
.catalog-category-view .columns .sidebar-additional{ display:none; }


/* Social login popup titles are plain <p> in our template overrides; keep the
   look Mageplaza gives them as #popup_test h2. */
#popup_test .login-title,
#popup_test .create-account-title,
#popup_test .forgot-pass-title{ font-weight:300; line-height:1.1; font-size:1.6rem; }