@media (max-width:768px){
  #ck-step1{ padding-bottom:110px; } /* un poco más por la trust */

  .cart-sticky-cta{
    position:fixed; left:0; right:0; bottom:0;
    background:#fff;
    border-top:1px solid rgba(0,0,0,.12);
    padding:10px 12px;
    z-index:9999;
  }

  .cart-sticky-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
  }

  .btn-sticky-checkout{
    all: unset;
    cursor:pointer;
    display:inline-block;
    background:#3c763d;
    color:#fff;
    border-radius:12px;
    padding:12px 18px;
    font-weight:600;
    text-align:center;
    white-space:nowrap;
  }
      .cart-sticky-total .amount{
    font-size:18px;
    font-weight:900;
    line-height:1;
    letter-spacing:0.2px;
    color:#222;
  }

  .pager{ display:none !important; }

  .desktop-trust{ display:none !important; }

  .sticky-trust{
    margin-top:6px;
    text-align:center;
    font-size:11px;
    opacity:.75;
    line-height:1.1;
  }
  .sticky-trust .sep{ margin:0 6px; }
  .sticky-trust i{ margin-right:4px; }
      
      .pp-desktop{ display:none !important; }
  .pp-sticky{ display:block !important; }

  /* un pelín de aire para que quede bien debajo del botón */
  .pp-sticky{
    margin-top:6px;
    text-align:right;     /* queda debajo del botón */
    font-size:12px;
    line-height:1.15;
  }
}

@media (min-width:769px){
  .cart-sticky-cta{ display:none !important; }
  .sticky-trust{ display:none !important; }
     .checkout-trust.desktop-trust{
    text-align:center;
    font-size:14px;
    margin:18px 0 10px;
    opacity:.85;
  }

  .checkout-trust.desktop-trust i{
    margin-right:6px;
    font-size:14px;
  }

  .checkout-trust.desktop-trust .sep{
    margin:0 12px;
  }
    .coupon-box{ display:block !important; }
  #toggle-coupon{ display:none !important; }
    
    
  .pp-desktop{ display:block !important; }
  .pp-sticky{
    margin-top:6px;
    text-align:right;     /* queda debajo del botón */
    font-size:12px;
    line-height:1.15;
  }
}
.qty-box{
  display:flex;
  align-items:center;
  gap:6px;
}

.qty-box input{
  width:60px;
  text-align:center;
  font-weight:600;
}

.qty-btn{
  width:34px;
  height:34px;
  border:1px solid #ccc;
  background:#f7f7f7;
  border-radius:6px;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}

.qty-btn:active{
  background:#eaeaea;
}
@media (max-width: 749px){
  #ck-step1 table.orders tbody td.product-car-details{
    padding-top: 0 !important;
  }
}
    @media (max-width: 749px){
  #ck-step1{
    padding-top: 80px !important; /* ajusta 70-90 */
  }
}
/* ===== STEP 1 (DESKTOP) ===== */
@media (min-width: 768px){
  body #ck-step1{
    padding-top: 80px !important;  /* ajusta */
  }
  body #ck-step1 table.orders{
    margin-top: 0 !important;
  }
}

/* Garantiza que el modal quede por encima del backdrop */
.modal-backdrop { z-index: 2000 !important; }
.modal          { z-index: 2050 !important; }
    
@media (max-width:768px){
  #ck-step2{ padding-bottom:110px;
    padding-top:80px;}
    
    #ck-step3{ padding-bottom:110px;
    padding-top:80px;}
    
    .order-note{
      padding: 20px;  
    }

  .pager{ display:none !important; }

  .checkout-sticky{
    position:fixed; left:0; right:0; bottom:0;
    background:#fff;
    border-top:1px solid rgba(0,0,0,.12);
    padding:10px 12px;
    z-index:9999;
  }
  .checkout-sticky-inner{
    display:flex; justify-content:space-between; align-items:center; gap:12px;
  }
  .checkout-sticky-total .mini{ font-size:11px; opacity:.6; }
  .checkout-sticky-total .amount{
    font-size:18px; font-weight:900; line-height:1; color:#222;
  }
  .btn-sticky-next{
    all: unset;
    cursor:pointer;
    display:inline-block;
    background:#3c763d;
    color:#fff;
    border-radius:12px;
    padding:12px 18px;
    font-weight:600;
    text-align:center;
    white-space:nowrap;
  }
}

@media (min-width:769px){
  .checkout-sticky{ display:none !important; }
}
    /* ===== STEP 2 (DESKTOP) ===== */
@media (min-width: 768px){
  body #ck-step2{
    padding-top: 80px !important;  /* ajusta */
  }
  body #ck-step2 table.orders{
    margin-top: 0 !important;
  }
}

/* Garantiza que el modal quede por encima del backdrop */
.modal-backdrop { z-index: 2000 !important; }
.modal          { z-index: 2050 !important; }
    
@media (max-width:768px){
  #ck-step2{ padding-bottom:110px;
    padding-top:80px;}

  .pager{ display:none !important; }

  .checkout-sticky{
    position:fixed; left:0; right:0; bottom:0;
    background:#fff;
    border-top:1px solid rgba(0,0,0,.12);
    padding:10px 12px;
    z-index:9999;
  }
  .checkout-sticky-inner{
    display:flex; justify-content:space-between; align-items:center; gap:12px;
  }
  .checkout-sticky-total .mini{ font-size:11px; opacity:.6; }
  .checkout-sticky-total .amount{
    font-size:18px; font-weight:900; line-height:1; color:#222;
  }
  .btn-sticky-next{
    all: unset;
    cursor:pointer;
    display:inline-block;
    background:#3c763d;
    color:#fff;
    border-radius:12px;
    padding:12px 18px;
    font-weight:600;
    text-align:center;
    white-space:nowrap;
  }
}

@media (min-width:769px){
  .checkout-sticky{ display:none !important; }
}
    /* ===== STEP 2 (DESKTOP) ===== */
@media (min-width: 768px){
  body #ck-step2{
    padding-top: 80px !important;  /* ajusta */
  }
  body #ck-step2 table.orders{
    margin-top: 0 !important;
  }
}
/* Simple widget de estrellas clicables */
.star-rating {
    display: inline-flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.star-rating input {
    display: none;
}

.star-rating label {
    font-size: 22px;
    color: #ccc;
    cursor: pointer;
    padding: 0 2px;
    transition: color 0.2s;
}

.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input:checked ~ label {
    color: #f2b01e;
}

textarea.review-box {
    width: 95%;
    max-width: 300px;
    min-height: 40px;
    resize: vertical;
    margin-top: 5px;
}

.service-rating-block {
    text-align: center;
    padding: 15px 10px;
}

.service-rating-block .service-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 6px;
}

.service-rating-block .service-text {
    max-width: 650px;
    margin: 0 auto 12px;
    font-size: 13px;
    line-height: 1.4;
}

.service-rating-block .service-stars {
    margin-bottom: 10px;
}

/* La textarea centrada y con ancho razonable */
.service-rating-block .service-comment textarea.review-box {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
    display: block;
}
    
.product-rating-cell {
    max-width: 260px;
}

.product-rating-cell .star-rating {
    margin-bottom: 6px;
}

.product-rating-cell .review-box {
    width: 100%;
    max-width: 260px;
    min-height: 40px;
    resize: vertical;
}
    /* Móvil: textarea más alto */
@media (max-width: 768px) {
    .product-rating-cell .review-box {
        min-height: 100px;   /* o height: 100px; si la quieres fija */
    }
}