/* ===== footer-01-t-sections-custom-liquid.liquid  (scope: bk-section--footer-social) ===== */

  /* ==========================================================
     BIKAOO FOOTER SOCIAL BAR
     BALANCED TEXT SIZE VERSION
     ========================================================== */

  .bikaoo-footer-social,
  .bikaoo-footer-social *,
  .bikaoo-footer-social *::before,
  .bikaoo-footer-social *::after {
    box-sizing: border-box;
  }


  /* ==========================================================
     MAIN SECTION
     ========================================================== */

  .bikaoo-footer-social {
    width: 100%;

    padding:
      22px
      28px;

    background: #1a1a1a;
    color: #ffffff;
  }


  /* ==========================================================
     INNER WRAPPER
     ========================================================== */

  .bikaoo-footer-social-wrap {
    width: 100%;
    max-width: 1500px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
      minmax(0, 1fr)
      auto
      minmax(0, 1fr);

    gap: 28px;

    align-items: center;

    padding-top: 22px;

    border-top:
      1px solid
      rgba(
        255,
        255,
        255,
        0.10
      );
  }


  /* ==========================================================
     LEFT CONTENT
     ========================================================== */

  .bikaoo-footer-social-content {
    min-width: 0;
  }


  /* ==========================================================
     FOLLOW BIKAOO TITLE
     ========================================================== */

  .bikaoo-footer-social-title {
    margin:
      0
      0
      5px;

    color: #ffffff;

    font-size: 15px;

    font-weight: 900;

    line-height: 1.15;

    letter-spacing: 0.12em;

    text-transform: uppercase;
  }


  /* ==========================================================
     SUBTEXT
     ========================================================== */

  .bikaoo-footer-social-small {
    max-width: 470px;

    margin: 0;

    color:
      rgba(
        255,
        255,
        255,
        0.68
      );

    font-size: 12px;

    font-weight: 500;

    line-height: 1.5;
  }


  /* ==========================================================
     COPYRIGHT
     ========================================================== */

  .bikaoo-footer-social-copyright {
    margin: 0;

    color:
      rgba(
        255,
        255,
        255,
        0.68
      );

    font-size: 11.5px;

    font-weight: 700;

    line-height: 1.4;

    text-align: center;

    white-space: nowrap;
  }


  /* ==========================================================
     SOCIAL ICONS
     ========================================================== */

  .bikaoo-footer-social-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;

    gap: 10px;
  }

  .bikaoo-footer-social-link {
    position: relative;

    width: 42px;
    height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex:
      0
      0
      42px;

    padding: 0;

    background:
      rgba(
        255,
        255,
        255,
        0.08
      );

    border:
      1px solid
      rgba(
        255,
        255,
        255,
        0.14
      );

    border-radius: 50%;

    color: #ffffff;

    overflow: hidden;

    text-decoration: none;

    transition:
      background 0.25s ease,
      color 0.25s ease,
      transform 0.25s ease,
      border-color 0.25s ease,
      box-shadow 0.25s ease;
  }

  .bikaoo-footer-social-link:hover {
    color: #ffffff;

    transform:
      translateY(-3px);
  }

  .bikaoo-footer-social-link svg {
    position: relative;

    z-index: 2;

    width: 19px;
    height: 19px;

    display: block;

    fill: currentColor;
  }


  /* ==========================================================
     FACEBOOK HOVER
     ========================================================== */

  .bikaoo-footer-social-link--facebook:hover {
    background: #1877f2;

    border-color: #1877f2;

    box-shadow:
      0 10px 26px
      rgba(
        24,
        119,
        242,
        0.34
      );
  }


  /* ==========================================================
     INSTAGRAM HOVER
     ========================================================== */

  .bikaoo-footer-social-link--instagram:hover {
    background:
      linear-gradient(
        135deg,
        #feda75 0%,
        #fa7e1e 25%,
        #d62976 50%,
        #962fbf 75%,
        #4f5bd5 100%
      );

    border-color:
      rgba(
        214,
        41,
        118,
        0.90
      );

    box-shadow:
      0 10px 28px
      rgba(
        214,
        41,
        118,
        0.34
      );
  }


  /* ==========================================================
     TIKTOK HOVER
     ========================================================== */

  .bikaoo-footer-social-link--tiktok:hover {
    background:
      linear-gradient(
        135deg,
        #25f4ee 0%,
        #111111 45%,
        #111111 55%,
        #fe2c55 100%
      );

    border-color:
      rgba(
        37,
        244,
        238,
        0.75
      );

    box-shadow:
      -5px 4px 18px
      rgba(
        37,
        244,
        238,
        0.22
      ),
      5px 4px 18px
      rgba(
        254,
        44,
        85,
        0.25
      );
  }


  /* ==========================================================
     WHATSAPP HOVER
     ========================================================== */

  .bikaoo-footer-social-link--whatsapp:hover {
    background: #25d366;

    border-color: #25d366;

    box-shadow:
      0 10px 26px
      rgba(
        37,
        211,
        102,
        0.32
      );
  }


  /* ==========================================================
     NORMAL DESKTOP
     ========================================================== */

  @media screen and (max-width: 1599px) {

    .bikaoo-footer-social {
      padding:
        22px
        24px;
    }

    .bikaoo-footer-social-wrap {
      max-width: 1380px;
    }

  }


  /* ==========================================================
     LAPTOP
     ========================================================== */

  @media screen and (max-width: 1100px) {

    .bikaoo-footer-social-wrap {
      grid-template-columns:
        minmax(0, 1fr)
        auto;

      gap:
        18px
        24px;
    }

    .bikaoo-footer-social-copyright {
      grid-column:
        1
        /
        -1;

      grid-row: 2;

      text-align: center;
    }

  }


  /* ==========================================================
     MOBILE
     ========================================================== */

  @media screen and (max-width: 749px) {

    .bikaoo-footer-social {
      padding:
        20px
        16px;
    }

    .bikaoo-footer-social-wrap {
      display: flex;

      flex-direction: column;

      align-items: center;

      gap: 16px;

      padding-top: 20px;

      text-align: center;
    }

    .bikaoo-footer-social-content {
      width: 100%;
    }

    .bikaoo-footer-social-title {
      margin-bottom: 5px;

      font-size: 14px;
    }

    .bikaoo-footer-social-small {
      max-width: 370px;

      margin:
        0
        auto;

      font-size: 11.5px;
    }

    .bikaoo-footer-social-icons {
      order: 2;

      width: 100%;

      justify-content: center;

      gap: 10px;
    }

    .bikaoo-footer-social-copyright {
      order: 3;

      font-size: 11px;

      white-space: normal;
    }

    .bikaoo-footer-social-link {
      width: 40px;
      height: 40px;

      flex-basis: 40px;
    }

    .bikaoo-footer-social-link svg {
      width: 18px;
      height: 18px;
    }

  }


  /* ==========================================================
     VERY SMALL MOBILE
     ========================================================== */

  @media screen and (max-width: 390px) {

    .bikaoo-footer-social {
      padding:
        18px
        12px;
    }

    .bikaoo-footer-social-wrap {
      gap: 14px;
    }

    .bikaoo-footer-social-title {
      font-size: 13px;
    }

    .bikaoo-footer-social-small {
      font-size: 11px;
    }

    .bikaoo-footer-social-icons {
      gap: 8px;
    }

    .bikaoo-footer-social-link {
      width: 38px;
      height: 38px;

      flex-basis: 38px;
    }

    .bikaoo-footer-social-link svg {
      width: 17px;
      height: 17px;
    }

  }


  /* ==========================================================
     REDUCED MOTION
     ========================================================== */

  @media (prefers-reduced-motion: reduce) {

    .bikaoo-footer-social-link {
      transition: none;
    }

  }


/* ===== index-01-Web.liquid  (scope: bk-section--hero-web) ===== */

@media screen and (max-width: 749px) {
  .bk-section--hero-web {
    display: none !important;
  }
}

  .bk-section--hero-web,
  .bk-section--hero-web .gradient,
  .bk-section--hero-web .color-background-1,
  .bk-section--hero-web .color-background-2 {
    background: #ffffff !important;
  }

  .bikaoo-pro-carousel {
    background: #ffffff !important;
    padding: 34px 12px;
    overflow: hidden;
  }

  .bikaoo-pro-carousel * {
    box-sizing: border-box;
  }

  .bikaoo-pro-wrap {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
    background: #151719;
    border-radius: 32px;
    overflow: hidden;
    position: relative;
    min-height: 560px;
  }

  .bikaoo-pro-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.55s ease, visibility 0.55s ease;
  }

  .bikaoo-pro-slide.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    position: relative;
  }

  .bikaoo-pro-inner {
    min-height: 560px;
    display: grid;
    grid-template-columns: 1fr 0.88fr;
    gap: 48px;
    align-items: center;
    padding: clamp(36px, 5vw, 76px);
    padding-bottom: 98px;
  }

  .bikaoo-pro-copy {
    max-width: 640px;
    transform: translateY(18px);
    opacity: 0;
    transition: 0.65s ease;
  }

  .bikaoo-pro-slide.is-active .bikaoo-pro-copy {
    transform: translateY(0);
    opacity: 1;
  }

  .bikaoo-pro-label {
    display: inline-flex;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.14);
    color: #ffffff;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 16px;
  }

  .bikaoo-pro-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(42px, 5.5vw, 76px);
    line-height: 0.98;
    letter-spacing: -0.055em;
  }

  .bikaoo-pro-text {
    margin: 18px 0 0;
    color: rgba(255,255,255,0.72);
    font-size: 16px;
    line-height: 1.75;
    max-width: 560px;
  }

  .bikaoo-pro-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 28px;
  }

  .bikaoo-pro-btn {
    min-height: 50px;
    padding: 0 24px;
    border-radius: 999px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: 0.25s ease;
  }

  .bikaoo-pro-btn.primary {
    background: #ffffff;
    color: #151719;
  }

  .bikaoo-pro-btn.primary:hover {
    background: #ff735f;
    color: #ffffff;
    transform: translateY(-2px);
  }

  .bikaoo-pro-visual {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(26px);
    opacity: 0;
    transition: 0.7s ease;
  }

  .bikaoo-pro-slide.is-active .bikaoo-pro-visual {
    transform: translateX(0);
    opacity: 1;
  }

  .bikaoo-pro-card {
    width: min(430px, 100%);
    background: #ffffff !important;
    border-radius: 30px;
    padding: 12px;
    box-shadow: none !important;
    text-decoration: none;
    color: #151719;
    display: block;
  }

  .bikaoo-pro-image {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 0.88;
    border-radius: 22px;
    overflow: hidden;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .bikaoo-pro-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .bikaoo-pro-sale {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    background: #151719;
    color: #ffffff;
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .bikaoo-pro-info {
    background: #ffffff !important;
    padding: 16px 6px 4px;
  }

  .bikaoo-pro-product-title {
    color: #151719;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 950;
    margin: 0 0 10px;
    letter-spacing: -0.02em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .bikaoo-pro-price-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
  }

  .bikaoo-pro-price {
    color: #151719;
    font-size: 18px;
    font-weight: 950;
  }

  .bikaoo-pro-compare {
    color: #8d8580;
    font-size: 13px;
    font-weight: 800;
    text-decoration: line-through;
  }

  .bikaoo-pro-product-btn {
    width: 100%;
    min-height: 44px;
    border-radius: 999px;
    background: #151719;
    color: #ffffff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11.5px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: 0.25s ease;
  }

  .bikaoo-pro-product-btn:hover {
    background: #000000;
    transform: translateY(-2px);
  }

  .bikaoo-pro-controls {
    position: absolute;
    right: clamp(18px, 4vw, 46px);
    bottom: 28px;
    display: flex;
    gap: 10px;
    z-index: 8;
  }

  .bikaoo-pro-arrow {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.16);
    background: rgba(255,255,255,0.10);
    color: #ffffff;
    cursor: pointer;
    font-size: 22px;
    font-weight: 900;
    transition: 0.25s ease;
  }

  .bikaoo-pro-arrow:hover {
    background: #ffffff;
    color: #151719;
    transform: translateY(-2px);
  }

  .bikaoo-pro-dots {
    position: absolute;
    left: clamp(36px, 5vw, 76px);
    bottom: 44px;
    display: flex;
    gap: 9px;
    z-index: 8;
  }

  .bikaoo-pro-dot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    border: none;
    background: rgba(255,255,255,0.28);
    padding: 0;
    cursor: pointer;
    transition: 0.25s ease;
  }

  .bikaoo-pro-dot.is-active {
    width: 34px;
    background: #ffffff;
  }


/* ===== index-02-Mobile.liquid  (scope: bk-section--hero-mobile) ===== */

  .bk-section--hero-mobile {
    display: none;
    background: #ffffff !important;
  }

  @media screen and (max-width: 749px) {
    .bk-section--hero-mobile {
      display: block !important;
    }
  }

  .bikaoo-mobile-image-carousel {
    background: #ffffff !important;
    padding: 22px 12px;
    overflow: hidden;
  }

  .bikaoo-mobile-image-carousel * {
    box-sizing: border-box;
  }

  .bikaoo-mobile-image-carousel__box {
    background: #151719;
    border-radius: 26px;
    padding: 14px;
    overflow: hidden;
  }

  .bikaoo-mobile-image-carousel__track {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }

  .bikaoo-mobile-image-carousel__track::-webkit-scrollbar {
    display: none;
  }

  .bikaoo-mobile-image-carousel__slide {
    position: relative;
    flex: 0 0 100%;
    aspect-ratio: 4 / 5;
    border-radius: 24px;
    overflow: hidden;
    scroll-snap-align: start;
    background: #151719;
  }

  .bikaoo-mobile-image-carousel__img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  .bikaoo-mobile-image-carousel__slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      180deg,
      rgba(0,0,0,0.02) 0%,
      rgba(0,0,0,0.12) 42%,
      rgba(0,0,0,0.74) 100%
    );
    z-index: 1;
    pointer-events: none;
  }

  .bikaoo-mobile-image-carousel__content {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 2;
    color: #ffffff;
  }

  .bikaoo-mobile-image-carousel__label {
    display: inline-flex;
    width: fit-content;
    background: rgba(255,255,255,0.16);
    border: 1px solid rgba(255,255,255,0.22);
    color: #ffffff;
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 9.5px;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 11px;
    backdrop-filter: blur(8px);
  }

  .bikaoo-mobile-image-carousel__title {
    margin: 0;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.04;
    letter-spacing: -0.045em;
  }

  .bikaoo-mobile-image-carousel__text {
    margin: 9px 0 0;
    color: rgba(255,255,255,0.82);
    font-size: 13.5px;
    line-height: 1.55;
    max-width: 310px;
  }

  .bikaoo-mobile-image-carousel__btn {
    margin-top: 16px;
    min-height: 46px;
    padding: 0 22px;
    border-radius: 999px;
    background: #ffffff;
    color: #151719;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11.5px;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .bikaoo-mobile-image-carousel__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
  }

  .bikaoo-mobile-image-carousel__dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    border: none;
    background: rgba(255,255,255,0.28);
    padding: 0;
    cursor: pointer;
    transition: 0.22s ease;
  }

  .bikaoo-mobile-image-carousel__dot.is-active {
    width: 26px;
    background: #ffffff;
  }

  @media screen and (max-width: 380px) {
    .bikaoo-mobile-image-carousel {
      padding: 18px 10px;
    }

    .bikaoo-mobile-image-carousel__box {
      border-radius: 24px;
      padding: 12px;
    }

    .bikaoo-mobile-image-carousel__slide {
      border-radius: 22px;
    }

    .bikaoo-mobile-image-carousel__title {
      font-size: 27px;
    }

    .bikaoo-mobile-image-carousel__content {
      left: 16px;
      right: 16px;
      bottom: 16px;
    }

    .bikaoo-mobile-image-carousel__btn {
      min-height: 44px;
      padding: 0 20px;
    }
  }


/* ===== index-03-t-sections-custom-liquid.liquid  (scope: bk-section--trust-bar) ===== */

  .trust-bar {
    background-color: #DBDBDB;
    padding: 24px 0;
  }

  .trust-bar__scroll {
    display: flex;
    gap: 32px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 24px;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: flex-start;
  }

  .trust-bar__scroll::-webkit-scrollbar {
    display: none;
  }

  .trust-bar__item {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    scroll-snap-align: center;
  }

  .trust-bar__item svg {
    width: 28px;
    height: 28px;
    stroke: #000000;
    stroke-width: 1.5;
    fill: none;
    flex-shrink: 0;
  }

  .trust-bar__item span {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
    white-space: nowrap;
  }

  @media screen and (min-width: 750px) {
    .trust-bar__scroll {
      overflow-x: visible;
      justify-content: space-between;
    }
  }


/* ===== index-04-Two-Variant-Offer.liquid  (scope: bk-section--pack-offer) ===== */

  /* ==========================================================
     BIKAOO DOUBLE PACK OFFER V3
     ========================================================== */


  .bikaoo-featured-pack-media {
    position: relative !important;
  }


  /* ==========================================================
     PREMIUM OFFER TICKET
     ========================================================== */


  .bikaoo-pack-ticket {
    position: absolute;

    top: 20px;
    right: 20px;

    z-index: 45;

    width: 190px;

    padding:
      17px
      17px
      15px;

    background: #ffffff;

    border:
      1px solid
      rgba(23, 25, 27, 0.09);

    border-radius: 19px;

    box-shadow:
      0 5px 15px rgba(0, 0, 0, 0.08),
      0 20px 50px rgba(0, 0, 0, 0.13);

    color: #17191b;

    pointer-events: none;

    overflow: hidden;

    opacity: 0;
    visibility: hidden;

    transform:
      translateY(-8px)
      scale(0.88)
      rotate(2deg);

    transform-origin: top right;

    transition:
      opacity 0.24s ease,
      visibility 0.24s ease,
      transform 0.34s cubic-bezier(
        0.2,
        0.8,
        0.2,
        1
      );

    box-sizing: border-box;
  }


  /* ==========================================================
     CORAL SIDE STRIPE
     ========================================================== */


  .bikaoo-pack-ticket::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 6px;
    height: 100%;

    background:
      linear-gradient(
        180deg,
        #ff735f 0%,
        #ff8d79 55%,
        #22a99d 100%
      );
  }


  /* ==========================================================
     DECORATIVE CIRCLE
     ========================================================== */


  .bikaoo-pack-ticket::after {
    content: "";

    position: absolute;

    right: -38px;
    bottom: -48px;

    width: 105px;
    height: 105px;

    background:
      rgba(255, 115, 95, 0.08);

    border-radius: 50%;

    pointer-events: none;
  }


  /* ==========================================================
     VISIBLE STATE
     ========================================================== */


  .bikaoo-pack-ticket.is-visible {
    opacity: 1;
    visibility: visible;

    transform:
      translateY(0)
      scale(1)
      rotate(2deg);
  }


  /* ==========================================================
     BADGE HEADER
     ========================================================== */


  .bikaoo-pack-ticket__header {
    position: relative;

    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    margin-bottom: 14px;
  }


  /* ==========================================================
     DEAL LABEL
     ========================================================== */


  .bikaoo-pack-ticket__deal {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: #55565a;

    font-size: 8px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.13em;

    text-transform: uppercase;
  }


  .bikaoo-pack-ticket__deal-dot {
    width: 8px;
    height: 8px;

    display: block;

    background: #22a99d;

    border-radius: 50%;

    box-shadow:
      0 0 0 4px
      rgba(34, 169, 157, 0.13);
  }


  /* ==========================================================
     X2 CHIP
     ========================================================== */


  .bikaoo-pack-ticket__quantity {
    min-width: 42px;
    height: 29px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 10px;

    background: #17191b;
    color: #ffffff;

    border-radius: 999px;

    font-size: 12px;
    font-weight: 900;
    line-height: 1;
  }


  /* ==========================================================
     SAVE TEXT
     ========================================================== */


  .bikaoo-pack-ticket__saving {
    position: relative;

    z-index: 2;

    display: block;

    margin: 0;

    color: #ff654f;

    font-size: 32px;
    font-weight: 950;
    line-height: 0.95;

    letter-spacing: -0.055em;
  }


  /* ==========================================================
     OFFER TITLE
     ========================================================== */


  .bikaoo-pack-ticket__title {
    position: relative;

    z-index: 2;

    display: block;

    margin-top: 8px;

    color: #17191b;

    font-size: 12px;
    font-weight: 900;
    line-height: 1.25;

    letter-spacing: 0.07em;

    text-transform: uppercase;
  }


  /* ==========================================================
     DIVIDER
     ========================================================== */


  .bikaoo-pack-ticket__divider {
    position: relative;

    z-index: 2;

    width: 100%;
    height: 1px;

    display: block;

    margin: 13px 0 11px;

    background:
      rgba(23, 25, 27, 0.08);
  }


  /* ==========================================================
     SUB TEXT
     ========================================================== */


  .bikaoo-pack-ticket__sub {
    position: relative;

    z-index: 2;

    display: flex;
    align-items: center;

    gap: 6px;

    color: #77787c;

    font-size: 9px;
    font-weight: 650;
    line-height: 1.35;
  }


  .bikaoo-pack-ticket__sub-icon {
    width: 18px;
    height: 18px;

    flex: 0 0 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #fff0ed;
    color: #ff654f;

    border-radius: 50%;

    font-size: 10px;
    font-weight: 900;
  }


  /* ==========================================================
     PACK OF 2 — BEST VALUE TAG
     ========================================================== */


  .bikaoo-pack-option-label {
    position: relative !important;

    overflow: visible !important;
  }


  .bikaoo-pack-option-label::after {
    content: "BEST VALUE";

    position: absolute;

    top: -10px;
    right: -9px;

    z-index: 5;

    min-height: 21px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding:
      0
      8px;

    background:
      linear-gradient(
        135deg,
        #ff735f 0%,
        #ff604c 100%
      );

    color: #ffffff;

    border:
      2px solid
      #ffffff;

    border-radius: 999px;

    box-shadow:
      0 5px 13px
      rgba(255, 101, 79, 0.3);

    font-size: 7px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.08em;

    white-space: nowrap;

    pointer-events: none;
  }


  /* ==========================================================
     ADD SMALL STAR TO BEST VALUE
     ========================================================== */


  .bikaoo-pack-option-label::before {
    content: "★";

    position: absolute;

    top: -7px;
    right: 59px;

    z-index: 6;

    width: 16px;
    height: 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;
    color: #ff654f;

    border-radius: 50%;

    box-shadow:
      0 3px 9px
      rgba(0, 0, 0, 0.1);

    font-size: 8px;

    pointer-events: none;
  }


  /* ==========================================================
     SELECTED PACK BUTTON EXTRA HIGHLIGHT
     ========================================================== */


  .bikaoo-pack-option-label.is-bikaoo-pack-selected {
    box-shadow:
      0 0 0 2px
      rgba(255, 115, 95, 0.13),
      0 8px 20px
      rgba(255, 115, 95, 0.1) !important;
  }


  /* ==========================================================
     MOBILE
     ========================================================== */


  @media screen and (max-width: 749px) {
    .bikaoo-pack-ticket {
      top: 10px;
      right: 10px;

      width: 151px;

      padding:
        13px
        13px
        12px;

      border-radius: 16px;
    }


    .bikaoo-pack-ticket::before {
      width: 5px;
    }


    .bikaoo-pack-ticket__header {
      margin-bottom: 10px;
    }


    .bikaoo-pack-ticket__deal {
      gap: 5px;

      font-size: 6.5px;
    }


    .bikaoo-pack-ticket__deal-dot {
      width: 6px;
      height: 6px;
    }


    .bikaoo-pack-ticket__quantity {
      min-width: 34px;
      height: 24px;

      padding: 0 7px;

      font-size: 10px;
    }


    .bikaoo-pack-ticket__saving {
      font-size: 26px;
    }


    .bikaoo-pack-ticket__title {
      margin-top: 6px;

      font-size: 9px;
    }


    .bikaoo-pack-ticket__divider {
      margin:
        10px
        0
        9px;
    }


    .bikaoo-pack-ticket__sub {
      font-size: 7.5px;
    }


    .bikaoo-pack-ticket__sub-icon {
      width: 16px;
      height: 16px;

      flex-basis: 16px;

      font-size: 8px;
    }


    .bikaoo-pack-option-label::after {
      top: -9px;
      right: -6px;

      min-height: 18px;

      padding:
        0
        6px;

      font-size: 6px;

      border-width: 1.5px;
    }


    .bikaoo-pack-option-label::before {
      top: -6px;
      right: 50px;

      width: 14px;
      height: 14px;

      font-size: 7px;
    }
  }


  /* ==========================================================
     REDUCED MOTION
     ========================================================== */


  @media (prefers-reduced-motion: reduce) {
    .bikaoo-pack-ticket {
      transition: none;
    }
  }


/* ===== index-05-t-sections-custom-liquid.liquid  (scope: bk-section--spotlight) ===== */

  /* ==========================================================
     BIKAOO PRODUCT SPOTLIGHT
     COMPACT RESPONSIVE V4
     ========================================================== */

  .bk-section--spotlight {
    background: #ffffff !important;
  }

  .bk-section--spotlight .gradient,
  .bk-section--spotlight .color-background-1,
  .bk-section--spotlight .color-background-2 {
    background: #ffffff !important;
  }

  .bikaoo-spotlight-carousel,
  .bikaoo-spotlight-carousel *,
  .bikaoo-spotlight-carousel *::before,
  .bikaoo-spotlight-carousel *::after {
    box-sizing: border-box;
  }


  /* ==========================================================
     OUTER SECTION
     ========================================================== */

  .bikaoo-spotlight-carousel {
    width: 100%;

    padding:
      38px
      28px;

    background: #ffffff !important;

    overflow: hidden;
  }


  /* ==========================================================
     MAIN WRAPPER
     ========================================================== */

  .bikaoo-spotlight-wrap {
    --spotlight-card-width: 385px;
    --spotlight-side-offset: 320px;

    position: relative;

    width: 100%;
    max-width: 1500px;

    margin: 0 auto;

    padding: 26px;

    background: #151719;

    border-radius: 28px;

    color: #ffffff;

    overflow: hidden;
  }


  /* ==========================================================
     DECORATIVE BACKGROUND
     ========================================================== */

  .bikaoo-spotlight-wrap::before {
    content: "";

    position: absolute;

    top: -170px;
    right: -150px;

    width: 400px;
    height: 400px;

    background:
      rgba(
        255,
        115,
        95,
        0.08
      );

    border-radius: 50%;

    pointer-events: none;
  }

  .bikaoo-spotlight-wrap::after {
    content: "";

    position: absolute;

    bottom: -210px;
    left: -180px;

    width: 420px;
    height: 420px;

    border:
      65px solid
      rgba(
        37,
        169,
        157,
        0.045
      );

    border-radius: 50%;

    pointer-events: none;
  }


  /* ==========================================================
     HEADER
     ========================================================== */

  .bikaoo-spotlight-head {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
      minmax(0, 1fr)
      auto;

    gap: 20px;

    align-items: end;

    margin-bottom: 16px;
  }


  /* ==========================================================
     LABEL
     ========================================================== */

  .bikaoo-spotlight-label {
    width: fit-content;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 8px;

    padding:
      7px
      13px;

    background:
      rgba(
        255,
        255,
        255,
        0.10
      );

    border:
      1px solid
      rgba(
        255,
        255,
        255,
        0.14
      );

    border-radius: 999px;

    color: #ffffff;

    font-size: 10px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.12em;

    text-transform: uppercase;
  }


  /* ==========================================================
     TITLE
     ========================================================== */

  .bikaoo-spotlight-title {
    max-width: 760px;

    margin: 0;

    color: #ffffff;

    font-size: 44px;
    font-weight: 800;
    line-height: 1.04;

    letter-spacing: -0.05em;
  }


  /* ==========================================================
     DESCRIPTION
     ========================================================== */

  .bikaoo-spotlight-text {
    max-width: 650px;

    margin:
      6px
      0
      0;

    color:
      rgba(
        255,
        255,
        255,
        0.68
      );

    font-size: 13px;
    line-height: 1.5;
  }


  /* ==========================================================
     ARROWS
     ========================================================== */

  .bikaoo-spotlight-arrows {
    display: flex;

    gap: 8px;
  }

  .bikaoo-spotlight-arrow {
    width: 42px;
    height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    background:
      rgba(
        255,
        255,
        255,
        0.10
      );

    border:
      1px solid
      rgba(
        255,
        255,
        255,
        0.18
      );

    border-radius: 50%;

    color: #ffffff;

    cursor: pointer;

    font-size: 21px;
    font-weight: 900;
    line-height: 1;

    transition:
      background 0.22s ease,
      color 0.22s ease,
      border-color 0.22s ease,
      transform 0.22s ease;
  }

  .bikaoo-spotlight-arrow:hover {
    background: #ffffff;
    color: #151719;

    border-color: #ffffff;

    transform: translateY(-2px);
  }


  /* ==========================================================
     STAGE
     ========================================================== */

  .bikaoo-spotlight-stage {
    position: relative;

    z-index: 2;

    width: 100%;
    height: 500px;

    touch-action: pan-y;
  }


  /* ==========================================================
     SLIDE
     ========================================================== */

  .bikaoo-spotlight-slide {
    position: absolute;

    top: 0;
    left: 50%;

    width:
      var(
        --spotlight-card-width
      );

    height: 100%;

    opacity: 0;

    pointer-events: none;

    transform:
      translateX(-50%)
      scale(0.84);

    transition:
      opacity 0.42s
      cubic-bezier(
        0.2,
        0.8,
        0.2,
        1
      ),
      transform 0.42s
      cubic-bezier(
        0.2,
        0.8,
        0.2,
        1
      );
  }

  .bikaoo-spotlight-slide.is-active {
    z-index: 5;

    opacity: 1;

    pointer-events: auto;

    transform:
      translateX(-50%)
      scale(1);
  }

  .bikaoo-spotlight-slide.is-prev {
    z-index: 3;

    opacity: 0.42;

    pointer-events: auto;

    transform:
      translateX(
        calc(
          -50% -
          var(
            --spotlight-side-offset
          )
        )
      )
      scale(0.82)
      rotate(-2deg);
  }

  .bikaoo-spotlight-slide.is-next {
    z-index: 3;

    opacity: 0.42;

    pointer-events: auto;

    transform:
      translateX(
        calc(
          -50% +
          var(
            --spotlight-side-offset
          )
        )
      )
      scale(0.82)
      rotate(2deg);
  }


  /* ==========================================================
     PRODUCT CARD
     ========================================================== */

  .bikaoo-spotlight-card {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;

    padding: 11px;

    background: #ffffff;
    color: #151719;

    border:
      1px solid
      rgba(
        255,
        255,
        255,
        0.08
      );

    border-radius: 24px;

    box-shadow:
      0 18px 48px
      rgba(
        0,
        0,
        0,
        0.24
      );

    overflow: hidden;
  }


  /* ==========================================================
     PRODUCT IMAGE
     ========================================================== */

  .bikaoo-spotlight-image {
    position: relative;

    width: 100%;

    flex:
      1
      1
      auto;

    min-height: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 10px;

    background: #ffffff !important;

    border-radius: 18px;

    overflow: hidden;

    text-decoration: none;
  }

  .bikaoo-spotlight-image img {
    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    display: block !important;

    padding: 0 !important;

    background: #ffffff !important;

    object-fit: contain !important;

    object-position:
      center
      center !important;
  }


  /* ==========================================================
     SALE BADGE
     ========================================================== */

  .bikaoo-spotlight-sale {
    position: absolute;

    top: 9px;
    right: 9px;

    z-index: 2;

    padding:
      5px
      9px;

    background: #151719;
    color: #ffffff;

    border-radius: 999px;

    font-size: 9px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.08em;

    text-transform: uppercase;
  }


  /* ==========================================================
     PRODUCT INFO
     ========================================================== */

  .bikaoo-spotlight-info {
    flex:
      0
      0
      auto;

    display: flex;
    flex-direction: column;

    padding:
      0
      5px
      5px;
  }


  /* ==========================================================
     PRODUCT TITLE
     ========================================================== */

  .bikaoo-spotlight-product-title {
    min-height: 38px;

    display: -webkit-box;

    margin-bottom: 7px;

    color: #151719;

    font-size: 14px;
    font-weight: 900;
    line-height: 1.32;

    text-decoration: none;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
  }


  /* ==========================================================
     PRICE
     ========================================================== */

  .bikaoo-spotlight-price-row {
    display: flex;
    flex-wrap: wrap;

    gap:
      5px
      8px;

    align-items: baseline;

    margin-bottom: 10px;
  }

  .bikaoo-spotlight-price {
    color: #151719;

    font-size: 16px;
    font-weight: 950;
  }

  .bikaoo-spotlight-compare {
    color: #8d8580;

    font-size: 12px;
    font-weight: 800;

    text-decoration: line-through;
  }


  /* ==========================================================
     ACTIONS
     ========================================================== */

  .bikaoo-spotlight-actions {
    display: grid;

    grid-template-columns:
      minmax(0, 1fr)
      minmax(88px, 0.72fr);

    gap: 8px;

    margin-top: auto;
  }

  .bikaoo-spotlight-add,
  .bikaoo-spotlight-view {
    min-height: 40px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding:
      0
      12px;

    border: none;
    border-radius: 999px;

    cursor: pointer;

    font-size: 10.5px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.07em;

    text-decoration: none;

    text-transform: uppercase;

    transition:
      background 0.22s ease,
      color 0.22s ease,
      transform 0.22s ease;
  }

  .bikaoo-spotlight-add {
    background: #151719;
    color: #ffffff;
  }

  .bikaoo-spotlight-add:hover {
    background: #000000;

    transform: translateY(-2px);
  }

  .bikaoo-spotlight-add:disabled {
    background: #cfc7c1;

    cursor: not-allowed;

    transform: none;
  }

  .bikaoo-spotlight-view {
    background: #f4efea;
    color: #151719;
  }

  .bikaoo-spotlight-view:hover {
    background: #151719;
    color: #ffffff;

    transform: translateY(-2px);
  }


  /* ==========================================================
     DOTS
     ========================================================== */

  .bikaoo-spotlight-dots {
    position: relative;

    z-index: 2;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    gap: 7px;

    margin-top: 18px;
  }

  .bikaoo-spotlight-dot {
    width: 7px;
    height: 7px;

    padding: 0;

    background:
      rgba(
        255,
        255,
        255,
        0.28
      );

    border: none;
    border-radius: 999px;

    cursor: pointer;

    transition:
      width 0.22s ease,
      background 0.22s ease;
  }

  .bikaoo-spotlight-dot.is-active {
    width: 25px;

    background: #ffffff;
  }


  /* ==========================================================
     VIEW ALL
     ========================================================== */

  .bikaoo-spotlight-bottom {
    position: relative;

    z-index: 2;

    display: flex;
    justify-content: center;

    margin-top: 16px;
  }

  .bikaoo-spotlight-view-all {
    min-height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding:
      0
      22px;

    background: #ffffff;
    color: #151719;

    border-radius: 999px;

    font-size: 11px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.08em;

    text-decoration: none;

    text-transform: uppercase;

    transition:
      background 0.22s ease,
      transform 0.22s ease;
  }

  .bikaoo-spotlight-view-all:hover {
    background: #f4efea;

    transform: translateY(-2px);
  }


  /* ==========================================================
     TOAST
     ========================================================== */

  .bikaoo-spotlight-toast {
    position: fixed;

    right: 18px;

    bottom:
      calc(
        100px +
        env(
          safe-area-inset-bottom,
          0px
        )
      );

    z-index: 100000;

    padding:
      12px
      16px;

    background: #151719;
    color: #ffffff;

    border-radius: 999px;

    box-shadow:
      0 16px 45px
      rgba(
        0,
        0,
        0,
        0.24
      );

    font-size: 12px;
    font-weight: 850;

    opacity: 0;

    pointer-events: none;

    transform:
      translateY(16px);

    transition:
      opacity 0.25s ease,
      transform 0.25s ease;
  }

  .bikaoo-spotlight-toast.is-show {
    opacity: 1;

    transform:
      translateY(0);
  }


  /* ==========================================================
     EMPTY STATE
     ========================================================== */

  .bikaoo-spotlight-empty {
    position: relative;

    z-index: 2;

    padding: 30px;

    background: #ffffff;
    color: #706a64;

    border:
      1px dashed
      #ded6ce;

    border-radius: 22px;

    text-align: center;
  }


  /* ==========================================================
     NORMAL DESKTOP
     ========================================================== */

  @media screen and (max-width: 1599px) {

    .bikaoo-spotlight-carousel {
      padding:
        34px
        24px;
    }

    .bikaoo-spotlight-wrap {
      --spotlight-card-width: 360px;
      --spotlight-side-offset: 290px;

      max-width: 1380px;

      padding: 24px;

      border-radius: 26px;
    }

    .bikaoo-spotlight-title {
      font-size: 40px;
    }

    .bikaoo-spotlight-text {
      font-size: 13px;
    }

    .bikaoo-spotlight-stage {
      height: 475px;
    }

  }


  /* ==========================================================
     LAPTOP
     ========================================================== */

  @media screen and (max-width: 1399px) {

    .bikaoo-spotlight-carousel {
      padding:
        32px
        20px;
    }

    .bikaoo-spotlight-wrap {
      --spotlight-card-width: 335px;
      --spotlight-side-offset: 260px;

      padding: 22px;
    }

    .bikaoo-spotlight-title {
      font-size: 37px;
    }

    .bikaoo-spotlight-stage {
      height: 450px;
    }

    .bikaoo-spotlight-card {
      padding: 10px;
    }

    .bikaoo-spotlight-product-title {
      font-size: 13.5px;
    }

    .bikaoo-spotlight-price {
      font-size: 15px;
    }

  }


  /* ==========================================================
     SMALL LAPTOP
     ========================================================== */

  @media screen and (max-width: 1180px) {

    .bikaoo-spotlight-carousel {
      padding:
        30px
        18px;
    }

    .bikaoo-spotlight-wrap {
      --spotlight-card-width: 315px;
      --spotlight-side-offset: 225px;

      padding: 20px;
    }

    .bikaoo-spotlight-title {
      font-size: 35px;
    }

    .bikaoo-spotlight-stage {
      height: 430px;
    }

    .bikaoo-spotlight-arrow {
      width: 40px;
      height: 40px;
    }

    .bikaoo-spotlight-add,
    .bikaoo-spotlight-view {
      min-height: 38px;

      font-size: 10px;
    }

  }


  /* ==========================================================
     TABLET
     ========================================================== */

  @media screen and (max-width: 900px) {

    .bikaoo-spotlight-carousel {
      padding:
        30px
        20px;
    }

    .bikaoo-spotlight-wrap {
      --spotlight-card-width: 315px;
      --spotlight-side-offset: 150px;

      padding:
        21px
        20px;

      border-radius: 24px;
    }

    .bikaoo-spotlight-head {
      grid-template-columns: 1fr;

      gap: 11px;

      text-align: center;

      margin-bottom: 13px;
    }

    .bikaoo-spotlight-label {
      margin-left: auto;
      margin-right: auto;
    }

    .bikaoo-spotlight-title {
      max-width: 650px;

      margin-left: auto;
      margin-right: auto;

      font-size: 34px;
    }

    .bikaoo-spotlight-text {
      max-width: 540px;

      margin-left: auto;
      margin-right: auto;

      font-size: 12.5px;
    }

    .bikaoo-spotlight-arrows {
      justify-content: center;

      margin-top: 3px;
    }

    .bikaoo-spotlight-stage {
      height: 435px;
    }

    .bikaoo-spotlight-slide.is-prev {
      opacity: 0.2;

      transform:
        translateX(
          calc(
            -50% -
            var(
              --spotlight-side-offset
            )
          )
        )
        scale(0.74);
    }

    .bikaoo-spotlight-slide.is-next {
      opacity: 0.2;

      transform:
        translateX(
          calc(
            -50% +
            var(
              --spotlight-side-offset
            )
          )
        )
        scale(0.74);
    }

  }


  /* ==========================================================
     MOBILE
     ========================================================== */

  @media screen and (max-width: 640px) {

    .bikaoo-spotlight-carousel {
      padding:
        25px
        12px;
    }

    .bikaoo-spotlight-wrap {
      --spotlight-card-width: 310px;

      width: 100%;
      max-width: 100%;

      padding:
        15px
        12px
        17px;

      border-radius: 20px;
    }

    .bikaoo-spotlight-head {
      gap: 9px;

      margin-bottom: 11px;
    }

    .bikaoo-spotlight-label {
      padding:
        6px
        11px;

      font-size: 9px;
    }

    .bikaoo-spotlight-title {
      max-width: 100%;

      font-size:
        clamp(
          26px,
          7.7vw,
          31px
        );
    }

    .bikaoo-spotlight-text {
      max-width: 400px;

      font-size: 12px;
      line-height: 1.45;
    }

    .bikaoo-spotlight-arrows {
      gap: 7px;
    }

    .bikaoo-spotlight-arrow {
      width: 37px;
      height: 37px;

      font-size: 19px;
    }


    /* ========================================================
       MOBILE STAGE
       ======================================================== */

    .bikaoo-spotlight-stage {
      height:
        clamp(
          430px,
          118vw,
          465px
        );
    }

    .bikaoo-spotlight-slide {
      width:
        min(
          calc(100% - 8px),
          310px
        );

      height: 100%;
    }

    .bikaoo-spotlight-slide.is-prev,
    .bikaoo-spotlight-slide.is-next {
      opacity: 0;

      pointer-events: none;

      transform:
        translateX(-50%)
        scale(0.88);
    }


    /* ========================================================
       MOBILE CARD
       ======================================================== */

    .bikaoo-spotlight-card {
      height: 100%;

      padding: 8px;

      border-radius: 19px;
    }


    /* ========================================================
       MOBILE IMAGE
       ======================================================== */

    .bikaoo-spotlight-image {
      flex:
        1
        1
        auto;

      min-height:
        clamp(
          215px,
          62vw,
          255px
        );

      margin-bottom: 8px;

      border-radius: 15px;
    }


    /* ========================================================
       MOBILE SALE
       ======================================================== */

    .bikaoo-spotlight-sale {
      top: 7px;
      right: 7px;

      padding:
        5px
        8px;

      font-size: 8px;
    }


    /* ========================================================
       MOBILE INFO
       ======================================================== */

    .bikaoo-spotlight-info {
      padding:
        0
        4px
        4px;
    }

    .bikaoo-spotlight-product-title {
      min-height: 35px;

      margin-bottom: 6px;

      font-size: 12.5px;
      line-height: 1.3;
    }

    .bikaoo-spotlight-price {
      font-size: 14px;
    }

    .bikaoo-spotlight-compare {
      font-size: 11px;
    }

    .bikaoo-spotlight-price-row {
      margin-bottom: 8px;
    }


    /* ========================================================
       MOBILE ACTIONS
       ======================================================== */

    .bikaoo-spotlight-actions {
      grid-template-columns: 1fr;

      gap: 6px;
    }

    .bikaoo-spotlight-add,
    .bikaoo-spotlight-view {
      min-height: 35px;

      font-size: 9.5px;
    }


    /* ========================================================
       MOBILE DOTS
       ======================================================== */

    .bikaoo-spotlight-dots {
      gap: 6px;

      margin-top: 14px;
    }

    .bikaoo-spotlight-dot {
      width: 6px;
      height: 6px;
    }

    .bikaoo-spotlight-dot.is-active {
      width: 22px;
    }


    /* ========================================================
       MOBILE VIEW ALL
       ======================================================== */

    .bikaoo-spotlight-bottom {
      margin-top: 14px;
    }

    .bikaoo-spotlight-view-all {
      width: 100%;

      min-height: 40px;

      padding:
        0
        18px;

      font-size: 10px;
    }


    /* ========================================================
       MOBILE TOAST
       ======================================================== */

    .bikaoo-spotlight-toast {
      left: 12px;
      right: 12px;

      width: auto;

      text-align: center;
    }

  }


  /* ==========================================================
     VERY SMALL MOBILE
     ========================================================== */

  @media screen and (max-width: 390px) {

    .bikaoo-spotlight-carousel {
      padding:
        22px
        10px;
    }

    .bikaoo-spotlight-wrap {
      --spotlight-card-width: 285px;

      padding:
        14px
        10px
        16px;

      border-radius: 18px;
    }

    .bikaoo-spotlight-title {
      font-size:
        clamp(
          24px,
          7.5vw,
          28px
        );
    }

    .bikaoo-spotlight-stage {
      height:
        clamp(
          410px,
          120vw,
          440px
        );
    }

    .bikaoo-spotlight-slide {
      width:
        min(
          calc(100% - 6px),
          285px
        );
    }

    .bikaoo-spotlight-image {
      min-height:
        clamp(
          200px,
          60vw,
          235px
        );
    }

  }


  /* ==========================================================
     REDUCED MOTION
     ========================================================== */

  @media (prefers-reduced-motion: reduce) {

    .bikaoo-spotlight-slide,
    .bikaoo-spotlight-arrow,
    .bikaoo-spotlight-add,
    .bikaoo-spotlight-view,
    .bikaoo-spotlight-view-all,
    .bikaoo-spotlight-toast {
      transition: none;
    }

  }


/* ===== index-06-Before-After.liquid  (scope: bk-section--before-after) ===== */

  /* ==========================================================
     BIKAOO BEFORE / AFTER RESULTS
     FULL UPDATED CODE
     ========================================================== */

  .bikaoo-results-section,
  .bikaoo-results-section *,
  .bikaoo-results-section *::before,
  .bikaoo-results-section *::after {
    box-sizing: border-box;
  }

  .bikaoo-results-section {
    width: 100%;
    background: #ffffff;
    padding: 38px 28px;
  }

  .bikaoo-results-wrap {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
  }

  .bikaoo-results-header {
    text-align: center;
    margin-bottom: 28px;
  }

  .bikaoo-results-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 999px;
    background: #ff735f;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 14px;
  }

  .bikaoo-results-title {
    margin: 0 0 10px;
    color: #151719;
    font-size: clamp(34px, 3.5vw, 56px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -0.04em;
  }

  .bikaoo-results-subtitle {
    max-width: 720px;
    margin: 0 auto;
    color: #6b655f;
    font-size: clamp(14px, 1vw, 16px);
    line-height: 1.7;
  }

  .bikaoo-results-slider-shell {
    position: relative;
  }

  .bikaoo-results-slider {
    overflow: hidden;
  }

  .bikaoo-results-track {
    display: flex;
    gap: 18px;
    transition: transform 0.35s ease;
    will-change: transform;
  }

  .bikaoo-result-card {
    flex: 0 0 calc((100% - 36px) / 3);
    min-width: 0;
    background: #ffffff;
    border: 1px solid rgba(21, 23, 25, 0.08);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
  }

  .bikaoo-result-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    padding: 10px 10px 0;
  }

  .bikaoo-result-image-card {
    background: #f6f6f6;
    border-radius: 14px;
    overflow: hidden;
  }

  .bikaoo-result-image {
    width: 100%;
    aspect-ratio: 0.82 / 1;
    overflow: hidden;
    background: #f2f2f2;
  }

  .bikaoo-result-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
  }

  .bikaoo-result-tag {
    display: block;
    text-align: center;
    padding: 8px 10px 10px;
    color: #5f5a54;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
  }

  .bikaoo-result-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 18px 18px 18px;
  }

  .bikaoo-result-heading {
    margin: 0 0 8px;
    color: #151719;
    font-size: clamp(20px, 1.3vw, 28px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
  }

  .bikaoo-result-text {
    margin: 0 0 16px;
    color: #6b655f;
    font-size: 14px;
    line-height: 1.65;
  }

  .bikaoo-result-btn {
    margin-top: auto;
    align-self: flex-start;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-radius: 12px;
    background: #151719;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background 0.25s ease, transform 0.25s ease;
  }

  .bikaoo-result-btn:hover {
    background: #ff735f;
    transform: translateY(-1px);
  }

  .bikaoo-results-arrow {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border: 1px solid rgba(21, 23, 25, 0.08);
    border-radius: 50%;
    background: #ffffff;
    color: #151719;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
    z-index: 2;
    transition: all 0.25s ease;
  }

  .bikaoo-results-arrow:hover {
    background: #151719;
    color: #ffffff;
  }

  .bikaoo-results-arrow[disabled] {
    opacity: 0.35;
    cursor: not-allowed;
  }

  .bikaoo-results-arrow.prev {
    left: -20px;
  }

  .bikaoo-results-arrow.next {
    right: -20px;
  }

  .bikaoo-results-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
  }

  .bikaoo-results-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: none;
    background: #dddddd;
    cursor: pointer;
    padding: 0;
    transition: all 0.2s ease;
  }

  .bikaoo-results-dot.is-active {
    width: 22px;
    border-radius: 999px;
    background: #151719;
  }

  @media screen and (max-width: 1599px) {
    .bikaoo-results-section {
      padding: 34px 24px;
    }

    .bikaoo-results-wrap {
      max-width: 1380px;
    }
  }

  @media screen and (max-width: 1399px) {
    .bikaoo-results-section {
      padding: 32px 20px;
    }

    .bikaoo-results-wrap {
      max-width: 100%;
    }
  }

  @media screen and (max-width: 1024px) {
    .bikaoo-result-card {
      flex: 0 0 calc((100% - 18px) / 2);
    }

    .bikaoo-results-arrow.prev {
      left: -10px;
    }

    .bikaoo-results-arrow.next {
      right: -10px;
    }
  }

  @media screen and (max-width: 749px) {
    .bikaoo-results-section {
      padding: 25px 12px;
    }

    .bikaoo-results-header {
      margin-bottom: 22px;
    }

    .bikaoo-results-title {
      font-size: clamp(30px, 9vw, 38px);
    }

    .bikaoo-results-subtitle {
      font-size: 14px;
      line-height: 1.65;
    }

    .bikaoo-results-slider {
      overflow: visible;
    }

    .bikaoo-results-track {
      overflow-x: auto;
      overflow-y: visible;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      padding-bottom: 6px;
    }

    .bikaoo-results-track::-webkit-scrollbar {
      display: none;
    }

    .bikaoo-result-card {
      flex: 0 0 min(84vw, 320px);
      scroll-snap-align: start;
    }

    .bikaoo-results-arrow {
      display: none;
    }

    .bikaoo-results-dot {
      width: 8px;
      height: 8px;
    }
  }

  @media screen and (max-width: 390px) {
    .bikaoo-results-section {
      padding: 22px 10px;
    }

    .bikaoo-result-card {
      flex: 0 0 min(86vw, 295px);
    }

    .bikaoo-result-body {
      padding: 16px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .bikaoo-results-track,
    .bikaoo-results-arrow,
    .bikaoo-result-btn {
      transition: none;
    }
  }


/* ===== index-07-t-sections-custom-liquid.liquid  (scope: bk-section--routine) ===== */

  /* ==========================================================
     BIKAOO SHOP BY ROUTINE
     MATCHED SECTION WIDTH + RESPONSIVE
     ========================================================== */

  .bikaoo-routine-seller,
  .bikaoo-routine-seller *,
  .bikaoo-routine-seller *::before,
  .bikaoo-routine-seller *::after {
    box-sizing: border-box;
  }


  /* ==========================================================
     OUTER SECTION
     ========================================================== */

  .bikaoo-routine-seller {
    width: 100%;

    padding:
      38px
      28px;

    background: #ffffff;
  }


  /* ==========================================================
     MAIN WRAPPER
     MATCHES EXPLORE BIKAOO WIDTH
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-routine-wrap {
    width: 100%;
    max-width: 1500px;

    margin: 0 auto;

    padding:
      clamp(
        28px,
        3.2vw,
        48px
      );

    background: #fff7f4;

    border:
      1px solid
      rgba(
        255,
        115,
        95,
        0.18
      );

    border-radius:
      clamp(
        24px,
        2vw,
        34px
      );

    overflow: hidden;
  }


  /* ==========================================================
     TOP AREA
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-routine-top {
    display: grid;

    grid-template-columns:
      minmax(0, 0.86fr)
      minmax(0, 1.14fr);

    gap:
      clamp(
        24px,
        3vw,
        42px
      );

    align-items: end;

    margin-bottom:
      clamp(
        26px,
        2.8vw,
        38px
      );
  }


  /* ==========================================================
     LABEL
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-routine-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom:
      clamp(
        12px,
        1.2vw,
        16px
      );

    padding:
      8px
      14px;

    background: #ff735f;
    color: #ffffff;

    border-radius: 999px;

    font-size:
      clamp(
        9.5px,
        0.75vw,
        11px
      );

    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.12em;

    text-transform: uppercase;
  }


  /* ==========================================================
     TITLE
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-routine-title {
    max-width: 620px;

    margin: 0;

    color: #151719;

    font-size:
      clamp(
        34px,
        3.8vw,
        56px
      );

    font-weight: 800;
    line-height: 1.02;

    letter-spacing: -0.045em;
  }


  /* ==========================================================
     DESCRIPTION
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-routine-text {
    max-width: 560px;

    margin:
      clamp(
        12px,
        1.3vw,
        16px
      )
      0
      0;

    color: #6f6963;

    font-size:
      clamp(
        14px,
        1vw,
        16px
      );

    line-height: 1.7;
  }


  /* ==========================================================
     TABS
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-routine-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;

    gap:
      clamp(
        8px,
        0.9vw,
        11px
      );
  }

  .bikaoo-routine-seller .bikaoo-routine-tab {
    min-height:
      clamp(
        42px,
        3.2vw,
        46px
      );

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding:
      0
      clamp(
        14px,
        1.4vw,
        19px
      );

    background: #ffffff;
    color: #151719;

    border:
      1px solid
      #eadcd5;

    border-radius: 999px;

    cursor: pointer;

    font-family: inherit;

    font-size:
      clamp(
        11px,
        0.85vw,
        13px
      );

    font-weight: 900;
    line-height: 1;

    white-space: nowrap;

    transition:
      background 0.25s ease,
      color 0.25s ease,
      border-color 0.25s ease,
      transform 0.25s ease;
  }

  .bikaoo-routine-seller .bikaoo-routine-tab:hover {
    transform: translateY(-2px);
  }

  .bikaoo-routine-seller .bikaoo-routine-tab:hover,
  .bikaoo-routine-seller .bikaoo-routine-tab.is-active {
    background: #151719;
    color: #ffffff;

    border-color: #151719;
  }


  /* ==========================================================
     PANELS
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-panel {
    display: none;
  }

  .bikaoo-routine-seller .bikaoo-panel.is-active {
    display: block;
  }


  /* ==========================================================
     PRODUCT GRID
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-product-grid {
    width: 100%;

    display: grid;

    grid-template-columns:
      repeat(
        4,
        minmax(0, 1fr)
      );

    gap:
      clamp(
        14px,
        1.5vw,
        22px
      );
  }


  /* ==========================================================
     PRODUCT CARD
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-product-card {
    position: relative;

    min-width: 0;

    display: flex;
    flex-direction: column;

    padding:
      clamp(
        10px,
        1vw,
        13px
      );

    background: #ffffff;

    border:
      1px solid
      #efe5df;

    border-radius:
      clamp(
        19px,
        1.7vw,
        25px
      );

    overflow: hidden;

    transition:
      transform 0.25s ease,
      box-shadow 0.25s ease;
  }

  .bikaoo-routine-seller .bikaoo-product-card:hover {
    transform: translateY(-5px);

    box-shadow:
      0 18px 42px
      rgba(
        21,
        23,
        25,
        0.09
      );
  }


  /* ==========================================================
     PRODUCT IMAGE
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-product-image {
    width: 100%;

    display: block;

    aspect-ratio: 1 / 1;

    margin-bottom:
      clamp(
        11px,
        1vw,
        15px
      );

    background: #f7f3ef;

    border-radius:
      clamp(
        15px,
        1.4vw,
        19px
      );

    overflow: hidden;
  }

  .bikaoo-routine-seller .bikaoo-product-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
      transform 0.3s ease;
  }

  .bikaoo-routine-seller
  .bikaoo-product-card:hover
  .bikaoo-product-image img {
    transform: scale(1.035);
  }


  /* ==========================================================
     PRODUCT INFO
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-product-info {
    flex: 1;

    display: flex;
    flex-direction: column;

    padding:
      0
      clamp(
        3px,
        0.4vw,
        5px
      )
      5px;
  }


  /* ==========================================================
     PRODUCT TITLE
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-product-title {
    min-height: 40px;

    display: -webkit-box;

    margin-bottom: 9px;

    color: #151719;

    font-size:
      clamp(
        12.5px,
        1vw,
        15px
      );

    font-weight: 900;
    line-height: 1.38;

    text-decoration: none;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
  }


  /* ==========================================================
     PRODUCT PRICE
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-product-price {
    margin-bottom:
      clamp(
        10px,
        1vw,
        14px
      );

    color: #ff735f;

    font-size:
      clamp(
        13px,
        1.05vw,
        16px
      );

    font-weight: 900;
    line-height: 1.2;
  }


  /* ==========================================================
     PRODUCT FORM
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-product-info form {
    width: 100%;

    margin-top: auto;
  }


  /* ==========================================================
     ADD BUTTON
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-add-btn {
    width: 100%;

    min-height:
      clamp(
        41px,
        3vw,
        45px
      );

    padding:
      0
      12px;

    background: #151719;
    color: #ffffff;

    border: none;
    border-radius: 999px;

    cursor: pointer;

    font-family: inherit;

    font-size:
      clamp(
        10px,
        0.8vw,
        12px
      );

    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    transition:
      background 0.25s ease,
      transform 0.25s ease;
  }

  .bikaoo-routine-seller .bikaoo-add-btn:hover {
    background: #ff735f;

    transform: translateY(-1px);
  }

  .bikaoo-routine-seller .bikaoo-add-btn:disabled {
    background: #cfc7c1;

    cursor: not-allowed;

    transform: none;
  }


  /* ==========================================================
     PANEL FOOTER
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-panel-footer {
    display: flex;
    justify-content: center;

    margin-top:
      clamp(
        20px,
        2vw,
        28px
      );
  }


  /* ==========================================================
     VIEW ALL
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-view-all {
    min-height:
      clamp(
        46px,
        3.3vw,
        50px
      );

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding:
      0
      clamp(
        20px,
        2vw,
        28px
      );

    background: #ff735f;
    color: #ffffff;

    border-radius: 999px;

    font-size:
      clamp(
        10.5px,
        0.85vw,
        13px
      );

    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.08em;

    text-decoration: none;

    text-transform: uppercase;

    transition:
      background 0.25s ease,
      transform 0.25s ease,
      box-shadow 0.25s ease;
  }

  .bikaoo-routine-seller .bikaoo-view-all:hover {
    background: #151719;

    transform: translateY(-2px);

    box-shadow:
      0 12px 28px
      rgba(
        21,
        23,
        25,
        0.16
      );
  }


  /* ==========================================================
     EMPTY
     ========================================================== */

  .bikaoo-routine-seller .bikaoo-empty {
    grid-column: 1 / -1;

    padding:
      clamp(
        24px,
        3vw,
        32px
      );

    background: #ffffff;
    color: #6f6963;

    border:
      1px dashed
      #e2d2ca;

    border-radius: 22px;

    text-align: center;
  }


  /* ==========================================================
     NORMAL DESKTOP
     SAME AS SPOTLIGHT SECTION
     ========================================================== */

  @media screen and (max-width: 1599px) {

    .bikaoo-routine-seller {
      padding:
        34px
        24px;
    }

    .bikaoo-routine-seller .bikaoo-routine-wrap {
      max-width: 1380px;
    }

  }


  /* ==========================================================
     LAPTOP
     ========================================================== */

  @media screen and (max-width: 1399px) {

    .bikaoo-routine-seller {
      padding:
        32px
        20px;
    }

    .bikaoo-routine-seller .bikaoo-routine-wrap {
      max-width: 100%;
    }

  }


  /* ==========================================================
     SMALL DESKTOP / LAPTOP
     ========================================================== */

  @media screen and (max-width: 1180px) {

    .bikaoo-routine-seller {
      padding:
        30px
        18px;
    }

    .bikaoo-routine-seller .bikaoo-routine-top {
      grid-template-columns: 1fr;

      gap: 25px;

      text-align: center;
    }

    .bikaoo-routine-seller .bikaoo-routine-title,
    .bikaoo-routine-seller .bikaoo-routine-text {
      margin-left: auto;
      margin-right: auto;
    }

    .bikaoo-routine-seller .bikaoo-routine-tabs {
      justify-content: center;
    }

  }


  /* ==========================================================
     TABLET
     ========================================================== */

  @media screen and (max-width: 900px) {

    .bikaoo-routine-seller {
      padding:
        30px
        20px;
    }

    .bikaoo-routine-seller .bikaoo-routine-wrap {
      padding:
        clamp(
          26px,
          4vw,
          38px
        );

      border-radius: 27px;
    }

    .bikaoo-routine-seller .bikaoo-product-grid {
      grid-template-columns:
        repeat(
          2,
          minmax(0, 1fr)
        );

      gap:
        clamp(
          14px,
          2.5vw,
          20px
        );
    }

    .bikaoo-routine-seller .bikaoo-product-title {
      font-size: 14px;
    }

    .bikaoo-routine-seller .bikaoo-product-price {
      font-size: 15px;
    }

  }


  /* ==========================================================
     MOBILE
     ========================================================== */

  @media screen and (max-width: 640px) {

    .bikaoo-routine-seller {
      padding:
        25px
        12px;
    }

    .bikaoo-routine-seller .bikaoo-routine-wrap {
      padding:
        25px
        17px
        27px;

      border-radius: 23px;
    }

    .bikaoo-routine-seller .bikaoo-routine-top {
      gap: 21px;

      margin-bottom: 26px;
    }

    .bikaoo-routine-seller .bikaoo-routine-title {
      max-width: 100%;

      font-size:
        clamp(
          31px,
          9vw,
          38px
        );
    }

    .bikaoo-routine-seller .bikaoo-routine-text {
      max-width: 420px;

      font-size: 14px;
      line-height: 1.65;
    }


    /* ========================================================
       MOBILE TABS
       ======================================================== */

    .bikaoo-routine-seller .bikaoo-routine-tabs {
      width: 100%;

      display: grid;

      grid-template-columns:
        repeat(
          2,
          minmax(0, 1fr)
        );

      gap: 9px;
    }

    .bikaoo-routine-seller .bikaoo-routine-tab {
      width: 100%;

      min-width: 0;
      min-height: 44px;

      padding:
        0
        8px;

      font-size:
        clamp(
          10px,
          3vw,
          12px
        );

      white-space: normal;

      line-height: 1.2;

      text-align: center;
    }


    /* ========================================================
       MOBILE PRODUCT SLIDER
       ======================================================== */

    .bikaoo-routine-seller .bikaoo-product-grid {
      width:
        calc(
          100% + 17px
        );

      max-width: none;

      display: flex;

      gap: 14px;

      margin-right: -17px;

      padding:
        2px
        17px
        10px
        0;

      overflow-x: auto;
      overflow-y: visible;

      scroll-snap-type:
        x
        mandatory;

      overscroll-behavior-x: contain;

      -webkit-overflow-scrolling: touch;

      scrollbar-width: none;
    }

    .bikaoo-routine-seller
    .bikaoo-product-grid::-webkit-scrollbar {
      display: none;
    }

    .bikaoo-routine-seller .bikaoo-product-card {
      width:
        min(
          76vw,
          285px
        );

      min-width:
        min(
          76vw,
          285px
        );

      flex:
        0
        0
        auto;

      scroll-snap-align: start;

      border-radius: 21px;
    }

    .bikaoo-routine-seller .bikaoo-product-card:hover {
      transform: none;
    }

    .bikaoo-routine-seller .bikaoo-product-image {
      border-radius: 16px;
    }

    .bikaoo-routine-seller .bikaoo-product-info {
      padding:
        0
        4px
        4px;
    }

    .bikaoo-routine-seller .bikaoo-product-title {
      min-height: 39px;

      font-size: 14px;
    }

    .bikaoo-routine-seller .bikaoo-product-price {
      font-size: 15px;
    }

    .bikaoo-routine-seller .bikaoo-add-btn {
      min-height: 44px;

      font-size: 11px;
    }


    /* ========================================================
       MOBILE FOOTER
       ======================================================== */

    .bikaoo-routine-seller .bikaoo-panel-footer {
      margin-top: 19px;
    }

    .bikaoo-routine-seller .bikaoo-view-all {
      width: 100%;

      min-height: 48px;
    }

  }


  /* ==========================================================
     VERY SMALL MOBILE
     ========================================================== */

  @media screen and (max-width: 390px) {

    .bikaoo-routine-seller {
      padding:
        22px
        10px;
    }

    .bikaoo-routine-seller .bikaoo-routine-wrap {
      padding:
        23px
        14px
        25px;

      border-radius: 21px;
    }

    .bikaoo-routine-seller .bikaoo-routine-title {
      font-size:
        clamp(
          29px,
          8.7vw,
          34px
        );
    }

    .bikaoo-routine-seller .bikaoo-routine-tabs {
      gap: 8px;
    }

    .bikaoo-routine-seller .bikaoo-routine-tab {
      min-height: 43px;

      font-size: 10.5px;
    }

    .bikaoo-routine-seller .bikaoo-product-grid {
      width:
        calc(
          100% + 14px
        );

      margin-right: -14px;

      padding-right: 14px;
    }

    .bikaoo-routine-seller .bikaoo-product-card {
      width:
        min(
          78vw,
          270px
        );

      min-width:
        min(
          78vw,
          270px
        );
    }

  }


  /* ==========================================================
     REDUCED MOTION
     ========================================================== */

  @media (prefers-reduced-motion: reduce) {

    .bikaoo-routine-seller .bikaoo-product-card,
    .bikaoo-routine-seller .bikaoo-product-image img,
    .bikaoo-routine-seller .bikaoo-routine-tab,
    .bikaoo-routine-seller .bikaoo-add-btn,
    .bikaoo-routine-seller .bikaoo-view-all {
      transition: none;
    }

  }


/* ===== index-08-t-sections-custom-liquid.liquid  (scope: bk-section--deals) ===== */

  /* ==========================================================
     BIKAOO DENTAL BUNDLE
     MATCHED WIDTH + BALANCED RESPONSIVE STANDARD
     ========================================================== */

  .bikaoo-deal-section,
  .bikaoo-deal-section *,
  .bikaoo-deal-section *::before,
  .bikaoo-deal-section *::after {
    box-sizing: border-box;
  }


  /* ==========================================================
     OUTER SECTION
     ========================================================== */

  .bikaoo-deal-section {
    width: 100%;

    padding:
      38px
      28px;

    background: #ffffff;
  }


  /* ==========================================================
     MAIN WRAPPER
     SAME WIDTH SYSTEM AS OTHER BIKAOO SECTIONS
     ========================================================== */

  .bikaoo-deal-section .bikaoo-deal-wrap {
    width: 100%;
    max-width: 1500px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
      minmax(300px, 0.36fr)
      minmax(0, 0.64fr);

    gap:
      clamp(
        28px,
        3.5vw,
        54px
      );

    align-items: center;

    padding:
      clamp(
        30px,
        3.8vw,
        56px
      );

    background:
      linear-gradient(
        135deg,
        #f7f3ec 0%,
        #fff7f1 55%,
        #ffe4dd 100%
      );

    border:
      1px solid
      rgba(
        21,
        23,
        25,
        0.06
      );

    border-radius:
      clamp(
        24px,
        2vw,
        32px
      );

    overflow: hidden;
  }


  /* ==========================================================
     CONTENT
     ========================================================== */

  .bikaoo-deal-section .bikaoo-deal-content {
    position: relative;

    z-index: 2;

    min-width: 0;
  }


  /* ==========================================================
     LABEL
     ========================================================== */

  .bikaoo-deal-section .bikaoo-deal-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom:
      clamp(
        14px,
        1.5vw,
        20px
      );

    padding:
      8px
      14px;

    background: #151719;
    color: #ffffff;

    border-radius: 999px;

    font-size:
      clamp(
        10px,
        0.8vw,
        12px
      );

    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.12em;

    text-transform: uppercase;
  }


  /* ==========================================================
     HEADING
     ========================================================== */

  .bikaoo-deal-section .bikaoo-deal-content h2 {
    max-width: 500px;

    margin:
      0
      0
      clamp(
        14px,
        1.5vw,
        18px
      );

    color: #151719;

    font-size:
      clamp(
        34px,
        3.5vw,
        56px
      );

    font-weight: 800;
    line-height: 1.04;

    letter-spacing: -0.045em;
  }


  /* ==========================================================
     DESCRIPTION
     ========================================================== */

  .bikaoo-deal-section .bikaoo-deal-content p {
    max-width: 470px;

    margin:
      0
      0
      clamp(
        18px,
        2vw,
        24px
      );

    color: #5f5a54;

    font-size:
      clamp(
        14px,
        1vw,
        16px
      );

    line-height: 1.7;
  }


  /* ==========================================================
     BUNDLE PRICE BOX
     ========================================================== */

  .bikaoo-deal-section .bikaoo-bundle-price-box {
    width: 100%;
    max-width: 470px;

    margin-bottom:
      clamp(
        20px,
        2vw,
        26px
      );

    padding:
      clamp(
        15px,
        1.5vw,
        19px
      )
      clamp(
        16px,
        1.6vw,
        21px
      );

    background: #ffffff;

    border:
      1px solid
      rgba(
        21,
        23,
        25,
        0.08
      );

    border-radius:
      clamp(
        16px,
        1.4vw,
        20px
      );

    box-shadow:
      0 8px 24px
      rgba(
        21,
        23,
        25,
        0.035
      );
  }

  .bikaoo-deal-section .bikaoo-bundle-price-label {
    display: block;

    margin-bottom: 7px;

    color: #6f6a63;

    font-size:
      clamp(
        10px,
        0.8vw,
        12px
      );

    font-weight: 800;
    line-height: 1.2;

    letter-spacing: 0.12em;

    text-transform: uppercase;
  }

  .bikaoo-deal-section .bikaoo-bundle-price-main {
    color: #151719;

    font-size:
      clamp(
        20px,
        1.8vw,
        26px
      );

    font-weight: 900;
    line-height: 1.15;

    overflow-wrap: anywhere;
  }

  .bikaoo-deal-section .bikaoo-bundle-price-small {
    margin-top: 7px;

    color: #6f6a63;

    font-size:
      clamp(
        11px,
        0.8vw,
        13px
      );

    line-height: 1.5;
  }


  /* ==========================================================
     BUNDLE BUTTON
     ========================================================== */

  .bikaoo-deal-section .bikaoo-deal-btn {
    min-height:
      clamp(
        52px,
        4vw,
        58px
      );

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding:
      0
      clamp(
        24px,
        2.4vw,
        34px
      );

    background: #151719;
    color: #ffffff;

    border: none;
    border-radius: 999px;

    cursor: pointer;

    font-family: inherit;

    font-size:
      clamp(
        11px,
        0.8vw,
        13px
      );

    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.1em;

    text-decoration: none;

    text-transform: uppercase;

    transition:
      background 0.25s ease,
      transform 0.25s ease,
      box-shadow 0.25s ease;
  }

  .bikaoo-deal-section .bikaoo-deal-btn:hover {
    background: #ff735f;

    transform: translateY(-2px);

    box-shadow:
      0 14px 30px
      rgba(
        255,
        115,
        95,
        0.25
      );
  }

  .bikaoo-deal-section .bikaoo-deal-btn:disabled {
    opacity: 0.65;

    cursor: not-allowed;

    transform: none;

    box-shadow: none;
  }


  /* ==========================================================
     PRODUCT GRID
     ========================================================== */

  .bikaoo-deal-section .bikaoo-deal-products {
    width: 100%;
    min-width: 0;

    display: grid;

    grid-template-columns:
      repeat(
        3,
        minmax(0, 1fr)
      );

    gap:
      clamp(
        14px,
        1.6vw,
        24px
      );
  }


  /* ==========================================================
     PRODUCT CARD
     ========================================================== */

  .bikaoo-deal-section .bikaoo-deal-card {
    position: relative;

    min-width: 0;

    display: flex;
    flex-direction: column;

    background: #ffffff;
    color: #151719;

    border:
      1px solid
      rgba(
        21,
        23,
        25,
        0.08
      );

    border-radius:
      clamp(
        18px,
        1.6vw,
        24px
      );

    box-shadow:
      0 12px 32px
      rgba(
        0,
        0,
        0,
        0.065
      );

    overflow: hidden;

    text-decoration: none;

    transition:
      transform 0.25s ease,
      box-shadow 0.25s ease;
  }

  .bikaoo-deal-section .bikaoo-deal-card:hover {
    transform: translateY(-6px);

    box-shadow:
      0 22px 48px
      rgba(
        0,
        0,
        0,
        0.12
      );
  }


  /* ==========================================================
     PRODUCT IMAGE
     ========================================================== */

  .bikaoo-deal-section .bikaoo-deal-image-box {
    width: 100%;

    aspect-ratio: 1 / 1;

    display: flex;
    align-items: center;
    justify-content: center;

    padding:
      clamp(
        12px,
        1.5vw,
        20px
      );

    background: #f4f4f4;

    overflow: hidden;
  }

  .bikaoo-deal-section .bikaoo-deal-image-box img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;
    object-position: center;

    transition:
      transform 0.3s ease;
  }

  .bikaoo-deal-section
  .bikaoo-deal-card:hover
  .bikaoo-deal-image-box img {
    transform: scale(1.05);
  }


  /* ==========================================================
     BUNDLE PILL
     ========================================================== */

  .bikaoo-deal-section .bikaoo-sale-pill {
    position: absolute;

    top:
      clamp(
        10px,
        1vw,
        14px
      );

    right:
      clamp(
        10px,
        1vw,
        14px
      );

    z-index: 2;

    padding:
      6px
      clamp(
        8px,
        0.7vw,
        11px
      );

    background: #d2a13b;
    color: #151719;

    border-radius: 999px;

    font-size:
      clamp(
        8px,
        0.65vw,
        10px
      );

    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.11em;

    text-transform: uppercase;
  }


  /* ==========================================================
     CARD BODY
     ========================================================== */

  .bikaoo-deal-section .bikaoo-deal-card-body {
    flex: 1;

    display: flex;
    flex-direction: column;

    padding:
      clamp(
        14px,
        1.5vw,
        20px
      );
  }

  .bikaoo-deal-section .bikaoo-deal-card-title {
    margin:
      0
      0
      12px;

    color: #151719;

    font-size:
      clamp(
        13px,
        1vw,
        16px
      );

    font-weight: 800;
    line-height: 1.4;

    display: -webkit-box;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
  }


  /* ==========================================================
     PRICE
     ========================================================== */

  .bikaoo-deal-section .bikaoo-deal-price {
    display: flex;
    flex-wrap: wrap;

    gap:
      5px
      8px;

    align-items: baseline;
  }

  .bikaoo-deal-section .bikaoo-deal-price-current {
    color: #ff735f;

    font-size:
      clamp(
        13px,
        1vw,
        16px
      );

    font-weight: 900;
  }

  .bikaoo-deal-section .bikaoo-deal-price-compare {
    color: #77716a;

    font-size:
      clamp(
        11px,
        0.8vw,
        13px
      );

    text-decoration: line-through;
  }


  /* ==========================================================
     CARD BOTTOM
     ========================================================== */

  .bikaoo-deal-section .bikaoo-deal-bottom {
    margin-top: auto;

    padding-top: 14px;

    color: #151719;

    font-size:
      clamp(
        9px,
        0.7vw,
        11px
      );

    font-weight: 900;
    line-height: 1.3;

    letter-spacing: 0.12em;

    text-transform: uppercase;
  }


  /* ==========================================================
     NORMAL DESKTOP
     SAME WIDTH AS OTHER BIKAOO SECTIONS
     ========================================================== */

  @media screen and (max-width: 1599px) {

    .bikaoo-deal-section {
      padding:
        34px
        24px;
    }

    .bikaoo-deal-section .bikaoo-deal-wrap {
      max-width: 1380px;
    }

  }


  /* ==========================================================
     LAPTOP
     ========================================================== */

  @media screen and (max-width: 1399px) {

    .bikaoo-deal-section {
      padding:
        32px
        20px;
    }

    .bikaoo-deal-section .bikaoo-deal-wrap {
      max-width: 100%;
    }

  }


  /* ==========================================================
     SMALL DESKTOP / LAPTOP
     ========================================================== */

  @media screen and (max-width: 1180px) {

    .bikaoo-deal-section {
      padding:
        30px
        18px;
    }

    .bikaoo-deal-section .bikaoo-deal-wrap {
      grid-template-columns: 1fr;

      gap: 38px;
    }

    .bikaoo-deal-section .bikaoo-deal-content {
      width: 100%;
      max-width: 760px;

      margin: 0 auto;

      text-align: center;
    }

    .bikaoo-deal-section .bikaoo-deal-content h2,
    .bikaoo-deal-section .bikaoo-deal-content p,
    .bikaoo-deal-section .bikaoo-bundle-price-box {
      margin-left: auto;
      margin-right: auto;
    }

    .bikaoo-deal-section .bikaoo-deal-products {
      max-width: 900px;

      margin: 0 auto;
    }

  }


  /* ==========================================================
     TABLET
     ========================================================== */

  @media screen and (max-width: 899px) {

    .bikaoo-deal-section {
      padding:
        30px
        20px;
    }

    .bikaoo-deal-section .bikaoo-deal-wrap {
      padding:
        clamp(
          28px,
          4vw,
          42px
        );

      gap: 32px;

      border-radius: 26px;
    }

    .bikaoo-deal-section .bikaoo-deal-products {
      grid-template-columns:
        repeat(
          2,
          minmax(0, 1fr)
        );

      max-width: 650px;
    }

    .bikaoo-deal-section .bikaoo-deal-card:last-child {
      grid-column: 1 / -1;

      width:
        min(
          100%,
          315px
        );

      justify-self: center;
    }

  }


  /* ==========================================================
     MOBILE
     ========================================================== */

  @media screen and (max-width: 749px) {

    .bikaoo-deal-section {
      padding:
        25px
        12px;
    }

    .bikaoo-deal-section .bikaoo-deal-wrap {
      padding:
        28px
        18px;

      gap: 28px;

      border-radius: 23px;
    }

    .bikaoo-deal-section .bikaoo-deal-content h2 {
      max-width: 100%;

      font-size:
        clamp(
          31px,
          9vw,
          38px
        );
    }

    .bikaoo-deal-section .bikaoo-deal-content p {
      max-width: 100%;

      font-size: 14px;
      line-height: 1.65;
    }

    .bikaoo-deal-section .bikaoo-bundle-price-box {
      max-width: 100%;
    }

    .bikaoo-deal-section .bikaoo-bundle-price-main {
      font-size:
        clamp(
          18px,
          5vw,
          22px
        );
    }

    .bikaoo-deal-section .bikaoo-deal-btn {
      width: 100%;

      min-height: 56px;
    }


    /* ========================================================
       MOBILE PRODUCT SLIDER
       ======================================================== */

    .bikaoo-deal-section .bikaoo-deal-products {
      width:
        calc(
          100% + 18px
        );

      max-width: none;

      display: flex;

      gap: 14px;

      margin-right: -18px;

      padding:
        2px
        18px
        10px
        0;

      overflow-x: auto;
      overflow-y: visible;

      scroll-snap-type:
        x
        mandatory;

      scroll-padding-left: 0;

      overscroll-behavior-x: contain;

      -webkit-overflow-scrolling: touch;

      scrollbar-width: none;
    }

    .bikaoo-deal-section
    .bikaoo-deal-products::-webkit-scrollbar {
      display: none;
    }

    .bikaoo-deal-section .bikaoo-deal-card,
    .bikaoo-deal-section .bikaoo-deal-card:last-child {
      width:
        min(
          78vw,
          285px
        );

      min-width:
        min(
          78vw,
          285px
        );

      grid-column: auto;

      justify-self: auto;

      flex:
        0
        0
        auto;

      scroll-snap-align: start;
    }

    .bikaoo-deal-section .bikaoo-deal-card:hover {
      transform: none;
    }

    .bikaoo-deal-section .bikaoo-deal-image-box {
      padding: 14px;
    }

    .bikaoo-deal-section .bikaoo-deal-card-body {
      padding:
        15px
        15px
        17px;
    }

    .bikaoo-deal-section .bikaoo-deal-card-title {
      font-size: 14px;
    }

    .bikaoo-deal-section .bikaoo-deal-price-current {
      font-size: 14px;
    }

  }


  /* ==========================================================
     VERY SMALL MOBILE
     ========================================================== */

  @media screen and (max-width: 390px) {

    .bikaoo-deal-section {
      padding:
        22px
        10px;
    }

    .bikaoo-deal-section .bikaoo-deal-wrap {
      padding:
        25px
        15px;

      border-radius: 21px;
    }

    .bikaoo-deal-section .bikaoo-deal-products {
      width:
        calc(
          100% + 15px
        );

      margin-right: -15px;

      padding-right: 15px;
    }

    .bikaoo-deal-section .bikaoo-deal-card,
    .bikaoo-deal-section .bikaoo-deal-card:last-child {
      width:
        min(
          80vw,
          270px
        );

      min-width:
        min(
          80vw,
          270px
        );
    }

  }


  /* ==========================================================
     REDUCED MOTION
     ========================================================== */

  @media (prefers-reduced-motion: reduce) {

    .bikaoo-deal-section .bikaoo-deal-card,
    .bikaoo-deal-section .bikaoo-deal-image-box img,
    .bikaoo-deal-section .bikaoo-deal-btn {
      transition: none;
    }

  }


/* ===== index-09-t-sections-custom-liquid.liquid  (scope: bk-section--reviews) ===== */

  .bikaoo-reviews {
    background: #151719;
    padding: 70px 20px;
    color: #ffffff;
    overflow: hidden;
  }

  .bikaoo-reviews__inner {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
  }

  .bikaoo-reviews__heading {
    font-size: 34px;
    font-weight: 700;
    margin: 0 0 12px;
    color: #ffffff;
  }

  .bikaoo-reviews__subtext {
    font-size: 15px;
    color: #cfcfcf;
    margin-bottom: 36px;
    letter-spacing: 0.04em;
  }

  .bikaoo-reviews__scroll {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 8px;
    scroll-behavior: smooth;
  }

  .bikaoo-reviews__scroll::-webkit-scrollbar {
    display: none;
  }

  .bikaoo-review-card {
    min-width: 310px;
    max-width: 310px;
    background: #ffffff;
    color: #171717;
    border-radius: 18px;
    padding: 24px;
    text-align: left;
    scroll-snap-align: start;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
  }

  .bikaoo-review-stars {
    color: #D2A13B;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 14px;
  }

  .bikaoo-review-text {
    font-size: 15px;
    line-height: 1.6;
    color: #333333;
    margin-bottom: 20px;
  }

  .bikaoo-review-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .bikaoo-review-name {
    font-size: 15px;
    font-weight: 700;
    color: #111111;
  }

  .bikaoo-review-city {
    font-size: 12px;
    color: #777777;
    margin-top: 3px;
  }

  .bikaoo-review-badge {
    font-size: 11px;
    font-weight: 700;
    color: #111111;
    background: #D2A13B;
    padding: 6px 10px;
    border-radius: 999px;
    white-space: nowrap;
  }

  @media screen and (max-width: 749px) {
    .bikaoo-reviews {
      padding: 50px 16px;
    }

    .bikaoo-reviews__heading {
      font-size: 28px;
    }

    .bikaoo-review-card {
      min-width: 280px;
      max-width: 280px;
    }
  }


/* ===== index-10-t-sections-custom-liquid.liquid  (scope: bk-section--needs) ===== */

  .bikaoo-needs {
    background: #F7F3EC;
    padding: 70px 20px;
  }

  .bikaoo-needs__inner {
    max-width: 1200px;
    margin: 0 auto;
  }

  .bikaoo-needs__head {
    text-align: center;
    margin-bottom: 36px;
  }

  .bikaoo-needs__head h2 {
    font-size: clamp(32px, 4vw, 48px);
    margin: 0 0 10px;
    color: #151719;
  }

  .bikaoo-needs__head p {
    margin: 0;
    color: #6f6a63;
    font-size: 15px;
    letter-spacing: 0.04em;
  }

  .bikaoo-needs__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
  }

  .bikaoo-need-card {
    background: #ffffff;
    border-radius: 22px;
    padding: 26px 18px;
    text-align: center;
    text-decoration: none;
    color: #151719;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 10px 24px rgba(0,0,0,0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }

  .bikaoo-need-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 34px rgba(0,0,0,0.1);
  }

  .bikaoo-need-card__icon {
    width: 54px;
    height: 54px;
    margin: 0 auto 16px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: #FFE4DD;
    color: #F06C5F;
  }

  .bikaoo-need-card__icon svg {
    width: 28px;
    height: 28px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.7;
  }

  .bikaoo-need-card h3 {
    font-size: 18px;
    margin: 0 0 8px;
    color: #151719;
  }

  .bikaoo-need-card p {
    font-size: 13px;
    line-height: 1.5;
    color: #77716a;
    margin: 0;
  }

  @media screen and (max-width: 989px) {
    .bikaoo-needs__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media screen and (max-width: 520px) {
    .bikaoo-needs__grid {
      grid-template-columns: 1fr;
    }
  }


/* ===== index-11-t-sections-custom-liquid.liquid  (scope: bk-section--faq) ===== */

  .bikaoo-faq {
    background: #151719;
    padding: 70px 20px;
    color: #ffffff;
  }

  .bikaoo-faq__inner {
    max-width: 900px;
    margin: 0 auto;
  }

  .bikaoo-faq__head {
    text-align: center;
    margin-bottom: 34px;
  }

  .bikaoo-faq__head h2 {
    font-size: clamp(32px, 4vw, 48px);
    margin: 0 0 10px;
    color: #ffffff;
  }

  .bikaoo-faq__head p {
    margin: 0;
    color: rgba(255,255,255,0.7);
    font-size: 15px;
  }

  .bikaoo-faq details {
    background: #ffffff;
    color: #151719;
    border-radius: 18px;
    margin-bottom: 14px;
    padding: 0 20px;
    overflow: hidden;
  }

  .bikaoo-faq summary {
    cursor: pointer;
    list-style: none;
    padding: 20px 0;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }

  .bikaoo-faq summary::-webkit-details-marker {
    display: none;
  }

  .bikaoo-faq summary::after {
    content: "+";
    font-size: 24px;
    line-height: 1;
    color: #F06C5F;
  }

  .bikaoo-faq details[open] summary::after {
    content: "−";
  }

  .bikaoo-faq details p {
    margin: 0;
    padding: 0 0 20px;
    color: #5f5f5f;
    font-size: 15px;
    line-height: 1.7;
  }


/* ===== index-12-t-sections-custom-liquid.liquid  (scope: bk-section--contact) ===== */

  /* ==========================================================
     BIKAOO CONTACT SECTION
     ========================================================== */

  .bikaoo-contact-section,
  .bikaoo-contact-section *,
  .bikaoo-contact-section *::before,
  .bikaoo-contact-section *::after {
    box-sizing: border-box;
  }

  .bikaoo-contact-section {
    width: 100%;
    padding: 80px 20px;

    background:
      linear-gradient(
        180deg,
        #ffffff 0%,
        #f7f3ec 100%
      );
  }

  .bikaoo-contact-wrap {
    width: 100%;
    max-width: 1180px;

    display: grid;

    grid-template-columns:
      minmax(0, 0.8fr)
      minmax(0, 1.2fr);

    gap: 28px;

    align-items: stretch;

    margin: 0 auto;
  }


  /* ==========================================================
     CONTACT INFO
     ========================================================== */

  .bikaoo-contact-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 42px;

    background: #151719;
    color: #ffffff;

    border-radius: 30px;
  }

  .bikaoo-contact-info h2 {
    margin: 0 0 16px;

    color: #ffffff;

    font-size:
      clamp(
        34px,
        4vw,
        52px
      );

    font-weight: 800;
    line-height: 1.05;

    letter-spacing: -0.035em;
  }

  .bikaoo-contact-info > div > p {
    margin: 0 0 28px;

    color:
      rgba(
        255,
        255,
        255,
        0.75
      );

    font-size: 15px;
    line-height: 1.7;
  }


  /* ==========================================================
     CONTACT CARDS
     ========================================================== */

  .bikaoo-contact-card {
    display: flex;

    gap: 14px;

    align-items: flex-start;

    padding: 18px 0;

    border-top:
      1px solid
      rgba(
        255,
        255,
        255,
        0.12
      );
  }

  .bikaoo-contact-icon {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    display: grid;
    place-items: center;

    background: #f06c5f;

    border-radius: 50%;
  }

  .bikaoo-contact-icon svg {
    width: 20px;
    height: 20px;

    fill: none;
    stroke: #ffffff;

    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .bikaoo-contact-card strong {
    display: block;

    margin-bottom: 5px;

    color: #ffffff;

    font-size: 15px;
    font-weight: 800;
  }

  .bikaoo-contact-card span,
  .bikaoo-contact-card a {
    color:
      rgba(
        255,
        255,
        255,
        0.68
      );

    font-size: 14px;
    line-height: 1.5;
  }

  .bikaoo-contact-card a {
    text-decoration: none;

    transition:
      color 0.22s ease;
  }

  .bikaoo-contact-card a:hover {
    color: #ffffff;
  }


  /* ==========================================================
     CONTACT FORM BOX
     ========================================================== */

  .bikaoo-contact-form-box {
    position: relative;

    padding: 42px;

    background: #ffffff;

    border:
      1px solid
      rgba(
        0,
        0,
        0,
        0.06
      );

    border-radius: 30px;

    box-shadow:
      0 24px 60px
      rgba(
        0,
        0,
        0,
        0.08
      );

    scroll-margin-top: 110px;
  }

  .bikaoo-contact-form-box::before {
    content: "";

    position: absolute;

    top: 0;
    left: 42px;

    width: 68px;
    height: 5px;

    background:
      linear-gradient(
        90deg,
        #ff735f,
        #ff9a88
      );

    border-radius:
      0
      0
      999px
      999px;
  }

  .bikaoo-contact-form-box h3 {
    margin: 0 0 10px;

    color: #151719;

    font-size:
      clamp(
        30px,
        4vw,
        46px
      );

    font-weight: 800;

    letter-spacing: -0.035em;
  }

  .bikaoo-contact-form-box > p {
    margin: 0 0 28px;

    color: #77716a;

    font-size: 15px;
    line-height: 1.7;
  }


  /* ==========================================================
     FORM SUCCESS
     ========================================================== */

  .bikaoo-form-success {
    display: grid;

    grid-template-columns:
      48px
      minmax(0, 1fr);

    gap: 14px;

    align-items: center;

    margin-bottom: 24px;

    padding:
      17px
      18px;

    background:
      linear-gradient(
        135deg,
        #effcf4 0%,
        #e7f8ee 100%
      );

    border:
      1px solid
      rgba(
        23,
        107,
        56,
        0.12
      );

    border-radius: 17px;

    outline: none;
  }

  .bikaoo-form-success__icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #25b865;
    color: #ffffff;

    border-radius: 50%;

    box-shadow:
      0 8px 20px
      rgba(
        37,
        184,
        101,
        0.22
      );
  }

  .bikaoo-form-success__icon svg {
    width: 23px;
    height: 23px;

    fill: none;
    stroke: currentColor;

    stroke-width: 2.3;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .bikaoo-form-success strong {
    display: block;

    margin-bottom: 4px;

    color: #176b38;

    font-size: 16px;
    font-weight: 800;
  }

  .bikaoo-form-success p {
    margin: 0;

    color: #557060;

    font-size: 13px;
    line-height: 1.5;
  }


  /* ==========================================================
     FORM ERRORS
     ========================================================== */

  .bikaoo-form-errors {
    margin-bottom: 24px;

    padding:
      15px
      17px;

    background: #fff1f0;
    color: #b42318;

    border:
      1px solid
      rgba(
        180,
        35,
        24,
        0.1
      );

    border-radius: 15px;

    outline: none;
  }

  .bikaoo-form-errors ul {
    margin:
      8px
      0
      0;

    padding-left: 20px;
  }


  /* ==========================================================
     FORM GRID
     ========================================================== */

  .bikaoo-form-grid {
    display: grid;

    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr);

    gap: 18px;
  }


  /* ==========================================================
     FORM FIELDS
     ========================================================== */

  .bikaoo-field {
    margin-bottom: 18px;
  }

  .bikaoo-field label {
    display: block;

    margin-bottom: 8px;

    color: #151719;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 0.07em;

    text-transform: uppercase;
  }

  .bikaoo-required {
    color: #f06c5f;

    font-weight: 900;
  }

  .bikaoo-optional {
    color: #99938e;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 0;

    text-transform: none;
  }

  .bikaoo-field input,
  .bikaoo-field textarea {
    width: 100%;

    min-height: 56px;

    padding:
      15px
      18px;

    background: #fafafa;

    border:
      1px solid
      rgba(
        21,
        23,
        25,
        0.14
      );

    border-radius: 16px;

    color: #151719;

    font-family: inherit;

    font-size: 15px;

    outline: none;

    transition:
      border-color 0.25s ease,
      background 0.25s ease,
      box-shadow 0.25s ease;
  }

  .bikaoo-field input::placeholder,
  .bikaoo-field textarea::placeholder {
    color: #a49e99;
  }

  .bikaoo-field textarea {
    min-height: 150px;

    resize: vertical;
  }

  .bikaoo-field input:focus,
  .bikaoo-field textarea:focus {
    background: #ffffff;

    border-color: #f06c5f;

    box-shadow:
      0 0 0 4px
      rgba(
        240,
        108,
        95,
        0.13
      );
  }

  .bikaoo-contact-form-box.is-validated
  .bikaoo-field input:invalid,
  .bikaoo-contact-form-box.is-validated
  .bikaoo-field textarea:invalid {
    border-color: #d92d20;
  }


  /* ==========================================================
     SUBMIT
     ========================================================== */

  .bikaoo-submit {
    width: 100%;
    min-height: 60px;

    border: none;
    border-radius: 999px;

    background: #151719;
    color: #ffffff;

    cursor: pointer;

    font-size: 13px;
    font-weight: 800;

    letter-spacing: 0.16em;

    text-transform: uppercase;

    transition:
      background 0.25s ease,
      transform 0.25s ease,
      box-shadow 0.25s ease,
      opacity 0.25s ease;
  }

  .bikaoo-submit:hover {
    background: #f06c5f;

    transform: translateY(-2px);

    box-shadow:
      0 16px 34px
      rgba(
        240,
        108,
        95,
        0.3
      );
  }

  .bikaoo-submit:disabled {
    opacity: 0.68;

    cursor: wait;

    transform: none;

    box-shadow: none;
  }


  /* ==========================================================
     TABLET
     ========================================================== */

  @media screen and (max-width: 900px) {
    .bikaoo-contact-wrap {
      grid-template-columns: 1fr;
    }
  }


  /* ==========================================================
     MOBILE
     ========================================================== */

  @media screen and (max-width: 600px) {
    .bikaoo-contact-section {
      padding:
        55px
        16px;
    }

    .bikaoo-contact-info,
    .bikaoo-contact-form-box {
      padding:
        26px
        20px;

      border-radius: 24px;
    }

    .bikaoo-contact-form-box {
      scroll-margin-top: 85px;
    }

    .bikaoo-contact-form-box::before {
      left: 20px;

      width: 55px;
    }

    .bikaoo-form-grid {
      grid-template-columns: 1fr;

      gap: 0;
    }

    .bikaoo-contact-card {
      padding:
        16px
        0;
    }

    .bikaoo-contact-icon {
      width: 40px;
      height: 40px;

      flex-basis: 40px;
    }

    .bikaoo-contact-icon svg {
      width: 19px;
      height: 19px;
    }

    .bikaoo-contact-card strong {
      font-size: 14px;
    }

    .bikaoo-contact-card span,
    .bikaoo-contact-card a {
      font-size: 13px;
    }

    .bikaoo-form-success {
      grid-template-columns:
        42px
        minmax(0, 1fr);

      gap: 11px;

      padding:
        15px
        14px;
    }

    .bikaoo-form-success__icon {
      width: 42px;
      height: 42px;
    }

    .bikaoo-form-success__icon svg {
      width: 20px;
      height: 20px;
    }

    .bikaoo-form-success strong {
      font-size: 14px;
    }

    .bikaoo-form-success p {
      font-size: 12px;
    }
  }


/* ===== index-13-Whatsapp.liquid  (scope: bk-section--whatsapp) ===== */

  /* ==========================================================
     BIKAOO WHATSAPP WIDGET
     ========================================================== */

  .bikaoo-wa-widget *,
  .bikaoo-wa-widget *::before,
  .bikaoo-wa-widget *::after {
    box-sizing: border-box;
  }

  .bikaoo-wa-widget {
    position: fixed;

    right: 18px;
    bottom: 22px;

    z-index: 99999;

    font-family: inherit;
  }


  /* ==========================================================
     SUPPORT PANEL
     ========================================================== */

  .bikaoo-wa-panel {
    width: 340px;
    max-width: calc(100vw - 28px);

    margin-bottom: 14px;

    display: none;

    background: #ffffff;

    border:
      1px solid
      rgba(21, 23, 25, 0.08);

    border-radius: 22px;

    box-shadow:
      0 24px 70px
      rgba(0, 0, 0, 0.20);

    overflow: hidden;
  }

  .bikaoo-wa-widget.is-open
  .bikaoo-wa-panel {
    display: block;
  }


  /* ==========================================================
     PANEL HEADER
     ========================================================== */

  .bikaoo-wa-head {
    display: grid;

    grid-template-columns:
      44px
      1fr
      30px;

    gap: 12px;

    align-items: center;

    padding: 18px;

    background: #111315;
    color: #ffffff;
  }


  /* ==========================================================
     HEADER WHATSAPP AVATAR
     ========================================================== */

  .bikaoo-wa-avatar {
    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    border-radius: 50%;

    box-shadow:
      inset 0 0 0 1px
      rgba(0, 0, 0, 0.06);
  }

  .bikaoo-wa-svg {
    width: 24px;
    height: 24px;

    display: block;

    fill: #25D366;
  }


  /* ==========================================================
     HEADER TEXT
     ========================================================== */

  .bikaoo-wa-head strong {
    display: block;

    margin-bottom: 4px;

    color: #ffffff;

    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
  }

  .bikaoo-wa-status {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color:
      rgba(255, 255, 255, 0.72);

    font-size: 12px;
    line-height: 1.3;
  }

  .bikaoo-wa-status::before {
    content: "";

    width: 7px;
    height: 7px;

    background: #25D366;

    border-radius: 50%;

    box-shadow:
      0 0 0 3px
      rgba(37, 211, 102, 0.16);
  }


  /* ==========================================================
     CLOSE BUTTON
     ========================================================== */

  .bikaoo-wa-close {
    width: 30px;
    height: 30px;

    padding: 0;

    border: none;
    border-radius: 50%;

    background:
      rgba(255, 255, 255, 0.10);

    color: #ffffff;

    cursor: pointer;

    font-size: 18px;
    line-height: 1;

    transition:
      background 0.22s ease,
      transform 0.22s ease;
  }

  .bikaoo-wa-close:hover {
    background:
      rgba(255, 255, 255, 0.18);

    transform: rotate(5deg);
  }


  /* ==========================================================
     PANEL BODY
     ========================================================== */

  .bikaoo-wa-body {
    padding: 16px;

    background: #f7f4ef;
  }

  .bikaoo-wa-message {
    margin-bottom: 14px;

    padding:
      13px
      14px;

    background: #ffffff;

    border:
      1px solid
      #e8dfd7;

    border-radius:
      16px
      16px
      16px
      5px;

    color: #151719;

    font-size: 13px;
    line-height: 1.55;
  }


  /* ==========================================================
     SUPPORT OPTIONS
     ========================================================== */

  .bikaoo-wa-options {
    display: grid;

    gap: 8px;
  }

  .bikaoo-wa-option {
    width: 100%;

    padding:
      12px
      13px;

    background: #ffffff;

    border:
      1px solid
      #e8dfd7;

    border-radius: 14px;

    color: #151719;

    cursor: pointer;

    text-align: left;

    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;

    transition:
      background 0.22s ease,
      color 0.22s ease,
      border-color 0.22s ease,
      transform 0.22s ease;
  }

  .bikaoo-wa-option:hover {
    background: #151719;
    color: #ffffff;

    border-color: #151719;

    transform: translateY(-1px);
  }


  /* ==========================================================
     START CHAT BUTTON
     ========================================================== */

  .bikaoo-wa-start {
    width: 100%;
    min-height: 48px;

    margin-top: 14px;

    border: none;
    border-radius: 999px;

    background: #25D366;
    color: #ffffff;

    cursor: pointer;

    font-size: 13px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.06em;

    text-transform: uppercase;

    transition:
      background 0.22s ease,
      transform 0.22s ease,
      box-shadow 0.22s ease;
  }

  .bikaoo-wa-start:hover {
    background: #1ebe5d;

    transform: translateY(-2px);

    box-shadow:
      0 10px 24px
      rgba(37, 211, 102, 0.24);
  }


  /* ==========================================================
     PANEL NOTE
     ========================================================== */

  .bikaoo-wa-note {
    display: block;

    margin-top: 10px;

    color: #706a64;

    font-size: 11.5px;
    line-height: 1.45;

    text-align: center;
  }


  /* ==========================================================
     DESKTOP FLOATING WHATSAPP BUTTON
     ========================================================== */

  .bikaoo-wa-button {
    position: relative;

    min-width: 190px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 11px;

    padding:
      0
      20px
      0
      14px;

    border: none;
    border-radius: 999px;

    background: #25D366;
    color: #ffffff;

    cursor: pointer;

    box-shadow:
      0 16px 38px
      rgba(37, 211, 102, 0.30);

    transition:
      transform 0.25s ease,
      background 0.25s ease,
      box-shadow 0.25s ease;
  }

  .bikaoo-wa-button:hover {
    background: #1ebe5d;

    transform: translateY(-3px);

    box-shadow:
      0 20px 48px
      rgba(37, 211, 102, 0.38);
  }


  /* ==========================================================
     DESKTOP ICON
     White circle + green icon
     ========================================================== */

  .bikaoo-wa-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    border-radius: 50%;

    box-shadow:
      0 6px 16px
      rgba(0, 0, 0, 0.10);
  }

  .bikaoo-wa-icon
  .bikaoo-wa-svg {
    width: 24px;
    height: 24px;

    display: block;

    fill: #25D366;
  }

  .bikaoo-wa-icon
  .bikaoo-wa-svg path {
    fill: #25D366;
  }


  /* ==========================================================
     DESKTOP BUTTON TEXT
     ========================================================== */

  .bikaoo-wa-button-text {
    text-align: left;
  }

  .bikaoo-wa-button-text strong {
    display: block;

    color: #ffffff;

    font-size: 13px;
    font-weight: 900;
    line-height: 1.1;
  }

  .bikaoo-wa-button-text span {
    display: flex;
    align-items: center;

    gap: 5px;

    margin-top: 4px;

    color:
      rgba(255, 255, 255, 0.88);

    font-size: 11px;
    font-weight: 700;
  }

  .bikaoo-wa-button-text
  span::before {
    content: "";

    width: 6px;
    height: 6px;

    background: #ffffff;

    border-radius: 50%;

    opacity: 0.95;
  }


  /* ==========================================================
     MOBILE
     OFFICIAL WHATSAPP-STYLE GREEN BUTTON
     ========================================================== */

  @media screen and (max-width: 749px) {

    .bikaoo-wa-widget {
      right: 14px;
      left: auto;

      bottom:
        calc(
          18px +
          env(safe-area-inset-bottom, 0px)
        );
    }


    /* ========================================================
       MOBILE PANEL
       ======================================================== */

    .bikaoo-wa-panel {
      position: fixed;

      left: 12px;
      right: 12px;

      bottom:
        calc(
          92px +
          env(safe-area-inset-bottom, 0px)
        );

      width: auto;
      max-width: none;

      margin-bottom: 0;

      border-radius: 22px;
    }


    /* ========================================================
       MOBILE FLOATING BUTTON
       ======================================================== */

    .bikaoo-wa-button {
      min-width: 62px !important;

      width: 62px !important;
      height: 62px !important;

      padding: 0 !important;

      display: flex !important;
      align-items: center !important;
      justify-content: center !important;

      gap: 0 !important;

      background: #25D366 !important;
      color: #ffffff !important;

      border:
        2px solid
        rgba(255, 255, 255, 0.92) !important;

      border-radius: 50% !important;

      box-shadow:
        0 9px 25px
        rgba(37, 211, 102, 0.38),
        0 4px 10px
        rgba(0, 0, 0, 0.15) !important;

      overflow: hidden;

      transform: none;
    }

    .bikaoo-wa-button:hover,
    .bikaoo-wa-button:focus,
    .bikaoo-wa-button:active {
      background: #20BA5A !important;

      transform:
        scale(1.04) !important;

      box-shadow:
        0 11px 29px
        rgba(37, 211, 102, 0.42),
        0 4px 10px
        rgba(0, 0, 0, 0.16) !important;
    }


    /* ========================================================
       MOBILE ICON CONTAINER
       Green, not white
       ======================================================== */

    .bikaoo-wa-button
    .bikaoo-wa-icon {
      width: 62px !important;
      height: 62px !important;
      min-width: 62px !important;

      display: flex !important;
      align-items: center !important;
      justify-content: center !important;

      padding: 0 !important;

      background: #25D366 !important;

      border: none !important;
      border-radius: 50% !important;

      box-shadow: none !important;
    }


    /* ========================================================
       MOBILE WHATSAPP GLYPH
       White icon
       ======================================================== */

    .bikaoo-wa-button
    .bikaoo-wa-icon
    .bikaoo-wa-svg {
      width: 34px !important;
      height: 34px !important;

      display: block !important;

      fill: #ffffff !important;
      color: #ffffff !important;
    }

    .bikaoo-wa-button
    .bikaoo-wa-icon
    .bikaoo-wa-svg path {
      fill: #ffffff !important;
      color: #ffffff !important;
    }


    /* ========================================================
       HIDE DESKTOP TEXT
       ======================================================== */

    .bikaoo-wa-button-text {
      display: none !important;
    }


    /* ========================================================
       MOBILE PANEL ADJUSTMENTS
       ======================================================== */

    .bikaoo-wa-head {
      padding: 16px;

      grid-template-columns:
        42px
        1fr
        30px;

      gap: 10px;
    }

    .bikaoo-wa-avatar {
      width: 42px;
      height: 42px;
    }

    .bikaoo-wa-body {
      padding: 14px;
    }

    .bikaoo-wa-message {
      font-size: 12.5px;
    }

    .bikaoo-wa-option {
      padding:
        11px
        12px;

      font-size: 12.5px;
    }
  }


  /* ==========================================================
     REDUCED MOTION
     ========================================================== */

  @media (prefers-reduced-motion: reduce) {
    .bikaoo-wa-button,
    .bikaoo-wa-close,
    .bikaoo-wa-option,
    .bikaoo-wa-start {
      transition: none;
    }
  }


  /* ==========================================================
     BIKAOO WHATSAPP - FOOTER OVERLAP FIX
     ========================================================== */

  .bikaoo-wa-widget {
    transition:
      bottom 0.32s ease;
  }

  .bikaoo-wa-widget.bikaoo-wa-footer-lift {
    bottom:
      calc(
        92px +
        env(
          safe-area-inset-bottom,
          0px
        )
      ) !important;
  }

  @media screen and (max-width: 749px) {
    .bikaoo-wa-widget.bikaoo-wa-footer-lift {
      bottom:
        calc(
          86px +
          env(
            safe-area-inset-bottom,
            0px
          )
        ) !important;
    }
  }

  @media screen and (max-width: 390px) {
    .bikaoo-wa-widget.bikaoo-wa-footer-lift {
      bottom:
        calc(
          82px +
          env(
            safe-area-inset-bottom,
            0px
          )
        ) !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .bikaoo-wa-widget {
      transition: none;
    }
  }


/* ===== product-09-t-sections-custom-liquid.liquid  (scope: bk-section--product-details) ===== */

  /* ==========================================================
     BIKAOO PRODUCT DETAILS
     DESCRIPTION IMAGES → PRODUCT IMAGES TAB
     DESCRIPTION OPEN BY DEFAULT
     ========================================================== */

  .bikaoo-product-details,
  .bikaoo-product-details *,
  .bikaoo-product-details *::before,
  .bikaoo-product-details *::after {
    box-sizing: border-box;
  }

  /* ==========================================================
     OUTER SECTION
     ========================================================== */

  .bikaoo-product-details {
    width: 100%;

    padding:
      38px
      28px;

    background: #ffffff;
  }

  /* ==========================================================
     WRAPPER
     ========================================================== */

  .bikaoo-product-details__wrap {
    width: 100%;
    max-width: 1500px;

    margin: 0 auto;
  }

  /* ==========================================================
     MAIN CARD
     ========================================================== */

  .bikaoo-product-details__card {
    width: 100%;

    padding:
      clamp(
        24px,
        2.8vw,
        42px
      );

    background:
      linear-gradient(
        145deg,
        #fffaf8 0%,
        #fff6f2 100%
      );

    border:
      1px solid
      rgba(
        255,
        115,
        95,
        0.22
      );

    border-radius:
      clamp(
        24px,
        2vw,
        32px
      );

    overflow: hidden;
  }

  /* ==========================================================
     HEADER
     ========================================================== */

  .bikaoo-product-details__header {
    margin-bottom:
      clamp(
        22px,
        2.5vw,
        32px
      );
  }

  /* ==========================================================
     LABEL
     ========================================================== */

  .bikaoo-product-details__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 12px;

    padding:
      7px
      13px;

    background: #ff735f;
    color: #ffffff;

    border-radius: 999px;

    font-size: 9.5px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: 0.12em;

    text-transform: uppercase;
  }

  /* ==========================================================
     HEADING
     ========================================================== */

  .bikaoo-product-details__heading {
    max-width: 700px;

    margin:
      0
      0
      8px;

    color: #151719;

    font-size:
      clamp(
        30px,
        3vw,
        48px
      );

    font-weight: 850;
    line-height: 1.04;

    letter-spacing: -0.04em;
  }

  /* ==========================================================
     INTRO
     ========================================================== */

  .bikaoo-product-details__intro {
    max-width: 700px;

    margin: 0;

    color: #706a65;

    font-size:
      clamp(
        13px,
        0.95vw,
        15px
      );

    line-height: 1.65;
  }

  /* ==========================================================
     ACCORDION
     ========================================================== */

  .bikaoo-product-details__accordion {
    width: 100%;

    display: grid;

    gap: 10px;
  }

  /* ==========================================================
     ITEM
     ========================================================== */

  .bikaoo-product-details__item {
    width: 100%;

    margin: 0;

    background: #ffffff;

    border:
      1px solid
      rgba(
        21,
        23,
        25,
        0.08
      );

    border-radius: 17px;

    overflow: hidden;

    transition:
      border-color 0.25s ease,
      box-shadow 0.25s ease;
  }

  .bikaoo-product-details__item[open] {
    border-color:
      rgba(
        255,
        115,
        95,
        0.32
      );

    box-shadow:
      0 10px 28px
      rgba(
        21,
        23,
        25,
        0.045
      );
  }

  /* ==========================================================
     SUMMARY
     ========================================================== */

  .bikaoo-product-details__summary {
    width: 100%;

    min-height: 64px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    padding:
      16px
      18px;

    color: #151719;

    cursor: pointer;

    list-style: none;

    user-select: none;

    -webkit-tap-highlight-color:
      transparent;
  }

  .bikaoo-product-details__summary::-webkit-details-marker {
    display: none;
  }

  .bikaoo-product-details__summary::marker {
    content: "";

    display: none;
  }

  /* ==========================================================
     SUMMARY LEFT
     ========================================================== */

  .bikaoo-product-details__summary-left {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 12px;
  }

  /* ==========================================================
     NUMBER
     ========================================================== */

  .bikaoo-product-details__number {
    width: 34px;
    height: 34px;

    flex:
      0
      0
      34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #fff1ed;
    color: #ff735f;

    border-radius: 10px;

    font-size: 10px;
    font-weight: 900;
    line-height: 1;

    transition:
      background 0.25s ease,
      color 0.25s ease;
  }

  .bikaoo-product-details__item[open]
  .bikaoo-product-details__number {
    background: #ff735f;
    color: #ffffff;
  }

  /* ==========================================================
     TITLE
     ========================================================== */

  .bikaoo-product-details__title {
    color: #151719;

    font-size:
      clamp(
        14px,
        1vw,
        16px
      );

    font-weight: 850;

    line-height: 1.25;
  }

  /* ==========================================================
     PLUS / MINUS
     ========================================================== */

  .bikaoo-product-details__icon {
    position: relative;

    width: 34px;
    height: 34px;

    flex:
      0
      0
      34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #f6f2ef;

    border-radius: 50%;

    color: #151719;

    transition:
      background 0.25s ease,
      color 0.25s ease;
  }

  .bikaoo-product-details__icon::before,
  .bikaoo-product-details__icon::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    width: 11px;
    height: 1.5px;

    background: currentColor;

    border-radius: 999px;

    transform:
      translate(
        -50%,
        -50%
      );

    transition:
      opacity 0.22s ease,
      transform 0.22s ease;
  }

  .bikaoo-product-details__icon::after {
    transform:
      translate(
        -50%,
        -50%
      )
      rotate(90deg);
  }

  .bikaoo-product-details__item[open]
  .bikaoo-product-details__icon {
    background: #151719;
    color: #ffffff;
  }

  .bikaoo-product-details__item[open]
  .bikaoo-product-details__icon::after {
    opacity: 0;
  }

  /* ==========================================================
     TEXT CONTENT
     ========================================================== */

  .bikaoo-product-details__content {
    padding:
      0
      64px
      22px;

    color: #625d58;

    font-size:
      clamp(
        13px,
        0.9vw,
        15px
      );

    line-height: 1.75;
  }

  .bikaoo-product-details__content
  > :first-child {
    margin-top: 0;
  }

  .bikaoo-product-details__content
  > :last-child {
    margin-bottom: 0;
  }

  .bikaoo-product-details__content p {
    margin:
      0
      0
      12px;

    color: inherit;

    font-size: inherit;

    line-height: inherit;
  }

  .bikaoo-product-details__content ul,
  .bikaoo-product-details__content ol {
    margin:
      9px
      0
      14px;

    padding-left: 22px;
  }

  .bikaoo-product-details__content li {
    margin-bottom: 7px;
  }

  .bikaoo-product-details__content strong,
  .bikaoo-product-details__content b {
    color: #151719;

    font-weight: 800;
  }

  .bikaoo-product-details__content h1,
  .bikaoo-product-details__content h2,
  .bikaoo-product-details__content h3,
  .bikaoo-product-details__content h4,
  .bikaoo-product-details__content h5,
  .bikaoo-product-details__content h6 {
    margin:
      18px
      0
      8px;

    color: #151719;

    font-size: 15px;

    font-weight: 850;

    line-height: 1.4;
  }

  .bikaoo-product-details__content
  .metafield-rich_text_field {
    margin: 0;
  }

  /* ==========================================================
     DESCRIPTION IMAGES HIDDEN

     IMAGES WILL ONLY APPEAR IN 04 PRODUCT IMAGES
     ========================================================== */

  .bikaoo-product-details__description img,
  .bikaoo-product-details__description picture,
  .bikaoo-product-details__description figure,
  .bikaoo-product-details__description video,
  .bikaoo-product-details__description iframe {
    display: none !important;
  }

  /* ==========================================================
     PRODUCT IMAGES CONTENT
     ========================================================== */

  .bikaoo-product-images-content {
    padding:
      0
      18px
      22px;
  }

  /* ==========================================================
     IMAGE TOOLBAR
     ========================================================== */

  .bikaoo-product-images-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    margin-bottom: 14px;
  }

  .bikaoo-product-images-hint {
    margin: 0;

    color: #706a65;

    font-size: 12px;

    line-height: 1.5;
  }

  /* ==========================================================
     IMAGE ARROWS
     ========================================================== */

  .bikaoo-product-images-arrows {
    display: flex;
    align-items: center;

    gap: 8px;
  }

  .bikaoo-product-images-arrow {
    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    background: #f6f2ef;
    color: #151719;

    border: 0;

    border-radius: 50%;

    cursor: pointer;

    font-family: inherit;

    font-size: 21px;
    font-weight: 800;
    line-height: 1;

    transition:
      background 0.25s ease,
      color 0.25s ease,
      transform 0.25s ease;
  }

  .bikaoo-product-images-arrow:hover {
    background: #151719;
    color: #ffffff;

    transform: translateY(-2px);
  }

  .bikaoo-product-images-arrow:disabled {
    opacity: 0.32;

    cursor: not-allowed;

    transform: none;
  }

  /* ==========================================================
     IMAGE VIEWPORT
     ========================================================== */

  .bikaoo-product-images-viewport {
    width: 100%;

    overflow: hidden;
  }

  /* ==========================================================
     HORIZONTAL IMAGE TRACK
     ========================================================== */

  .bikaoo-product-images-track {
    width: 100%;

    display: flex;

    gap:
      clamp(
        12px,
        1.3vw,
        18px
      );

    padding:
      2px
      1px
      8px;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-snap-type:
      x
      mandatory;

    overscroll-behavior-x:
      contain;

    scrollbar-width: none;

    scroll-behavior: smooth;

    -webkit-overflow-scrolling:
      touch;
  }

  .bikaoo-product-images-track::-webkit-scrollbar {
    display: none;
  }

  /* ==========================================================
     IMAGE CARD
     ========================================================== */

  .bikaoo-product-images-card {
    position: relative;

    width:
      calc(
        (
          100% - 36px
        )
        /
        3
      );

    min-width:
      calc(
        (
          100% - 36px
        )
        /
        3
      );

    aspect-ratio: 1 / 1;

    flex:
      0
      0
      auto;

    display: flex;
    align-items: center;
    justify-content: center;

    padding:
      clamp(
        8px,
        0.8vw,
        12px
      );

    background: #f8f5f2;

    border:
      1px solid
      rgba(
        21,
        23,
        25,
        0.07
      );

    border-radius:
      clamp(
        17px,
        1.5vw,
        22px
      );

    overflow: hidden;

    scroll-snap-align: start;
  }

  /* ==========================================================
     IMAGE
     ========================================================== */

  .bikaoo-product-images-card img {
    width: 100%;
    height: 100%;

    display: block;

    background: #ffffff;

    border-radius:
      clamp(
        13px,
        1.2vw,
        17px
      );

    object-fit: contain;
    object-position: center;
  }

  /* ==========================================================
     COUNT
     ========================================================== */

  .bikaoo-product-images-count {
    position: absolute;

    right: 15px;
    bottom: 15px;

    min-width: 37px;
    height: 27px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding:
      0
      8px;

    background:
      rgba(
        21,
        23,
        25,
        0.88
      );

    color: #ffffff;

    border-radius: 999px;

    font-size: 9px;
    font-weight: 850;
    line-height: 1;
  }

  /* ==========================================================
     HOVER
     ========================================================== */

  @media (hover: hover) {

    .bikaoo-product-details__summary:hover
    .bikaoo-product-details__title {
      color: #ff735f;
    }

    .bikaoo-product-details__summary:hover
    .bikaoo-product-details__icon {
      background: #ff735f;
      color: #ffffff;
    }

  }

  /* ==========================================================
     NORMAL DESKTOP
     ========================================================== */

  @media screen and (max-width: 1599px) {

    .bikaoo-product-details {
      padding:
        34px
        24px;
    }

    .bikaoo-product-details__wrap {
      max-width: 1380px;
    }

  }

  /* ==========================================================
     LAPTOP
     ========================================================== */

  @media screen and (max-width: 1399px) {

    .bikaoo-product-details {
      padding:
        32px
        20px;
    }

    .bikaoo-product-details__wrap {
      max-width: 100%;
    }

  }

  /* ==========================================================
     TABLET
     ========================================================== */

  @media screen and (max-width: 900px) {

    .bikaoo-product-details {
      padding:
        30px
        20px;
    }

    .bikaoo-product-details__card {
      padding:
        28px
        24px;
    }

    .bikaoo-product-images-card {
      width:
        calc(
          (
            100% - 18px
          )
          /
          2
        );

      min-width:
        calc(
          (
            100% - 18px
          )
          /
          2
        );
    }

  }

  /* ==========================================================
     MOBILE
     ========================================================== */

  @media screen and (max-width: 749px) {

    .bikaoo-product-details {
      padding:
        25px
        12px;
    }

    .bikaoo-product-details__card {
      padding:
        24px
        16px;

      border-radius: 23px;
    }

    .bikaoo-product-details__header {
      padding:
        0
        3px;

      margin-bottom: 20px;
    }

    .bikaoo-product-details__heading {
      font-size:
        clamp(
          29px,
          8vw,
          36px
        );
    }

    .bikaoo-product-details__accordion {
      gap: 8px;
    }

    .bikaoo-product-details__item {
      border-radius: 15px;
    }

    .bikaoo-product-details__summary {
      min-height: 58px;

      padding:
        14px;
    }

    .bikaoo-product-details__summary-left {
      gap: 10px;
    }

    .bikaoo-product-details__number {
      width: 30px;
      height: 30px;

      flex-basis: 30px;
    }

    .bikaoo-product-details__icon {
      width: 30px;
      height: 30px;

      flex-basis: 30px;
    }

    .bikaoo-product-details__title {
      font-size: 14px;
    }

    .bikaoo-product-details__content {
      padding:
        0
        16px
        19px
        54px;

      font-size: 13px;

      line-height: 1.7;
    }

    /* ========================================================
       MOBILE PRODUCT IMAGES
       ======================================================== */

    .bikaoo-product-images-content {
      padding:
        0
        14px
        18px;
    }

    .bikaoo-product-images-toolbar {
      margin-bottom: 12px;
    }

    .bikaoo-product-images-hint {
      font-size: 11.5px;
    }

    .bikaoo-product-images-arrows {
      display: none;
    }

    .bikaoo-product-images-viewport {
      width:
        calc(
          100% + 14px
        );

      overflow: visible;
    }

    .bikaoo-product-images-track {
      gap: 12px;

      padding-right: 14px;
    }

    .bikaoo-product-images-card {
      width:
        min(
          76vw,
          285px
        );

      min-width:
        min(
          76vw,
          285px
        );

      border-radius: 19px;
    }

    .bikaoo-product-images-count {
      right: 13px;
      bottom: 13px;
    }

  }

  /* ==========================================================
     VERY SMALL MOBILE
     ========================================================== */

  @media screen and (max-width: 390px) {

    .bikaoo-product-details {
      padding:
        22px
        10px;
    }

    .bikaoo-product-details__card {
      padding:
        22px
        13px;
    }

    .bikaoo-product-details__summary {
      padding:
        13px
        12px;
    }

    .bikaoo-product-details__content {
      padding:
        0
        13px
        18px
        52px;
    }

    .bikaoo-product-images-card {
      width:
        min(
          78vw,
          270px
        );

      min-width:
        min(
          78vw,
          270px
        );
    }

  }

  /* ==========================================================
     REDUCED MOTION
     ========================================================== */

  @media (prefers-reduced-motion: reduce) {

    .bikaoo-product-details__item,
    .bikaoo-product-details__icon,
    .bikaoo-product-details__icon::before,
    .bikaoo-product-details__icon::after,
    .bikaoo-product-images-track,
    .bikaoo-product-images-arrow {
      transition: none;

      scroll-behavior: auto;
    }

  }


/* ===== product-block-03.liquid  (scope: bk-section--product-whatsapp) ===== */

  .bikaoo-whatsapp-wrap {
    width: 100%;
    max-width: 44rem;
    margin: 12px 0 4px;
  }

  .bikaoo-whatsapp-btn {
    width: 100%;
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    box-sizing: border-box;

    background: #25D366;
    color: #ffffff;

    border: 0;
    border-radius: 12px;

    text-decoration: none !important;

    transition:
      transform 0.2s ease,
      box-shadow 0.2s ease,
      background 0.2s ease;

    box-shadow: 0 6px 18px rgba(37, 211, 102, 0.2);
  }

  .bikaoo-whatsapp-btn:hover {
    background: #20bd5a;
    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 10px 24px rgba(37, 211, 102, 0.28);
  }

  .bikaoo-whatsapp-icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 38px;

    background: rgba(255, 255, 255, 0.18);
    border-radius: 50%;

    color: #ffffff;
  }

  .bikaoo-whatsapp-text {
    flex: 1;

    display: flex;
    flex-direction: column;

    text-align: left;
    line-height: 1.2;
  }

  .bikaoo-whatsapp-text strong {
    color: #ffffff;

    font-size: 15px;
    font-weight: 700;
  }

  .bikaoo-whatsapp-text small {
    color: rgba(255, 255, 255, 0.85);

    font-size: 11px;

    margin-top: 3px;
  }

  .bikaoo-whatsapp-arrow {
    color: #ffffff;

    font-size: 22px;
    line-height: 1;

    transition: transform 0.2s ease;
  }

  .bikaoo-whatsapp-btn:hover .bikaoo-whatsapp-arrow {
    transform: translateX(4px);
  }

  @media screen and (max-width: 749px) {
    .bikaoo-whatsapp-wrap {
      max-width: 100%;
    }

    .bikaoo-whatsapp-btn {
      min-height: 56px;

      padding: 9px 14px;

      border-radius: 10px;
    }

    .bikaoo-whatsapp-text strong {
      font-size: 14px;
    }
  }