
.carousel-cards {
  --block-background: #ea00a8;
}
/* MOBILE STYLES */
.bf-wrapper .secondary_product_list .campaign-list .grid-header-wrapper h2 {
  font-size: 24px;
}
.secondary_product_list .grid-header-wrapper h3,
.secondary_product_list .grid-header-wrapper span {
  font-size: 16px;
}
/* END OF MOBILE STYLES*/
/* DESKTOP STYLES */
@media screen and (min-width: 960px) {
  .bf-wrapper .secondary_product_list .campaign-list .grid-header-wrapper h2 {
    font-size: 32px;
  }
}
/* END OF DESKTOP STYLES*/
.campaign-list .grid-content .product-desc,
.campaign-list .grid-content .product-wrapper {
  color: white;
}
.page-main {
  background: #7070ed;
  background: linear-gradient(177deg, #1e6a1d 20%, #5da5d3 67%, #0a1246 100%);
  color: white;
}
.bf-wrapper .content-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 32px;
}
@media (min-width: 1200px) {
  .bf-wrapper .content-wrapper {
    padding: 0 64px;
    margin-top: 64px;
  }
}
.bf-wrapper .button-page-footer {
  margin-top: -16px;
  margin-bottom: 64px;
}
@media (min-width: 1200px) {
  .bf-wrapper .button-page-footer {
    margin-top: -32px;
    margin-bottom: 128px;
  }
}
.bf-wrapper .campaign-list .content-wrapper {
  padding: 32px;
}
@media (min-width: 1200px) {
  .bf-wrapper .campaign-list .content-wrapper {
    padding: 64px;
  }
}
.bf-wrapper .campaign-list .grid-header-wrapper {
  margin: 0 0 20px;
  text-align: center;
}
@media (min-width: 960px) {
  .bf-wrapper .campaign-list .grid-header-wrapper {
    margin-bottom: 64px;
  }
}
.bf-wrapper .campaign-list .grid-header-wrapper h2 {
  margin: 0;
}
@media (min-width: 960px) {
  .bf-wrapper .campaign-list .grid-header-wrapper h2 {
    font-size: 56px;
  }
}
.bf-wrapper .campaign-list a {
  color: inherit;
}
.bf-wrapper .campaign-list .btn.btn-primary-dark {
  background: #FFFDFB;
  color: #34303d;
}
.bf-wrapper .campaign-list .grid-content {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-top: -8px;
}
.bf-wrapper .campaign-list .grid-content li {
  width: calc(50% - 8px);
  margin-top: 8px;
  margin-left: 8px;
  background-image: url("https://preprod.iqos.pt/vendor/studio-42/elfinder/php/connector.php?cmd=file&target=fls1_aW1hZ2VzL0lsdW1hTkVPTi9JUU9TX0lMVU1BUFJJTUVfSUlORU9OTEUyNF9XRUItTEFOLTEwWS1EMi1MUC0tVDAzLVMwMS1CRy0tRE1OQy1ELS0tMVhfV0VCX0VOLU9DLmpwZw&_t=1718969744");
  background-size: cover;
  text-align: center;
  position: relative;
  z-index: 1;
}
.bf-wrapper .campaign-list .grid-content li > a {
  position: relative;
  z-index: 2;
}
@media (min-width: 960px) {
  .bf-wrapper .campaign-list .grid-content li {
    width: calc(33.333333% - 8px);
  }
}
@media (min-width: 1200px) {
  .bf-wrapper .campaign-list .grid-content li {
    width: calc(25% - 8px);
  }
}
.bf-wrapper .campaign-list .grid-content li.transparent {
  background: none;
}
.bf-wrapper .campaign-list .grid-content li::before {
  content: "";
  background-size: cover;
  background-image: url("https://preprod.iqos.pt/vendor/studio-42/elfinder/php/connector.php?cmd=file&target=fls1_aW1hZ2VzL0lsdW1hTkVPTi9JUU9TX0lMVU1BUFJJTUVfSUlORU9OTEUyNF9XRUItTEFOLTEwWS1EMi1MUC0tVDAzLVMwMS1CRy0tRE1OQy1ELS0tMVhfV0VCX0VOLU9DLmpwZw&_t=1718969744");
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  transition: 0.2s;
}
.bf-wrapper .campaign-list .grid-content li:hover::before {
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
}
.bf-wrapper .campaign-list .grid-content li .product-wrapper {
  height: 100%;
  padding: 16px;
  display: block;
}
@media (min-width: 960px) {
  .bf-wrapper .campaign-list .grid-content li .product-wrapper {
    padding: 32px 20px;
  }
}
.bf-wrapper .campaign-list .grid-content li .product-wrapper:hover .btn-turquoise-hover-arrow:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQxRDI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==);
  transform: translateX(5px);
}
.bf-wrapper .campaign-list .grid-content li .product-wrapper:hover .btn:after {
  transform: translate(-10%, -50%) skew(-30deg);
  opacity: 1;
}
.bf-wrapper .campaign-list .grid-content li .product-wrapper:hover .btn {
  color: white;
}
.bf-wrapper .campaign-list .grid-content li .product-wrapper form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bf-wrapper .campaign-list .grid-content li .product-badges {
  margin-bottom: 0;
}
.bf-wrapper .campaign-list .grid-content li .product-badges + .product-title {
  margin-top: 7px;
}
@media (min-width: 768px) {
  .bf-wrapper .campaign-list .grid-content li .product-badges + .product-title {
    margin-top: 16px;
  }
}
.bf-wrapper .campaign-list .grid-content li .product-variant {
  font-size: 12px;
}
@media (min-width: 768px) {
  .bf-wrapper .campaign-list .grid-content li .product-variant {
    font-size: 18px;
  }
}
.bf-wrapper .campaign-list .grid-content li .badge {
  font-size: 14px;
  padding: 4px 12px;
  font-weight: bold;
}
.bf-wrapper .campaign-list .grid-content li h3 {
  font-size: 14px;
  line-height: 1.2;
  margin: 0;
}
@media (min-width: 768px) {
  .bf-wrapper .campaign-list .grid-content li h3 {
    font-size: 21px;
  }
}
.bf-wrapper .campaign-list .grid-content li .product-img {
  margin: 6px 0;
}
@media (min-width: 768px) {
  .bf-wrapper .campaign-list .grid-content li .product-img {
    margin: 27px 0;
  }
}
.bf-wrapper .campaign-list .grid-content li .product-price {
  white-space: nowrap;
}
.bf-wrapper .campaign-list .grid-content li .price {
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
}
.bf-wrapper .campaign-list .grid-content li .old-price {
  color: white;
  font-size: 14px;
  line-height: 1.3;
}
.bf-wrapper .campaign-list .grid-content li img {
  display: block;
  max-height: 256px;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .bf-wrapper .campaign-list .grid-content li img {
    max-height: 288px;
  }
}
.bf-wrapper .campaign-list .grid-content li .product-second-image {
  display: none;
}
.bf-wrapper .campaign-list .grid-content li .add-to-cart {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .bf-wrapper .campaign-list .grid-content li .add-to-cart {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .bf-wrapper .campaign-list .grid-content li .btn {
    padding: 8px 20px;
    white-space: normal;
  }
}
.bf-wrapper .campaign-list .grid-content li .product-link {
  margin-top: 16px;
}
.bf-wrapper .campaign-list .grid-content li .btn-link-box {
  font-size: 16px;
}
.bf-wrapper .campaign-list .grid-content li.featured {
  text-align: left;
}
.bf-wrapper .campaign-list .grid-content li.featured h3 {
  font-size: 16px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .bf-wrapper .campaign-list .grid-content li.featured h3 {
    font-size: 24px;
  }
}
.bf-wrapper .campaign-list .grid-content li.featured .price {
  font-size: 24px;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .bf-wrapper .campaign-list .grid-content li.featured .price {
    font-size: 32px;
  }
}
.bf-wrapper .campaign-list .grid-content li.featured .product-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0;
  justify-content: space-between;
}
.bf-wrapper .campaign-list .grid-content li.featured .product-wrapper form {
  display: block;
}
.bf-wrapper .campaign-list .grid-content li.featured .product-wrapper .product-desc {
  display: flex;
  flex-direction: column;
  padding: 24px 0 24px 24px;
}
@media (min-width: 1200px) {
  .bf-wrapper .campaign-list .grid-content li.featured .product-wrapper .product-desc {
    padding: 50px;
  }
}
.bf-wrapper .campaign-list .grid-content li.featured .product-wrapper img {
  margin-right: 0;
}
@media (min-width: 768px) {
  .bf-wrapper .campaign-list .grid-content li.featured .product-wrapper img {
    max-height: 100%;
  }
}
.bf-wrapper .campaign-list .grid-content li.featured .product-wrapper .product-img,
.bf-wrapper .campaign-list .grid-content li.featured .product-wrapper .product-desc {
  width: 50%;
}
.bf-wrapper .campaign-list .grid-content li.featured .product-wrapper .product-img {
  margin: 0;
}
.bf-wrapper .campaign-list .grid-content li.featured .product-footer {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .bf-wrapper .campaign-list .grid-content li.featured .product-footer {
    margin-top: 32px;
  }
}
.bf-wrapper .campaign-list .grid-content li.featured .add-to-cart {
  margin-top: 20px;
}
.bf-wrapper .campaign-list .grid-content li.w100 {
  width: calc(100% - 8px);
}
@media (min-width: 960px) {
  .bf-wrapper .campaign-list .grid-content li.w100 .product-desc {
    width: 40%;
  }
  .bf-wrapper .campaign-list .grid-content li.w100 .product-img {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .bf-wrapper .campaign-list .grid-content li.w100 .product-wrapper {
    align-items: flex-start;
  }
}
.bf-wrapper .campaign-list .grid-content li.w50 {
  width: calc(100% - 8px);
}
@media (min-width: 960px) {
  .bf-wrapper .campaign-list .grid-content li.w50 {
    width: calc(50% - 8px);
  }
}
.bf-wrapper .campaign-list .grid-content li.w33 {
  width: calc(50% - 8px);
}
@media (min-width: 960px) {
  .bf-wrapper .campaign-list .grid-content li.w33 {
    width: calc(33.333333% - 8px);
  }
}

