@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0; }

#barcelona-limited-edition {
  font-family: 'mukta-medium', sans-serif; }
  #barcelona-limited-edition h2, #barcelona-limited-edition h1 {
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    color: #EF6842;
    margin-top: 42px;
    margin-bottom: 18px;
    padding: 0 16px; }
  #barcelona-limited-edition img {
    width: 100%;
    height: auto;
    display: block; }
  #barcelona-limited-edition p {
    margin: 0; }
  #barcelona-limited-edition .pk-paragraph {
    text-align: center;
    font-size: 18px; }
  #barcelona-limited-edition .pk-link-button {
    display: block;
    text-decoration: none;
    color: #fff;
    background-color: #D02C31;
    text-align: center;
    padding: 1px 0;
    font-size: 18px; }
  #barcelona-limited-edition .mobile-only {
    display: block; }
  #barcelona-limited-edition .desktop-only {
    display: none; }
  #barcelona-limited-edition .hero-banner__texts {
    padding: 48px 24px 10px; }
    #barcelona-limited-edition .hero-banner__texts .pk-link-button {
      margin-bottom: 48px; }
  #barcelona-limited-edition .main-section .thumbnails-container {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    scroll-snap-type: y mandatory; }
    #barcelona-limited-edition .main-section .thumbnails-container .pk-accordion {
      scroll-snap-align: start; }
    #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail {
      position: relative;
      cursor: pointer; }
      #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail .pk-thumbnail-icon {
        width: 57px;
        height: 57px;
        position: absolute;
        bottom: 28px;
        right: 5%;
        z-index: 2; }
      #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail .show-icon {
        display: block; }
    #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail .pk-thumbnail-overlay {
      display: none;
      position: absolute; }
    #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail:hover::before, #barcelona-limited-edition .main-section .thumbnails-container .active.pk-thumbnail::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 1; }
    #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail.yellow-overlay:hover::before, #barcelona-limited-edition .main-section .thumbnails-container .active.pk-thumbnail.yellow-overlay::before {
      background: rgba(240, 200, 126, 0.7); }
    #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail.pink-overlay:hover::before, #barcelona-limited-edition .main-section .thumbnails-container .active.pk-thumbnail.pink-overlay::before {
      background: rgba(255, 170, 165, 0.7); }
    #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail::before {
      background: unset; }
    #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail.cream-overlay:hover::before, #barcelona-limited-edition .main-section .thumbnails-container .active.pk-thumbnail.cream-overlay::before {
      background: rgba(232, 178, 154, 0.7); }
    #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail.lavender-overlay:hover::before, #barcelona-limited-edition .main-section .thumbnails-container .active.pk-thumbnail.lavender-overlay::before {
      background: rgba(206, 182, 195, 0.7); }
    #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail.mustard-overlay:hover::before, #barcelona-limited-edition .main-section .thumbnails-container .active.pk-thumbnail.mustard-overlay::before {
      background: rgba(167, 153, 42, 0.7); }
    #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail .pk-thumbnail-overlay {
      display: none; }
    #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail:hover .pk-thumbnail-overlay, #barcelona-limited-edition .main-section .thumbnails-container .active.pk-thumbnail .pk-thumbnail-overlay {
      display: block;
      top: 25%;
      left: 9%;
      z-index: 2;
      width: 80%; }
  #barcelona-limited-edition .main-section__content {
    padding: 24px;
    margin-top: 96px;
    margin-bottom: 16px; }
    #barcelona-limited-edition .main-section__content p {
      margin: 28px 0;
      text-align: center; }
    #barcelona-limited-edition .main-section__content .top-block .main-section__title {
      margin: 108px 0 32px; }
    #barcelona-limited-edition .main-section__content.green-bg {
      background-color: #C9D1C4; }
    #barcelona-limited-edition .main-section__content.pink-bg {
      background-color: #FFAAA5; }
    #barcelona-limited-edition .main-section__content.cream-bg {
      background-color: #E8B29A; }
    #barcelona-limited-edition .main-section__content.lavender-bg {
      background-color: #CEB6C3; }
    #barcelona-limited-edition .main-section__content.yellow-bg {
      background-color: #FFF7B8; }
  #barcelona-limited-edition .sustainability-section {
    margin-bottom: 10px; }
    #barcelona-limited-edition .sustainability-section h2, #barcelona-limited-edition .sustainability-section h1 {
      margin-top: 64px; }
    #barcelona-limited-edition .sustainability-section .sustainability-content-mb {
      background-color: #FFAAA5;
      color: #fff; }
      #barcelona-limited-edition .sustainability-section .sustainability-content-mb__item {
        padding: 40px 16px;
        border-bottom: 3px solid #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center; }
        #barcelona-limited-edition .sustainability-section .sustainability-content-mb__item img {
          max-width: 140px;
          max-height: 80px; }
        #barcelona-limited-edition .sustainability-section .sustainability-content-mb__item p {
          font-size: 30px;
          line-height: 27px;
          font-family: 'mukta-semi-bold', sans-serif;
          padding-top: 24px; }
          #barcelona-limited-edition .sustainability-section .sustainability-content-mb__item p span {
            font-size: 18px;
            line-height: 17px;
            display: block;
            padding-top: 8px; }
    #barcelona-limited-edition .sustainability-section .sustainability-content-dk {
      display: none; }
  #barcelona-limited-edition .final-section__texts {
    padding: 48px 24px 38px; }
    #barcelona-limited-edition .final-section__texts .pk-paragraph {
      margin-bottom: 48px; }
  @media screen and (min-width: 769px) {
    #barcelona-limited-edition {
      max-width: 1440px;
      margin: 0 auto; }
      #barcelona-limited-edition h2, #barcelona-limited-edition h1 {
        font-size: 48px;
        line-height: 80px;
        margin-top: 32px; }
      #barcelona-limited-edition .pk-link-button {
        margin: 0 auto 48px;
        width: 314px; }
      #barcelona-limited-edition .pk-paragraph {
        font-size: 20px; }
      #barcelona-limited-edition .hero-banner__texts,
      #barcelona-limited-edition .final-section__texts {
        max-width: 1518px; }
      #barcelona-limited-edition .mobile-only {
        display: none; }
      #barcelona-limited-edition .desktop-only {
        display: block; }
      #barcelona-limited-edition .main-section .mobile-only {
        display: none; }
      #barcelona-limited-edition .main-section .desktop-only {
        display: block; }
      #barcelona-limited-edition .main-section .thumbnails-container {
        flex-direction: row;
        overflow-y: unset;
        scroll-snap-type: unset; }
        #barcelona-limited-edition .main-section .thumbnails-container .pk-accordion {
          scroll-snap-align: unset; }
        #barcelona-limited-edition .main-section .thumbnails-container .pk-thumbnail .pk-thumbnail-icon {
          bottom: 5%; }
      #barcelona-limited-edition .main-section .main-section__content {
        padding: 97px 5% 97px 7%;
        margin-top: 68px; }
        #barcelona-limited-edition .main-section .main-section__content .pk-paragraph {
          font-size: 26px; }
        #barcelona-limited-edition .main-section .main-section__content .top-block {
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          align-items: flex-start;
          align-content: space-between;
          max-height: 1000px; }
          #barcelona-limited-edition .main-section .main-section__content .top-block .main-section__title {
            order: 1;
            width: 44%;
            margin-top: 0; }
          #barcelona-limited-edition .main-section .main-section__content .top-block .collage-image {
            order: 3;
            width: 44%; }
          #barcelona-limited-edition .main-section .main-section__content .top-block .pk-paragraph {
            order: 2;
            width: 44%; }
        #barcelona-limited-edition .main-section .main-section__content .bottom-block {
          display: flex; }
          #barcelona-limited-edition .main-section .main-section__content .bottom-block > a {
            width: 56%;
            padding-right: 10%; }
          #barcelona-limited-edition .main-section .main-section__content .bottom-block .article__texts {
            width: 44%;
            display: flex;
            flex-direction: column;
            justify-content: center; }
      #barcelona-limited-edition .main-section .inverse .top-block .main-section__title {
        order: 2; }
      #barcelona-limited-edition .main-section .inverse .top-block .collage-image {
        order: 1; }
      #barcelona-limited-edition .main-section .inverse .top-block .pk-paragraph {
        order: 3; }
      #barcelona-limited-edition .main-section .inverse .bottom-block > a {
        order: 2;
        padding-right: 0;
        padding-left: 10%; }
      #barcelona-limited-edition .main-section .inverse .bottom-block .article__texts {
        order: 1; }
      #barcelona-limited-edition .sustainability-section {
        margin-bottom: 58px; }
        #barcelona-limited-edition .sustainability-section .sustainability-content-mb {
          display: none; }
        #barcelona-limited-edition .sustainability-section .sustainability-content-dk {
          display: block; } }
  @media screen and (min-width: 769px) and (max-width: 1290px) {
    #barcelona-limited-edition .main-section .main-section__content .pk-paragraph {
      font-size: 18px; }
    #barcelona-limited-edition .main-section .main-section__content .top-block {
      max-height: 700px; } }
  #barcelona-limited-edition .pk-accordion-content,
  #barcelona-limited-edition .main-section .desktop-articles-container .main-section__content.pk-accordion-content {
    display: none; }
  #barcelona-limited-edition .show-content,
  #barcelona-limited-edition .main-section .desktop-articles-container .main-section__content.pk-accordion-content.show-content {
    display: block; }
  #barcelona-limited-edition .pk-accordion-trigger {
    position: relative; }
  #barcelona-limited-edition .active.pk-accordion-trigger::after {
    content: "···········";
    font-size: 84px;
    position: absolute;
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: -109px;
    line-height: 0;
    top: 67%;
    right: 50%;
    z-index: 3; }
    @media screen and (min-width: 769px) {
      #barcelona-limited-edition .active.pk-accordion-trigger::after {
        top: 37%; } }
  #barcelona-limited-edition .less-info-icon {
    display: none; }
  #barcelona-limited-edition .active.pk-accordion-trigger .less-info-icon {
    display: block; }
  #barcelona-limited-edition .active.pk-accordion-trigger .more-info-icon {
    display: none; }
  #barcelona-limited-edition .yellow-overlay.pk-accordion-trigger::after {
    color: #858A82; }
  #barcelona-limited-edition .pink-overlay.pk-accordion-trigger::after {
    color: #D8362C; }
  #barcelona-limited-edition .cream-overlay.pk-accordion-trigger::after {
    color: #AB6857; }
  #barcelona-limited-edition .lavender-overlay.pk-accordion-trigger::after {
    color: #8D6F7F; }
  #barcelona-limited-edition .mustard-overlay.pk-accordion-trigger::after {
    color: #E5CB40; }