:root{
  --red: #e4003a;
  --purple: #792260;
  --gradient: linear-gradient(90deg, #d30e54, #e62175, #9f207f, #5a253f)
}

body{
  background-size: cover!important;
}

.region-3 .block.block-content-extended.no-margin,
.module-body,
.block-AccountsLoginView,
.grid-element.region-4,
.grid-element.region-5,
.grid-element.region-6,
.grid-element.region-7,
.grid-element.region-8,
.module-body + .region-10
{
  border-radius: 36px;
  background: #fff;
  position: relative;
  z-index: 0;
  padding: 3px;
  overflow: hidden;
}

.region-3 .block.block-content-extended.no-margin::before,
.module-body::before,
.block-AccountsLoginView:before,
.grid-element.region-4::before,
.grid-element.region-5::before,
.grid-element.region-6::before,
.grid-element.region-7::before,
.grid-element.region-8::before,
.module-body + .region-10:before
{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 36px; 
  padding: 3px; /* Grubość obramowania */
  background: var(--gradient);
  -webkit-mask: 
    linear-gradient(white 0 0) content-box, 
    linear-gradient(white 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}

.grid-element.region-7 .block-image{
  border-radius: 36px;
}
.block-AccountsLoginView, .module-body{
  background: #fff;
}

.module-navigation li.is-active{
  background: transparent;
  border: none;
}

.module-form, .module-orders.module{
  background: transparent;
  border: none;
}

#targets-widget, .module-form{
  background: transparent;
}

.widget-loyalty-catalogue{
  padding: 0;
  margin: 0;
}

.widget-loyalty-catalogue .products-list{
  min-height: 240px;
  /* padding: 0 10px; */
  height: 100%;
  background: transparent;
}

.link-inverted, .navigation a, .site-footer a, .navigation li.is-active > a, .navigation a:focus, .navigation a:hover, .site-footer a:focus, .site-footer a:hover{
  color: var(--purple);
  border: none;
}

#jq-points-value{
  min-width: 120px;
  max-width: 120px;
  display: block;
  font-weight: normal;
  font-size: 28px;
  padding: 7px 0;
  height: auto;
  width: auto;
  border-radius: 200px;
  background: linear-gradient(90deg, #d30e54, #e62175, #9f207f, #5a253f);
  display: flex;
  justify-content: center;
  align-items: center;
}

.block-AccountsLoginView__logged__points__number{
  color: var(--red);
}

.block-AccountsLoginView__logged__user__link, .block-AccountsLoginView__logged__user__link:hover{
  color: var(--red);
}

.block-AccountsLoginView__logged__user__logout{
  color: var(--purple);
}

.block-AccountsLoginView__logged__user__data, .block-AccountsLoginView__logged__user__hello{
  color: var(--purple);
}

.region-3 .block.block-content-extended.no-margin::before, .grid-element.region-7::before, .grid-element.region-4::before{
  z-index: 1;
}

.grid-element.region-7 .block-image-wrapper{
  border-radius: 32px;
  overflow: hidden;
}

.small-info{
  position: absolute;
  top: 3px;
  left: 50%;
  transform: translate(-50%);
  color: #fff;
  font-weight: bold;
  background: var(--purple);
  font-size: 14px;
  padding: 3px 20px;
}

.btn{
  background: var(--gradient);
  border: 0;
  padding: 7px 22px 10px;
}

.df-main .df-buttons .df-button-submit,
button,
input.btn.btn-primary,
a.btn.btn-primary,
button.btn.btn-primary,
.btn.btn-gray.product-tocart,
.ui-dialog .ui-dialog-buttonpane .ui-button,
.ui-dialog .ui-dialog-buttonpane .ui-button:hover,
.ui-dialog .ui-dialog-buttonpane .ui-button:nth-of-type(2):hover,
.btn.btn-secondary:active,
.btn.btn-secondary:focus,
.btn.btn-secondary:hover,
.module-form form .form-button .button-submit
{
  border-radius: 200px;
  background: var(--gradient);
  border: none;
  color: #fff;
  transition: all ease-in-out 0.15s;
}

.btn.btn-secondary{
  border-radius: 200px;
  border: none;
}


.btn.btn-gray.product-tocart:hover{
  background: var(--gradient);
}

.module-faq .faq-item .faq-question .button-expand{
  color: #000;
} 

.module-basket .basket-step.is-active{
  background: var(--gradient);
}

.module-basket .basket-step.is-active::after{
  border-left-color: #5a253f;
}

.module-basket .basket-step.is-active::before{
  border-top-color: #d30e54;
  border-bottom-color: #d30e54;
}


.is-not-logged .grid-element.region-3{
  display: none;
}

.is-not-logged .grid-element.region-4{
  width: fit-content;
  margin: 0 auto;
}

.is-not-logged .grid-element.region-4:before{
  /* display: none; */
  /* z-index: 1; */
  display: none;
}
.block-login{
  border-radius: 32px;
  overflow: hidden;
}

.module-navigation a{
  color: var(--red);
}

.module-news-list.module-news.module, .module-news-details.module-news.module, .module-content,.module-faq, .module, .df-main{
  background: transparent;
  border: none;
}
.footer-realisation{
  color: var(--purple);
}

*{
  border-color: var(--purple)!important;
}

.navigation .level-2{
  background: #fff;
  border-radius: 0 0 10px 10px;
  /* border: 1px solid var(--purple); */
  /* border-top: 3px solid var(--purple); */
  box-shadow: 0 1px 3px #0000001f,0 1px 2px #0000001f;
}

.navigation .level-2 a, .navigation .level-2 a:hover{
  color: var(--purple);
}

@media screen and (min-width: 992px) {
  .module-points .module {
    margin-bottom: 32px;
    padding: 32px;
  }
  .module-points .points-stats{
    padding: 0;
  }
  #vLoyaltyPointTransactions{
    margin: 0 32px 20px;
    width: calc(100% - 64px);
  }
  .module-favourite-rewards.module{
    padding: 32px;
  }
  .module{
    padding: 32px;
  }
}

@media screen and (min-width: 992px) {
  .module-favourite-rewards .favourite-table tr{
    border-radius: 16px;
    display:block;
  }
  .module-favourite-rewards .favourite-table .td-photo {
    width: 120px;
    padding-left: 5px;
    border-radius: 16px;
  }
  .module-favourite-rewards .favourite-table .td-photo span img{
    border-radius: 11px;
    overflow: hidden;
    display: block;
  }
  .module-favourite-rewards .favourite-table .td-actions{
    width: 250px;
  }
}

.module-body .module-navigation{
  position: relative;
}

.module-body .module-navigation:after{
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background: var(--gradient);
}

.module-catalogue .main-content .product-wrapper{
  border: 1px solid transparent!important;
  transition: all ease-in-out 0.15s;
}

.module-catalogue .main-content .product-wrapper:hover{
  border: 1px solid var(--red)!important;
}

.module-catalogue .main-content .product-title{
  line-height: 1.3;
  min-height: 3.9em;
}

.module-form-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 20px;
  gap: 16px;
}

.module-form-top:after{
  display: none;
}

.module-form-top .form-item.form-item-no-label{
  padding-left: 0;
}

.module-catalogue .filters{
  border: none;
}

.module-catalogue .main-content{
  background: transparent;
}

.module-catalogue .filters .ui-slider .ui-slider-range{
  background: var(--gradient);
}

.module-points .points-label{
  font-weight: bold;;
}