/* SRK Express BD — Friendly UI V4
   Lightweight visual layer: readability, responsive fixes and consistent controls.
   No blur/backdrop filters, no animation loops, no business logic. */

:root{
  --srk-friendly-border:rgba(148,163,184,.16);
  --srk-friendly-text:#f5f7fb;
  --srk-friendly-muted:#93a3b8;
  --srk-friendly-surface:#0d1524;
  --srk-friendly-surface-2:#111c2e;
  --srk-friendly-accent:#20c997;
  --srk-friendly-gold:#f4c34e;
  --srk-friendly-radius:16px;
  --srk-friendly-shadow:0 10px 28px rgba(0,0,0,.16);
}
body.light-theme{
  --srk-friendly-border:#dce4ee;
  --srk-friendly-text:#152033;
  --srk-friendly-muted:#5f6f84;
  --srk-friendly-surface:#ffffff;
  --srk-friendly-surface-2:#f5f8fb;
  --srk-friendly-accent:#087f69;
  --srk-friendly-gold:#a86e00;
  --srk-friendly-shadow:0 8px 24px rgba(15,23,42,.07);
}

html,body{max-width:100%;overflow-x:hidden}
body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
main{min-width:0}
img,svg,video,canvas{max-width:100%}
.wrap{min-width:0}
h1,h2,h3,h4,p,span,a,button,label,input,select,textarea{overflow-wrap:break-word}

/* Drawer must be physically absent while closed. This prevents the thin left
   strip/shadow that could remain visible in split-screen and tablet layouts. */
.side-drawer{
  left:0!important;width:min(300px,88vw)!important;
  transform:translate3d(-120%,0,0)!important;
  visibility:hidden!important;pointer-events:none!important;
  box-shadow:none!important;border-right:0!important;
  transition:transform .20s ease,visibility .20s ease!important;
  contain:layout paint;will-change:transform;
}
.side-drawer.open{
  transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important;
  border-right:1px solid var(--drawer-border,rgba(255,255,255,.08))!important;
  box-shadow:10px 0 30px rgba(0,0,0,.38)!important;
}
.drawer-overlay{
  display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  transition:opacity .18s ease,visibility .18s ease!important;
}
.drawer-overlay.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}

/* Top navigation stays crisp: no expensive background blur. */
.topbar,.navrail,.bnav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.topbar{box-shadow:0 4px 18px rgba(0,0,0,.10)!important}

/* Shared cards/panels — subtle and readable, not glassy. */
.card,.panel,.stat,.status-card,.sc-card,.sccard,.mk-card,.cpn-card,.co-card,.reg-card,.srk-login-card,.api-sec,.phys-box{
  border-color:var(--srk-friendly-border)!important;
  box-shadow:var(--srk-friendly-shadow)!important;
}
.card,.panel,.sc-card,.sccard,.mk-card,.cpn-card,.co-card{border-radius:var(--srk-friendly-radius)!important}

/* Controls */
main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
main select,main textarea{
  min-height:44px;border-radius:11px!important;
}
.btn,.pbtn,.sc-btn,.mk-btn,.cpn-btn,.srk-signin-btn,.srk-add-btn,.srk-buy-btn,.co-place{
  min-height:42px;border-radius:11px!important;font-weight:800!important;
}

/* Home: preserve the store's own visual identity and explicitly support light mode. */
body.srk-home-front .home-section-panel,body.srk-home-front .home-card,body.srk-home-front .quick-chip{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.light-theme.srk-home-front .home-search{background:#fff!important;border-color:#dbe4ee!important;box-shadow:var(--srk-friendly-shadow)!important}
body.light-theme.srk-home-front .home-search input{color:#152033!important}
body.light-theme.srk-home-front .home-search input::placeholder{color:#7b899b!important}
body.light-theme.srk-home-front .hero-card{background:#fff!important;color:#152033!important;border-color:#dce4ee!important}
body.light-theme.srk-home-front .quick-chip{background:#fff!important;border-color:#dce4ee!important;color:#26364a!important;box-shadow:0 5px 16px rgba(15,23,42,.05)!important}
body.light-theme.srk-home-front .quick-chip .glyph{color:#087f69!important;background:#e7f7f1!important}
body.light-theme.srk-home-front .home-section-panel{background:#fff!important;border-color:#dce4ee!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important}
body.light-theme.srk-home-front .home-section-head h2,body.light-theme.srk-home-front .home-section-title{color:#172033!important;text-shadow:none!important}
body.light-theme.srk-home-front .home-section-icon{background:#f5f8fb!important;border-color:#e2e8f0!important}
body.light-theme.srk-home-front .home-section-head a{background:#172033!important;color:#fff!important;border-color:#172033!important}
body.light-theme.srk-home-front .home-card{background:#fff!important;border-color:#dfe6ef!important;color:#172033!important;box-shadow:0 7px 20px rgba(15,23,42,.07)!important}
body.light-theme.srk-home-front .home-card h3{color:#172033!important}
body.light-theme.srk-home-front .home-card-media{background:#f5f8fb!important}
body.light-theme.srk-home-front .home-old-price{color:#7d8999!important}
body.light-theme.srk-home-front .home-price{color:#087f69!important}
body.light-theme.srk-home-front .home-delivery{color:#6b7280!important}

/* Product: compact one-row quick actions. No oversized action card. */
.srk-product-global-shell{min-width:0!important}
.srk-product-quick-tools{
  margin:9px 0 12px;padding:6px 7px;border:1px solid var(--srk-friendly-border);
  border-radius:12px;background:var(--srk-friendly-surface);box-shadow:none;overflow:hidden;
}
.srk-product-quick-actions{
  display:flex;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.srk-product-quick-actions::-webkit-scrollbar{display:none}
.srk-product-quick-actions form{margin:0;display:contents}
.srk-quick-label{
  flex:0 0 auto;padding:0 3px;color:var(--srk-friendly-muted);font-size:.56rem;font-weight:900;
  text-transform:uppercase;letter-spacing:.06em
}
.srk-product-quick-actions a,.srk-product-quick-actions button{
  flex:0 0 auto;min-width:auto!important;min-height:32px!important;display:inline-flex;align-items:center;justify-content:center;
  padding:5px 9px!important;border-radius:999px!important;border:1px solid var(--srk-friendly-border)!important;
  background:var(--srk-friendly-surface-2)!important;color:var(--srk-friendly-text)!important;text-decoration:none;
  font-size:.59rem!important;font-weight:850!important;line-height:1!important;box-shadow:none!important;
}
.srk-product-quick-actions .srk-qa-save{border-color:rgba(32,201,151,.30)!important;color:#55d6ae!important}
.srk-saved-inline{display:flex;align-items:center;gap:5px;overflow-x:auto;white-space:nowrap;margin-top:6px;padding-top:6px;border-top:1px solid var(--srk-friendly-border);scrollbar-width:none}
.srk-saved-inline::-webkit-scrollbar{display:none}
.srk-saved-inline>b{font-size:.56rem;color:var(--srk-friendly-muted);flex:0 0 auto}
.srk-saved-inline button,.srk-saved-inline a{flex:0 0 auto;border:1px solid var(--srk-friendly-border);background:var(--srk-friendly-surface-2);color:var(--srk-friendly-text);border-radius:999px;padding:5px 8px;font-size:.56rem;text-decoration:none}
body.light-theme .srk-product-quick-tools{background:#fff}
body.light-theme .srk-product-quick-actions a,body.light-theme .srk-product-quick-actions button,body.light-theme .srk-saved-inline button,body.light-theme .srk-saved-inline a{background:#f7f9fc!important;color:#1f2937!important}

/* Profile: compact rewards/settings status strip. */
.srk-mkt-profile{margin-top:12px!important}
.srk-profile-mini-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:9px}
.srk-profile-reward,.srk-profile-mini{
  min-width:0;text-decoration:none;color:inherit;border:1px solid var(--srk-friendly-border);
  background:var(--srk-friendly-surface);border-radius:14px;box-shadow:0 5px 16px rgba(0,0,0,.07)
}
.srk-profile-reward{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:10px 11px}
.srk-pr-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(244,195,78,.13);color:#f4c34e;font-size:.88rem}
.srk-pr-copy{min-width:0;display:block}.srk-pr-copy small{display:block;color:var(--srk-friendly-muted);font-size:.53rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.srk-pr-copy b{display:block;margin-top:2px;color:var(--srk-friendly-text);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srk-pr-copy em{display:block;margin-top:2px;color:var(--srk-friendly-muted);font-size:.55rem;font-style:normal}
.srk-pr-copy i{display:block;height:4px;margin-top:6px;border-radius:99px;background:rgba(148,163,184,.14);overflow:hidden}
.srk-pr-copy i u{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#20c997,#f4c34e);text-decoration:none}
.srk-pr-arrow,.srk-profile-mini>i{color:var(--srk-friendly-muted);font-size:1rem;font-style:normal}
.srk-profile-mini{display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;column-gap:8px;padding:10px}
.srk-profile-mini>span{grid-row:1/3;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(32,201,151,.10);color:#55d6ae;font-size:.72rem}
.srk-profile-mini>b{font-size:.66rem;color:var(--srk-friendly-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srk-profile-mini>small{font-size:.52rem;color:var(--srk-friendly-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srk-profile-mini>i{grid-column:3;grid-row:1/3;align-self:center}
body.light-theme .srk-profile-reward,body.light-theme .srk-profile-mini{background:#fff}

/* Recently viewed / Buy again / Saved products: compact clickable rows, not tall cards. */
.srk-mkt-recs{margin-top:15px!important}
.srk-mkt-rec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.srk-mkt-rec-head h2{margin:0!important;font-size:.88rem!important;color:var(--srk-friendly-text)}
.srk-mkt-rec-head small{font-size:.52rem;color:var(--srk-friendly-muted)}
.srk-mkt-rec-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.srk-mkt-rec{
  min-width:0;display:grid!important;grid-template-columns:72px minmax(0,1fr) 16px;align-items:center;gap:9px;
  min-height:76px;padding:6px!important;text-decoration:none;color:inherit;border:1px solid var(--srk-friendly-border)!important;
  border-radius:13px!important;overflow:hidden;background:var(--srk-friendly-surface)!important;box-shadow:0 4px 14px rgba(0,0,0,.06)!important;
}
.srk-mkt-thumb{width:72px;height:62px;border-radius:9px;overflow:hidden;background:var(--srk-friendly-surface-2);display:grid;place-items:center}
.srk-mkt-thumb img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;display:block}
.srk-mkt-rec-ph{display:grid;place-items:center;width:100%;height:100%;font-weight:950;font-size:.72rem;letter-spacing:.08em;color:#55d6ae;background:linear-gradient(135deg,rgba(32,201,151,.12),rgba(244,195,78,.08))}
.srk-mkt-copy{min-width:0;padding:0!important;display:block!important}
.srk-mkt-copy b{display:block;color:var(--srk-friendly-text)!important;font-size:.64rem!important;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srk-mkt-copy small{display:block;color:#56d6a5!important;margin-top:5px!important;font-size:.62rem;font-weight:900}
.srk-mkt-go{color:var(--srk-friendly-muted);font-size:.95rem}
body.light-theme .srk-mkt-rec{background:#fff!important}

/* Admin/forms/tables: readable without heavy effects. */
body[class*="srk-admin-"] .panel,body[class*="srk-admin-"] .card,body[class*="srk-admin-"] .pcard{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.srk-table-scroll,.tbl-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
main table{max-width:100%}

/* Never let third-party visitor-presence UI show. */
iframe[src*="tawk" i],iframe[id*="tawk" i],iframe[title*="tawk" i],
[id*="tawk" i],[class*="tawk" i],#tawkchat-container,#tawk-bubble-container,#tawkchat-minified-iframe-element{
  visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;
  max-width:0!important;max-height:0!important;overflow:hidden!important;position:fixed!important;
  left:-100000px!important;top:-100000px!important;right:auto!important;bottom:auto!important;
}

/* No automatic floating install button in the storefront. */
#srkPwaInstall{display:none!important}

@media(max-width:1024px){
  .wrap,main>.wrap,main>div.wrap{max-width:100%!important;min-width:0!important}
  .srk-product-hero{grid-template-columns:1fr!important}
  .srk-product-hero-media{border-right:0!important;border-bottom:1px solid var(--srk-friendly-border)!important}
  .srk-product-global-shell .srk-buy-card{position:static!important}
  }
@media(max-width:760px){
  main{padding-top:10px!important}
  .wrap,main>.wrap,main>div.wrap{padding-left:10px!important;padding-right:10px!important}
  .card,.panel,.sc-card,.sccard,.mk-card,.cpn-card,.co-card{padding:13px!important}
  .srk-profile-mini-grid{grid-template-columns:1fr 1fr}
  .srk-profile-reward{grid-column:1/-1}
  .srk-mkt-rec-grid{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  .srk-product-quick-tools{margin-left:0;margin-right:0;padding:5px 6px}
  .srk-product-quick-actions{gap:5px}
  .srk-product-quick-actions a,.srk-product-quick-actions button{font-size:.56rem!important;padding:5px 8px!important}
  .srk-quick-label{font-size:.52rem}
  .srk-profile-mini-grid{grid-template-columns:1fr}
  .srk-profile-reward{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}