/* =========================================================
   רכישת הספר + הסרטים — חצי שורה לכל אחד ובאותו גובה
   ========================================================= */

.purchase-row{
  width:min(1180px,92vw);
  margin:48px auto 34px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  align-items:stretch;
}

/* מבטלים את הרוחב/מרווח העצמאי של שני האזורים */
.purchase-row > .book-section,
.purchase-row > .film-section{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  min-height:720px;
  height:100%;
  border-radius:28px;
}

/* ---------------- הספר ---------------- */
.purchase-row > .book-section{
  padding:30px !important;
  display:grid !important;
  grid-template-columns:44% 56% !important;
  gap:24px !important;
  align-items:center !important;
}

.purchase-row .book-image-wrap{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.purchase-row .book-cover{
  width:100% !important;
  max-width:270px !important;
  max-height:470px !important;
  object-fit:contain !important;
}

.purchase-row .book-copy{
  min-width:0;
}

.purchase-row .book-copy h2{
  font-size:clamp(38px,4vw,54px) !important;
  line-height:1 !important;
}

.purchase-row .book-copy p{
  font-size:14px !important;
  line-height:1.7 !important;
}

.purchase-row .buy-now{
  padding:12px 25px !important;
  font-size:14px !important;
}

.purchase-row .contact-box{
  padding:16px !important;
  margin-top:18px !important;
}

.purchase-row .contact-box h3{
  font-size:15px !important;
}

.purchase-row .contact-row{
  font-size:12px !important;
  padding:8px 0 !important;
}

/* ---------------- הסרטים ---------------- */
.purchase-row > .film-section{
  padding:30px !important;
  display:flex !important;
  flex-direction:column !important;
}

.purchase-row .film-section-head{
  margin-bottom:18px !important;
}

.purchase-row .film-section-head h2{
  font-size:clamp(38px,4vw,54px) !important;
}

.purchase-row .film-section-head p{
  font-size:14px !important;
}

.purchase-row .film-grid{
  flex:1;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  align-items:stretch;
}

.purchase-row .film-card{
  height:100%;
  display:flex;
  flex-direction:column;
}

.purchase-row .film-poster-wrap{
  flex:1;
  min-height:0;
  padding:10px !important;
}

.purchase-row .film-poster{
  height:350px !important;
  max-height:350px !important;
  object-fit:contain !important;
}

.purchase-row .film-card-body{
  padding:14px !important;
}

.purchase-row .film-card-body h3{
  font-size:24px !important;
  margin-bottom:10px !important;
}

.purchase-row .film-actions{
  grid-template-columns:1fr !important;
  gap:7px !important;
}

.purchase-row .film-primary,
.purchase-row .film-secondary{
  min-height:38px !important;
  padding:8px 10px !important;
  font-size:11px !important;
}

.purchase-row .film-contact-line{
  margin-top:14px !important;
  font-size:11px !important;
}

/* טלפון רגיל: עדיין חצי-חצי כמו שביקשת, רק קומפקטי */
@media(max-width:700px){
  .purchase-row{
    width:calc(100% - 20px);
    margin:24px auto 22px;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .purchase-row > .book-section,
  .purchase-row > .film-section{
    min-height:520px !important;
    border-radius:18px !important;
    padding:10px !important;
  }

  .purchase-row > .book-section{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    text-align:center;
  }

  .purchase-row .book-image-wrap{
    height:185px;
  }

  .purchase-row .book-cover{
    max-height:180px !important;
    max-width:135px !important;
  }

  .purchase-row .kicker{
    font-size:9px !important;
  }

  .purchase-row .book-copy h2{
    font-size:25px !important;
    margin:2px 0 7px !important;
  }

  .purchase-row .book-copy p{
    font-size:9px !important;
    line-height:1.35 !important;
    margin:0 0 8px !important;
  }

  .purchase-row .buy-now{
    padding:8px 10px !important;
    font-size:9px !important;
  }

  .purchase-row .contact-box{
    margin-top:9px !important;
    padding:8px !important;
    border-radius:12px !important;
  }

  .purchase-row .contact-box h3{
    font-size:9px !important;
    margin:0 0 5px !important;
  }

  .purchase-row .contact-row{
    font-size:7.5px !important;
    padding:5px 0 !important;
    gap:3px !important;
  }

  .purchase-row > .film-section{
    display:flex !important;
    flex-direction:column !important;
  }

  .purchase-row .film-section-head{
    margin-bottom:8px !important;
  }

  .purchase-row .film-kicker{
    font-size:8px !important;
  }

  .purchase-row .film-section-head h2{
    font-size:25px !important;
    margin:2px 0 5px !important;
  }

  .purchase-row .film-section-head p{
    font-size:8px !important;
    line-height:1.3 !important;
  }

  .purchase-row .film-grid{
    grid-template-columns:1fr !important;
    gap:7px !important;
  }

  .purchase-row .film-card{
    display:grid !important;
    grid-template-columns:42% 58% !important;
    min-height:0 !important;
  }

  .purchase-row .film-poster-wrap{
    padding:5px !important;
  }

  .purchase-row .film-poster{
    width:100% !important;
    height:125px !important;
    max-height:125px !important;
  }

  .purchase-row .film-card-body{
    padding:6px !important;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .purchase-row .film-card-body h3{
    font-size:15px !important;
    margin-bottom:5px !important;
  }

  .purchase-row .film-primary,
  .purchase-row .film-secondary{
    min-height:25px !important;
    padding:4px 4px !important;
    font-size:7px !important;
  }

  .purchase-row .film-contact-line{
    margin-top:7px !important;
    font-size:7.5px !important;
    gap:3px !important;
    flex-wrap:wrap;
  }
}

/* טלפון במצב "גרסת מחשב" */
@media(pointer:coarse) and (min-width:701px) and (max-width:1300px){
  .purchase-row{
    width:94% !important;
    margin:26px auto 28px !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
  }

  .purchase-row > .book-section,
  .purchase-row > .film-section{
    min-height:590px !important;
    padding:22px !important;
  }

  .purchase-row .book-cover{
    max-height:390px !important;
  }

  .purchase-row .film-poster{
    height:285px !important;
    max-height:285px !important;
  }
}