.cafe-child-options { display:grid; gap:3.5rem; margin:0; }
.cafe-hero { display:flex; align-items:center; justify-content:space-between; gap:2rem; min-height:13rem; padding:2rem 3rem; border:1px solid rgba(45,212,191,.35); border-radius:.75rem; background:linear-gradient(120deg,rgba(15,118,110,.22),rgba(15,23,42,.68)); color:#fff; box-shadow:0 10px 30px rgba(0,0,0,.2); }
.cafe-hero-title { display:flex; align-items:center; gap:1.2rem; }
.cafe-hero-icon { display:grid; place-items:center; width:4.5rem; height:4.5rem; border:1px solid rgba(255,255,255,.3); border-radius:1rem; background:rgba(255,255,255,.1); font-size:2.2rem; }
.cafe-hero-title p,.cafe-live-summary p { margin:0 0 .45rem; color:rgba(255,255,255,.65); font-size:.72rem; font-weight:900; letter-spacing:.16em; }
.cafe-hero-title h1 { margin:0; color:#fff; font-size:clamp(2.2rem,5vw,4rem); font-weight:900; line-height:1; }
.cafe-live-summary { position:relative; min-width:21rem; padding:1.2rem 1.4rem; border:1px solid rgba(255,255,255,.2); border-radius:1rem; background:rgba(15,23,42,.62); }
.cafe-live-summary strong { color:#fff; font-size:1rem; }
.cafe-live-dot { position:absolute; right:1.2rem; top:1.2rem; width:1.1rem; height:1.1rem; border-radius:50%; background:#2dd4bf; }
.cafe-summary-line { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; margin-top:1.4rem; }
.cafe-summary-line i { display:block; height:2.5rem; border:1px solid rgba(255,255,255,.18); border-radius:.8rem; background:rgba(255,255,255,.03); }
.cafe-child-grid { display:grid; grid-template-columns:repeat(2,minmax(0,20rem)); justify-content:center; gap:1.3rem; padding:3rem 0; }
.cafe-child-grid button { min-height:13rem; border:1px solid rgba(255,255,255,.2); border-radius:1rem; padding:1.5rem; text-align:center; background:linear-gradient(145deg,rgba(30,41,59,.58),rgba(15,23,42,.72)); color:#fff; box-shadow:0 8px 24px rgba(0,0,0,.2); transition:transform .15s,background .15s,border-color .15s; }
.cafe-child-grid button:hover { transform:translateY(-3px); border-color:#5eead4; background:linear-gradient(145deg,rgba(20,184,166,.3),rgba(15,23,42,.82)); }
.cafe-card-icon { display:grid; place-items:center; width:4.5rem; height:4.5rem; margin:0 auto 1rem; border:1px solid rgba(45,212,191,.55); border-radius:1rem; background:rgba(20,184,166,.14); font-size:2.2rem; }
.cafe-child-grid strong,.cafe-child-grid span { display:block; }
.cafe-child-grid strong { font-size:1.3rem; }
.cafe-child-grid span:last-child { margin-top:.5rem; color:rgba(255,255,255,.62); font-size:.82rem; }
@media(max-width:760px){.cafe-hero{align-items:flex-start; flex-direction:column; padding:1.5rem;}.cafe-live-summary{min-width:0; width:100%;}.cafe-child-grid{grid-template-columns:1fr;}}

/* POS/mobile-only layout overrides. Desktop mode keeps the original layout. */
@media (max-width:1024px){
/* Shared full-width layout for every module sub-dashboard. */
.pos-module-summary { flex-direction:column !important; align-items:stretch !important; gap:.75rem !important; }
.pos-subdashboard-wrap { width:100% !important; max-width:none !important; }
.pos-subdashboard-stats { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; }
.pos-subdashboard-card:last-child:nth-child(odd) { grid-column:1 / -1; }
.pos-subdashboard-card > p:last-child { white-space:nowrap; font-size:clamp(1.25rem,5vw,2rem); letter-spacing:-.03em; }

/* Fishhook stock control belongs in the open left column of the summary. */
.pos-fishhook-module-summary { display:flex !important; flex-direction:row !important; align-items:stretch !important; }
.pos-fishhook-summary-panel { flex:1 1 58% !important; width:auto !important; max-width:none !important; min-width:0; }
.pos-fishhook-stock-form { position:static !important; width:100% !important; max-width:11rem; margin-top:1rem !important; display:grid !important; }

@media(max-width:760px){
  .pos-fishhook-stock-form { margin-top:1rem !important; max-width:10rem; }
}
}

/* RO laptop/desktop: prevent the Jhum Store header from shrinking to a word column. */
@media (min-width:1025px){
  .pos-jhum-store-module-summary { align-items:stretch !important; }
  .pos-jhum-store-module-summary > :first-child { flex:1 1 45% !important; min-width:300px !important; }
  .pos-jhum-store-module-summary > .pos-subdashboard-wrap { flex:0 1 55% !important; width:auto !important; max-width:none !important; }
}

/* Laptop viewport fallback: some browser scaling reports laptops below 1025px. */
@media (min-width:761px) and (max-width:1024px){
  .pos-module-summary { flex-direction:row !important; align-items:stretch !important; }
  .pos-subdashboard-wrap { flex:0 1 62% !important; width:auto !important; max-width:760px !important; }
  .pos-subdashboard-stats { grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }
  .pos-subdashboard-card:last-child:nth-child(odd) { grid-column:auto; }
  .pos-subdashboard-card > p:last-child { font-size:clamp(1.2rem,2.5vw,1.8rem); }
  .pos-jhum-store-module-summary > :first-child { flex:1 1 38% !important; min-width:220px !important; }
  .pos-jhum-store-module-summary > .pos-subdashboard-wrap { flex:0 1 62% !important; }
}