/* ██████████████████████████████████████████████████████████████████ */
/* █ =pp sidebar */
/* ██████████████████████████████████████████████████████████████████ */
[id^="ppSidebar"]:not(.topBar) {
  opacity: 1 !important;
}
/* global */
[id^="ppSidebar"] {
  position: fixed;
  z-index: 11111;
  background-color: #fff;
  visibility: hidden;
  transition: all 0.4s ease-out;
  box-shadow: 0 0 #00000000;
  opacity: 0;
}
[id^="ppSidebar"] p {
  margin: 0;
  line-height: 1;
}

/* top */
[id^="ppSidebar"].topBar {
  top: 100%;
  left: 0;
  right: 0;
  position: absolute;
  transform: translate(0, 100%);
  transition-duration: 0.3s;
}

/* left/right */
[id^="ppSidebar"]:is(.left, .right) {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  max-width: 45rem;
  width: calc(100% - 3rem);
  transform: translate(-100%, 0);
  /*backface-visibility: visible;*/
  border-width: 0 1px 0 0;
  border-style: solid;
  /* overflow-y: auto;
      overflow-x: hidden; */
  height: 100vh;
  /*padding: 2.4rem;*/
}

[id^="ppSidebar"].right {
  transform: translate(100%, 0);
  border-width: 0 0 0 1px;
  left: unset;
  right: 0;
}

[id^="ppSidebar"].open {
  transform: translate(0, 0) !important;
  /*box-shadow: 1rem 0px 1rem #00000007;*/
  transition-duration: 0.25s;
  border-color: var(--color-B3);
  visibility: visible;
  opacity: 1;
}
[id^="ppSidebar"].left.open {
  box-shadow: 0 1rem 1rem #00000011;
}
[id^="ppSidebar"].right.open {
  box-shadow: -1rem 0 1rem #00000011;
}

/* close */
.sidebar-close {
  font-size: 2.4rem;
  display: flex;
  padding: 0 0 1.8rem;
  margin: -0.5rem;
}
[id^="ppSidebar"].left .sidebar-close {
  justify-content: flex-end;
}
.ppSidebarHeading .ppSidebarClose {
    font-size: 1.5rem;
    color: #fff;
    display: inline-flex;
    cursor: pointer;
    border: 1px solid var(--color-orange);
    border-radius: 100%;
    background: var(--color-orange);
    padding: 6px;
}

/* title */
[id^="ppSidebar"] .sidebar-title {
  font-size: 2rem;
  line-height: 1.1;
}
[id^="ppSidebar"] .sidebar-title span {
  font-size: 0.9em;
  color: var(--color-gray2);
}

/* content */
.ppSidebarBox {
  display: flex;
  flex-direction: column;
  /*gap: 1.2rem;*/
  height: 100vh;
}
.ppSidebarBox > * {
  padding: 1.8rem 2.4rem;
}
.ppSidebarBox > * + * {
  padding-top: 0;
}

/* 3 =======================
=pp product */
.ppSidebarContent {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 100%;
  width: 100%;
}
.ppSidebarContent:has(.pppr-list) {
  padding-left: 0;
  padding-right: 0;
}

.ppSidebarContent .pppr-list {
  display: flex;
  flex-direction: column;
}
.ppSidebarContent .pppr-list .item {
  padding: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  /*align-items: center;*/
}
.ppSidebarContent .pppr-list .item:nth-child(odd) {
  background-color: #f5f5f5;
}
/*.ppSidebarContent .pppr-list .item:nth-child(even) {
background-color: #f5f5f5;
}*/

.ppSidebarContent .pppr-list .pp-1 {
  max-width: 30%;
}
.ppSidebarContent .pppr-list .pp-2 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-items: flex-start;
  gap: .8rem 1.2rem;
  flex-wrap: wrap;
}
/* name */
.ppSidebarContent .pppr-list .pp-21 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: .4rem;
}
.ppSidebarContent .pppr-list .name {
  font-size: 1.5rem;
  line-height: 1.1;
}
/*attr*/
.ppSidebarContent .pppr-list .attr {
  font-style: italic;
  opacity: 0.6;
  font-size: 0.9em;
}

/*remove*/
.ppSidebarContent .pppr-list .pp-22 {
  border: none !important;
  width: 1em;
  height: 1em;
  padding: 0;
  font-size: 1.4rem;
}

/* price */
.ppSidebarContent .pppr-list .pp-23 {
  flex: 100%;
  align-self: flex-start;
  display: flex;
  gap: 1.2rem;
  flex-wrap: wrap;
}
.ppSidebarContent .pppr-list .regular-price {
  opacity: 0.5;
}

/* add to cart */
.ppSidebarContent .pppr-list .pp-24 {
  margin: auto 0 0 auto;
}

.ppSidebarFooter {
  display: flex;
  flex-direction: column;
  gap: .8rem;
  bottom: 0;
  background: #fff;
  box-shadow: 0 -1rem 1rem #0001;
  padding: 2.4rem;
}



/* Kontener karuzeli */
[ppcarousel-group] {
  position: relative;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Wrapper przesuwany */
[ppcarousel-content] {
  display: block;
  width: 100%;
  transition: transform 0.4s cubic-bezier(.4,.2,.2,1);
  will-change: transform;
  overflow-x: clip;
  overflow-y: visible;
  max-width: 100%;
  scrollbar-width: none; 
}
[ppcarousel-content]::scrollbar {
  display: none;
}

/* Kontener na slajdy */
[ppcarousel-items] {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;

  /* gap ustawia JS */
}

/* Pojedynczy slajd */
[ppcarousel-item] {
  flex: 1; 
}

/*  arrow */
[ppc-nav] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #ffffffdd;
  border: 1px solid var(--color-gray);
  border-radius: 50%;
  width: 2.4em;
  height: 2.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-blue2);
  box-shadow: var(--shadow-2);
  cursor: pointer;
  z-index: 10;
}
[ppc-nav="prev"] {
  left: -1.2rem;
}
[ppc-nav="next"] {
  right: -1.2rem;
}

[ppc-dots]{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  padding-top: .5rem;
  font-size: 1rem;  
}
[ppc-dot] {
  width: 1em;
  height: 1em;
  display: inline-flex;
  font-size: 1rem !important;
  border-radius: .5em;
  background: var(--color-orange);
  cursor: pointer;
  color: #ccc;
  border:1px solid;
  border-color: currentColor;
transition: all 0.3s ease;
}

[ppc-dot]:hover,[ppc-dot="active"] {
  color: var(--color-blue2);
}
[ppc-dot="active"] {
cursor: default;
width: 1.5em;
}


.ppsc-coupon-alert.alert.d-none {
    display: none;
}
li.pp-voucher-line.pp-summary-line {
    border: 1px solid #a6d9d1;
    border-radius: 4px;
    padding: 5px;
    margin: 7px 0;
    background: #E2FCF8;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #405d58;
}
span.ppsc-coupon-name {
    max-width: 70%;
}
span.ppsc-coupon-value {
    font-weight: 600;
}
a.pp-remove-voucher i.material-icons
 {
    font-size: 1.4rem;
}