.motercycle-template-custom {
  .ip-sd-content-container {
    padding: 40px 0 30px;

    .breadcrumbs {
      margin-bottom: 30px;
    }

    .ip-sd-row {
      .custom-col-gallery {
        .custom-ip-sd-gallery-slide {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 16px;
        }

        /* First child full width */
        .custom-ip-sd-gallery-slide .ip-sd-gallery-item:first-child {
          grid-column: span 2;
        }

        @media (max-width: 991px) {
          .custom-ip-sd-gallery-slide {
            display: block;
            margin-bottom:50px;
          }

          .custom-ip-sd-gallery-slide .ip-sd-gallery-img canvas {
            aspect-ratio: 1 / 1;
          }
               .custom-ip-sd-gallery-slide .ip-sd-gallery-img       img{
              object-fit: contain!important;
            }
          .slick-dots{
            bottom:-45px;
          }
        }

        @media only screen and (max-width: 1199px) {
          .custom-ip-sd-gallery-slide .ip-sd-gallery-img canvas {
            min-height: initial;
          }
        }



        @media (max-width: 991px) {
          .custom-ip-sd-gallery-slide .ip-sd-gallery-item {
            display: none;
            opacity: 0;
            transition: opacity 0.45s ease-in-out;
          }

          /* BEFORE slick: show only first slide */
          .custom-ip-sd-gallery-slide .ip-sd-gallery-item:first-child {
            display: block;
            opacity: 1;
          }

          /* AFTER slick init: slick controls display */
          .custom-ip-sd-gallery-slide.slick-initialized .ip-sd-gallery-item {
            display: block;
            opacity: 1;
          }
        }

        @media(min-width:992px) {
          position: sticky;
          top: 60px;
        }

        .custom-ip-sd-gallery-container {
          .slick-dots li button:before {
            font-size: 30px;
          }
        }
      }

      .ip-sd-product-container {
        @media(max-width:991px) {
          margin-top: 10px;
          max-width: 100%;
        }

        padding-top:0;

        .ip-sd-product-title {
          margin-bottom: 0px;

          .product__vendor {
            font-size: 20px;
            margin-bottom: 10px;

            span {
              margin-bottom: 0;
              position: relative;
              top: 4px;
            }

            @media(max-width:991px) {
              margin-top: 10px;
            }
          }

          h2 {
            font-size: 36px;
            margin-bottom: 15px;

            @media(max-width:991px) {
              font-size: 30px;
            }
          }
        }

        .product-price-flex {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          gap: 25px;
          margin-bottom: 20px;

          .price-flex-1 {
            .product__price {
              margin-bottom: 0px !important;
              align-items: center;
              gap:15px;
              @media(max-width:600px){
               align-items: baseline;
               gap:10px; 
              }
              .price__amount {
                font-size: 26px;
              }
              ins.price__amount{
                text-decoration:none;
                
              }
              del.price__amount{
                text-decoration: none;
                .money{
                text-decoration: line-through;
                font-size: 26px !important;
                margin-top:0!important;
                }
              }
              .price__savings{
                margin-top:0px!important;
                font-size: 24px !important;
              }
              @media(max-width:600px){
               ins.price__amount,del.price__amount .money,.price__savings{
                font-size: 20px !important;
               }
              }
              @media(max-width:400px){
               ins.price__amount,del.price__amount .money{
                font-size: 18px !important;
               }
               .price__savings{
                font-size: 17px !important;
               }
              }
            }
          }

          .price-flex-2 {
            font-size: 18px;

            @media(max-width:991px) {
              font-size: 16px;
            }

            .price-flex-2-inner {
              background: var(--secondary-color);
              padding: 12px 20px;
            @media(max-width:600px) {
            padding: 12px;
            font-size: 14px;
            }
            }
          }
        }

      }

      .key-features-box {
        .key-features-heading {
          font-size: 20px;
          line-height: 1;
          letter-spacing: .05em;
          color: #000000;
          display: block;
          text-transform: uppercase;
          font-weight: 700;
          margin-bottom: 10px;

          @media(max-width:767) {
            font-size: 20px;
          }
        }

        .key-features-content {

          h1,
          h2,
          h3,
          h4,
          h5,
          h6 {
            margin-bottom: 10px;
            font-size: 22px;

            &:nth-of-type(2) {
              font-size: 20px;
            }

            &:nth-of-type(3) {
              font-size: 19px;
            }

            &:nth-of-type(4) {
              font-size: 18px;
            }

            &:nth-of-type(5) {
              font-size: 17px;
            }

            &:nth-of-type(6) {
              font-size: 16px;
            }
          }

          ul {
            list-style: disc;
          }

          ol {
            list-style: decimal;
          }

          ul,
          ol {
            list-style-position: inside;

            li {
              margin-bottom: 4px;
              line-height: 1.5;
              font-size: 15px;

              &:last-child {
                margin-bottom: 0;
              }
            }
          }

          p,
          div {
            margin-bottom: 10px;
            line-height: 1.5;
            font-size: 16px;

            &:last-child {
              margin-bottom: 0;
            }
          }
        }

      }


      .badge-wrapper {
        display: flex;
        gap: 15px;
        align-items: center;
        margin-block: 15px;

        .badge {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 8px 14px;
          background: #f2f2f2;
          font-size: 14px;
          font-weight: 600;
          color: #000;
          line-height: 1;

          .icon {
            &.flag {
              img {
                width: 25px;
                display: block;
              }
            }

            &.star {
              font-size: 18px;
            }
          }

          .text {
            white-space: nowrap;
          }
        }
      }

      .stock-left-text {
        color: #000000;
        font-weight: 600;
        font-size: 16px;
      }

      .stock-left-text {
        display: flex;
        align-items: center;
        gap: 8px;

        .info-tooltip {
          position: relative;
          display: inline-flex;

          .info-icon {
            width: 20px;
            height: 20px;
            cursor: pointer;
            top: 0px;
            position: relative;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='12' fill='none' stroke='%23222' stroke-width='2'/%3E%3Cline x1='14' y1='8' x2='14' y2='15' stroke='%23222' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='14' cy='19' r='1.5' fill='%23222'/%3E%3C/svg%3E") no-repeat center / contain;
          }
        }
      }

      .add-to-cart-btn-btn,
      .add-to-cart-btn-btn:hover,
      .add-to-cart-btn-btn:focus {
        min-width: 215px;
      }

      .as-seen-section {
        max-width: 1200px;
        margin: 0 auto;
        padding: 30px 0px;
        text-align: center;

        .as-seen-in-text {
          font-size: 20px;
          font-weight: 600;
          color: #000000;
          width: 100%;

          @media(min-width:991px)and (max-width:1025px) {
            font-size: 18px;
          }

          @media(min-width:768px) {
            text-align: left;
          }
        }

        .logo-grid {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 30px;
          align-items: center;

          @media(max-width:767px) {
            display: flex;
            flex-wrap: wrap;
          }

          img {
            max-height: 60px;
            min-height: 55px;
            width: auto;
            margin: 0 auto;
            object-fit: contain;

            @media(max-width:500px) {
              max-width: 110px
            }

            @media(max-width:400px) {
              max-width: 86px;
            }
          }


        }
      }

      .acc-container {
        .acc {
          .acc-head {
            background: #ebebeb;
            color: #ffffff;
            padding: 18px 56px 18px 20px;
            cursor: pointer;
            position: relative;
            display: flex;
            align-items: center;

            p {}

            &::after {
              content: "";
              position: absolute;
              right: 20px;
              top: 50%;
              width: 28px;
              height: 28px;
              transform: translateY(-50%);
              background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='12' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M9 12 L14 17 L19 12' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
            }
          }

          &.active {
            .acc-head {
              background: #222;

              p {
                color: #fff;
              }

              &::after {
                background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='12' fill='none' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M9 16 L14 11 L19 16' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
              }
            }
          }

          .ip-sd-product {
            margin: 0;
            color: #000000;
            font-size: 17px;
            font-weight: 600;
          }

          .acc-content {
            display: none;
            padding: 15px;
            background: #f2f2f2;
            color: #000;
            font-size: 16px;
            line-height: 1.5;

            p {
              margin-bottom: 10px;

              &::last-child {
                margin-bottom: 0px;
              }
            }
          }
        }
      }

    }
  }
}


/* Common CSS */
.line-item .line-item__image a {
  background-size: contain;
}

.template-product--motercycle {
  #main-content {
    overflow: clip;
  }
}