/* Pakka24 Single Product UI — Tablet (768px–1023px)
   Two-column card: image on left, details on right.
*/

@media (min-width: 768px) and (max-width: 1023px){
  .p24-wrap{max-width:920px;padding:0 18px;}

  .p24-card{
    display:grid;
    grid-template-columns: 1.05fr 0.95fr;
    grid-template-rows:auto;
    column-gap:18px;
  }

  /* Place the image as a left column "sticky" block */
  .p24-image{grid-column:1;grid-row:1 / span 6;align-self:stretch;border-right:1px solid var(--p24-border);}
  .p24-image img{height:100%;object-fit:cover;}

  /* Right column content */
  .p24-badges,
  .p24-title,
  .p24-price,
  .p24-cartrow,
  .p24-store,
  .p24-about{grid-column:2;}

  .p24-badges{padding:18px 18px 0 0;}
  .p24-title{padding:10px 18px 0 0;font-size:22px;}
  .p24-price{padding:12px 18px 0 0;}
  .p24-price .amount{font-size:24px;}
  .p24-cartrow{padding:8px 18px 18px 0;}
  .p24-store{margin:0 18px 18px 0;}
  .p24-about{padding:0 18px 20px 0;}

  /* Give the image a nice aspect on tablet */
  .p24-image{min-height:420px;}
}