.op-qs-top {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  white-space: nowrap !important;
  padding: 9px 14px !important;
  box-shadow: none !important;
}

.op-qs-quick-col {
  display: flex !important;
  flex: 0 0 116px !important;
  max-width: 116px !important;
  order: -1 !important;
}

.op-qs-quick-col.optila-quick-extra {
  display: flex !important;
}

.op-qs-quick-col .op-qs-quick {
  width: 100% !important;
  min-width: 0 !important;
}

.op-qs-pay [data-split][hidden] {
  display: none !important;
}

html:has(body.op-qs-open),
body.op-qs-open {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

.op-qs,
.op-qs-products,
.op-qs-checkout,
.op-qs-recent {
  overscroll-behavior: contain;
}

/* Masaustunde hizli satisin tamami ekran icinde kalir. */
@media (min-width: 1101px) {
  .op-qs {
    overflow: hidden !important;
  }

  .op-qs-main {
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: 12px;
    height: 100%;
    min-height: 0;
    padding: 14px 18px;
    overflow: hidden;
  }

  .op-qs-head {
    padding: 14px 20px;
    border-radius: 18px;
  }

  .op-qs-head h1 {
    margin: 3px 0;
    font-size: 26px;
  }

  .op-qs-head p {
    font-size: 13px;
  }

  .op-qs-tools {
    margin: 0;
    padding: 10px 12px;
    gap: 12px;
    border-radius: 15px;
  }

  .op-qs select,
  .op-qs input {
    min-height: 40px;
  }

  .op-qs-work {
    min-height: 0;
    height: 100%;
    gap: 14px;
    align-items: stretch;
  }

  .op-qs-products {
    box-sizing: border-box;
    min-height: 0;
    height: 100%;
    padding: 12px;
    overflow: auto;
  }

  .op-qs-empty {
    min-height: 100%;
  }

  .op-qs-checkout {
    position: static;
    box-sizing: border-box;
    min-height: 0;
    height: 100%;
    padding: 12px 14px;
    overflow: auto;
  }

  .op-qs-checkout > label,
  .op-qs-pay {
    margin: 8px 0;
  }

  .op-qs-total {
    padding-top: 8px;
  }

  .op-qs-total span,
  .op-qs-total strong {
    padding: 3px 0;
  }

  .op-qs-total strong {
    font-size: 18px;
  }

  .op-qs-complete {
    padding: 12px;
  }

  .op-qs-safe {
    margin: 7px 0 0;
    line-height: 1.35;
  }

  .op-qs-recent {
    max-height: 78px;
    margin-top: 0;
    padding: 9px 14px;
    overflow: auto;
  }

  .op-qs-recent h2 {
    margin-bottom: 5px;
  }

  .op-qs-recent article {
    padding: 6px 8px;
  }
}

/* SGK Optik islem merkezi - r44 */
.op-qs-modes{display:flex;gap:6px;padding:4px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(9,30,72,.22)}
.op-qs-modes button{border:0!important;background:transparent!important;color:rgba(255,255,255,.78)!important;padding:9px 13px!important;border-radius:10px!important;font-weight:750;white-space:nowrap}
.op-qs-modes button.active{background:#fff!important;color:#174b9c!important;box-shadow:0 5px 15px rgba(5,27,72,.18)}
.op-qs-sgk{padding:14px 0 32px;display:flex;flex-direction:column;gap:14px}
.op-qs-sgk[hidden]{display:none!important}
.op-qs-sgk-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#123b78 0%,#1768cf 58%,#4b3de2 100%);box-shadow:0 18px 45px rgba(27,83,176,.22)}
.op-qs-sgk-hero small{display:block;font-size:11px;letter-spacing:1.7px;font-weight:900;opacity:.78}.op-qs-sgk-hero h2{margin:5px 0 3px;font-size:26px}.op-qs-sgk-hero p{margin:0;opacity:.86}
.op-qs-sgk-hero a,.op-qs-sgk-search button,.op-qs-sgk-grid button,.op-qs-sgk-confirm footer button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:#1768d8;color:#fff;padding:12px 16px;font-weight:800;text-decoration:none;cursor:pointer}
.op-qs-sgk-hero a{background:#fff;color:#174b9c;min-width:225px}
.op-qs-sgk-status{display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid #b9e9d5;border-radius:15px;background:#ecfbf5;color:#135d45}.op-qs-sgk-status b{white-space:nowrap}.op-qs-sgk-status span{color:#477165}
.op-qs-sgk-search{display:grid;grid-template-columns:1fr auto auto;gap:9px;background:#fff;padding:12px;border:1px solid #dfe8f5;border-radius:16px}.op-qs-sgk-search input,.op-qs-sgk-confirm input{min-width:0;border:1px solid #d6e0ee;border-radius:11px;padding:12px 14px;font:inherit}.op-qs-sgk-search button:last-child{background:#eef4fc;color:#244b7d}
.op-qs-sgk-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.op-qs-sgk-grid>section{background:#fff;border:1px solid #dde6f2;border-radius:18px;padding:18px;min-height:280px}.op-qs-sgk-grid h3{margin:0 0 13px;color:#132b50}
.op-qs-sgk-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px 0;border-top:1px solid #edf1f6}.op-qs-sgk-grid article:first-child{border-top:0}.op-qs-sgk-grid article span{min-width:0}.op-qs-sgk-grid article b,.op-qs-sgk-grid article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-qs-sgk-grid article small{margin-top:4px;color:#71819b}.op-qs-sgk-grid article em{font-style:normal;border-radius:999px;background:#eef4ff;color:#2459a8;padding:6px 9px;font-size:12px}
.op-qs-sgk-confirm{width:min(700px,calc(100vw - 32px));background:#fff;padding:25px;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.op-qs-sgk-confirm h2,.op-qs-sgk-confirm p,.op-qs-sgk-confirm>div,.op-qs-sgk-confirm footer{grid-column:1/-1}.op-qs-sgk-confirm h2,.op-qs-sgk-confirm p{margin:0}.op-qs-sgk-confirm>label,.op-qs-sgk-confirm>div label{display:grid;gap:7px;font-weight:700}.op-qs-sgk-confirm>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.op-qs-sgk-confirm footer{display:flex;justify-content:flex-end;gap:9px}.op-qs-sgk-confirm footer button:first-child{background:#eef2f8;color:#263d60}
@media(max-width:1100px){.op-qs-modes{order:3;width:100%;justify-content:flex-end}.op-qs-sgk-grid{grid-template-columns:1fr}.op-qs-sgk-hero{align-items:flex-start;flex-direction:column}.op-qs-sgk-hero a{min-width:0}}
@media(max-width:700px){.op-qs-sgk-search{grid-template-columns:1fr 1fr}.op-qs-sgk-search input{grid-column:1/-1}.op-qs-sgk-confirm{grid-template-columns:1fr}.op-qs-sgk-confirm>div{grid-template-columns:1fr}}
/* Sekme izolasyonu: aktif olmayan perakende/SGK alanlari kesinlikle gorunmez. */
.op-qs [hidden]{display:none!important}