.elementor-3001 .elementor-element.elementor-element-12f8dfb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#000000;--border-color:#000000;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3001 .elementor-element.elementor-element-12f8dfb:not(.elementor-motion-effects-element-type-background), .elementor-3001 .elementor-element.elementor-element-12f8dfb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3001 .elementor-element.elementor-element-0c00441 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-3001 .elementor-element.elementor-element-12f8dfb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3001 .elementor-element.elementor-element-0c00441 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-0c00441 */.container {
      display: flex;
      flex-wrap: wrap;
      max-width: 1200px;

      border-radius: 12px;
    
    }
    
   .right {
    padding-left: 50px!important;
}
    
    .left, .right {
      flex: 1;
      min-width: 300px;
    }
    .main-image {
      width: 100%;
      border-radius: 12px;
      object-fit: cover;
    }
    .color-options {
      margin-top: 20px;
      display: flex;
      gap: 10px;
    }
    .color-circle {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: 2px solid #ccc;
      cursor: pointer;
      transition: transform 0.3s ease;
    }
    .color-circle:hover {
      transform: scale(1.1);
      border-color: #000;
    }
    .right h1 {
      font-size: 42px;
      margin-bottom: 10px;
font-weight: 500;
    }
    .price {
      font-size: 20px;
      color: #D80027;
      margin-bottom: 10px;
    }
    .category {
      font-size: 18px;
      color: #000;
      margin-bottom: 20px;
      font-weight: 500;
    }
    .specs {
      font-size: 16px;
      line-height: 2;
      margin-bottom: 25px;
      color: #000000;
    }
    .cta-button {
      display: inline-block;
      padding: 12px 20px;
      background-color: #D80027;
      color: white;
      font-weight: 400;
      text-decoration: none;
      border-radius: 8px;
      box-shadow: 0 4px 12px rgba(0, 128, 0, 0.2);
      transition: background 0.3s;
    }
    .cta-button:hover {
      background-color: #fff;
      color: #000;
      border: 1px solid #000;
    }

    /* Unique: Feature Highlights */
  .features-carousel {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 2 columns */
  gap: 15px 15px; /* row and column gap */
}

.feature-item {
  background: #f0f0f0;
  padding: 16px;
  border-radius: 8px;
  font-size: 16px;
  color: #000;
}


    /* Mobile tweaks */
    @media (max-width: 768px) {
      .container {
        flex-direction:flex;
      }
         .right {
    padding-left: 10px!important;
    padding-right:10px;
    padding-top:10px;
}
  .color-options {
      margin-top: 20px;
      display: flex;
      gap: 10px;
      padding-left:10px;
    }
    
    /* Unique: Feature Highlights */
  .features-carousel {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns */
  gap: 15px 15px; /* row and column gap */
}

.feature-item {
  background: #f0f0f0;
  padding: 16px;
  border-radius: 8px;
  font-size: 14px;
  color: #000;
}

    }/* End custom CSS */