.posco { display:grid; grid-template-columns: 1fr 1.4fr; gap:16px; }
.posco__left { display:flex; flex-direction:column; gap:16px; }
.posco__right { display:flex; flex-direction:column; gap:16px; }
.posco-card { background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:16px; box-shadow:0 1px 2px rgba(0,0,0,.03); }
.posco-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap:12px; max-height: calc(100vh - 280px); overflow: auto; }
.posco-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.posco-grid3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; }
.posco-toolbar select, .posco-card input, .posco-card select { width:100%; padding:10px 12px; border:1px solid #d1d5db; border-radius:10px; }
.posco-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:10px; }
.posco-btn { background:#111827; color:#fff; border:0; border-radius:10px; padding:10px 14px; cursor:pointer; }
.posco-btn[disabled]{ opacity:.6; cursor:not-allowed; }
.posco-btn--ghost { background:#fff; color:#111827; border:1px solid #111827; }
.posco-btn--sm { padding:8px 10px; font-size:14px; }
.posco-products .posco-product { position:relative; display:flex; flex-direction:column; align-items:stretch; gap:8px; }
.posco-thumb { height:150px; display:flex; justify-content:center; align-items:center; background:#fafafa; border:1px dashed #e5e7eb; border-radius:10px; overflow:hidden; }
.posco-thumb img { max-width:100%; max-height:100%; display:block; }
.posco-noimg { color:#9ca3af; font-size:12px; }
.posco-title { font-weight:600; margin-top: 16px; line-height:1.2; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.posco-badge { position:absolute; top:8px; left:8px; font-size:12px; background:#eef2ff; color:#3730a3; padding:4px 8px; border-radius:999px; }
.posco-table { width:100%; border-collapse:collapse; }
.posco-table th, .posco-table td { border-top:1px solid #eee; padding:10px; vertical-align:middle; }
.posco-table input.posco-qty { width:100%; padding:6px 8px; border:1px solid #d1d5db; border-radius:8px; }
.posco-right { text-align:right; }
.posco-link { background:transparent; border:0; color:#ef4444; cursor:pointer; font-size:16px; }
.posco-empty { color:#6b7280; text-align:center; }
.posco-loading, .posco-error { padding:20px; text-align:center; color:#374151; }
.posco-search input { width:100%; padding:10px 12px; border:1px solid #e5e7eb; border-radius:10px; }


.posco-btn.posco-minus, .posco-plus{
    width: 40px;
    height: 40px;
}

@media (max-width: 1024px) {
  .posco { grid-template-columns: 1fr; }
}

.woostify-container{
    margin: 0px 50px;
    max-width: 100%;
}

@media (max-width: 500px) {
  .woostify-container { margin: 0px 10px; }
}


/*NEW CODE 26-08-25*/

/* Layout */
/*.posco { */
/*  display:grid; */
/*  grid-template-columns: 1fr 1.4fr; */
/*  gap:16px; */

  /* Make the two columns equal height */
  height: 85vh;             /* tweak if needed */
/*  min-height: 640px;*/
/*  align-items: stretch;*/
/*}*/

/*.posco__left, .posco__right { */
/*  display:flex; */
/*  flex-direction:column; */
/*  gap:16px; */
  min-height:0;            /* allow children to shrink */
/*}*/

/* Cards */
/*.posco-card { */
/*  background:#fff; */
/*  border:1px solid #e5e7eb; */
/*  border-radius:14px; */
/*  padding:16px; */
/*  box-shadow:0 1px 2px rgba(0,0,0,.03); */
/*}*/

/* Toolbar stays auto height; product grid fills remaining space on the right */
/*.posco-products { */
/*  flex:1; */
/*  min-height:0; */
  overflow:auto;           /* scroll only the grid area */
/*  display:grid;*/
/*  grid-auto-flow: row;*/
  /* Use auto-fit so last row stretches to fill available space */
/*  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));*/
/*  gap:12px;*/
/*}*/

/* Remove previous max-height on .posco-grid; it's controlled by container height now */
/*.posco-grid { max-height: unset; }*/

/* Product cards */
/*.posco-products .posco-product { */
/*  position:relative; */
/*  display:flex; */
/*  flex-direction:column; */
/*  align-items:stretch; */
/*  gap:8px; */
/*}*/
/*.posco-thumb { */
/*  height:150px; */
/*  display:flex; */
/*  justify-content:center; */
/*  align-items:center; */
/*  background:#fafafa; */
/*  border:1px dashed #e5e7eb; */
/*  border-radius:10px; */
/*  overflow:hidden; */
/*}*/
/*.posco-thumb img { max-width:100%; max-height:100%; display:block; }*/
/*.posco-noimg { color:#9ca3af; font-size:12px; }*/
/*.posco-title { */
/*  font-weight:600; */
/*  min-height:42px; */
/*  line-height:1.2; */
/*  overflow:hidden; */
/*  display:-webkit-box; */
/*  -webkit-line-clamp:2; */
/*  -webkit-box-orient:vertical; */
/*}*/
/*.posco-badge { */
/*  position:absolute; */
/*  top:8px; left:8px; */
/*  font-size:12px; */
/*  background:#eef2ff; */
/*  color:#3730a3; */
/*  padding:4px 8px; */
/*  border-radius:999px; */
/*}*/

/* Inputs + buttons */
/*.posco-toolbar select, .posco-card input, .posco-card select, .posco-card textarea { */
/*  width:100%; */
/*  padding:10px 12px; */
/*  border:1px solid #d1d5db; */
/*  border-radius:10px; */
/*}*/
/*.posco-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:10px; }*/
/*.posco-btn { background:#111827; color:#fff; border:0; border-radius:10px; padding:10px 14px; cursor:pointer; }*/
/*.posco-btn[disabled]{ opacity:.6; cursor:not-allowed; }*/
/*.posco-btn--ghost { background:#fff; color:#111827; border:1px solid #111827; }*/
/*.posco-btn--sm { padding:8px 10px; font-size:14px; }*/
/*.posco-btn.posco-minus, .posco-plus{ width:40px; height:40px; }*/

/* Cart panel fills left column remainder and scrolls inside */
/*.posco-cartcard { */
/*  display:flex; */
/*  flex-direction:column; */
/*  min-height:0; */
  flex:1;                  /* take remaining space under the form */
/*}*/
/*.posco-cartwrap { */
/*  flex:1; */
/*  min-height:0; */
  overflow:auto;           /* tbody area scrolls; header/footer stay */
/*}*/

/* Table */
/*.posco-table { width:100%; border-collapse:collapse; }*/
/*.posco-table th, .posco-table td { border-top:1px solid #eee; padding:10px; vertical-align:middle; }*/
/*.posco-table input.posco-qty { width:100%; padding:6px 8px; border:1px solid #d1d5db; border-radius:8px; }*/
/*.posco-right { text-align:right; }*/
/*.posco-link { background:transparent; border:0; color:#ef4444; cursor:pointer; font-size:16px; }*/
/*.posco-empty { color:#6b7280; text-align:center; }*/
/*.posco-loading, .posco-error { padding:20px; text-align:center; color:#374151; }*/
/*.posco-search input { width:100%; padding:10px 12px; border:1px solid #e5e7eb; border-radius:10px; }*/

/* Responsive tweaks */
/*@media (max-width: 1280px) {*/
/*  .posco-products { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }*/
/*}*/
/*@media (max-width: 1024px) {*/
/*  .posco { grid-template-columns: 1fr; height: auto; min-height: 0; }*/
  .posco-products { max-height: 60vh; } /* reasonable scroll on mobile/tablets */
/*}*/
/*@media (max-width: 640px) {*/
/*  .posco-grid2 { grid-template-columns: 1fr; }*/
/*  .posco-grid3 { grid-template-columns: 1fr; }*/
/*}*/

/* Theme container spacing (optional) */
/*.woostify-container{ margin: 0px 50px; }*/