:root{
  --et-pos-touch-accent: var(--et-primary, var(--primary-color, var(--primary, #6f53d9)));
  --et-pos-touch-border:#e6e6ec;
  --et-pos-touch-text:#1f1f2c;
  --et-pos-touch-muted:#73738a;
}

/* Settings panel */
#et-pos-touch-panel{display:none;width:100%;min-height:calc(100vh - 90px);padding:22px;box-sizing:border-box;background:#f7f8fb}
.et-pt-shell{max-width:1040px;margin:0 auto}.et-pt-card{background:#fff;border:1px solid #e7e9ef;border-radius:16px;padding:20px;box-shadow:0 8px 30px rgba(30,35,50,.05);margin-bottom:16px}.et-pt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.et-pt-head h2,.et-pt-card h3{margin:0;color:#1f1f2c}.et-pt-sub{font-size:13px;color:#777b88;margin-top:5px}.et-pt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.et-pt-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #eceef3;border-radius:12px;background:#fbfcfe}.et-pt-switch input{width:20px;height:20px;accent-color:var(--et-pos-touch-accent)}.et-pt-field{display:flex;flex-direction:column;gap:6px}.et-pt-field label{font-size:12px;font-weight:700;color:#4f5562}.et-pt-field select{height:42px;border:1px solid #dfe3eb;border-radius:10px;padding:0 11px;background:#fff;color:#222}.et-pt-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.et-pt-btn{height:42px;padding:0 16px;border-radius:10px;border:1px solid #dfe3eb;background:#fff;color:#333;font-weight:700;cursor:pointer}.et-pt-btn-primary{background:var(--et-pos-touch-accent);border-color:var(--et-pos-touch-accent);color:#fff}.et-pos-touch-menu .et-pos-touch-menu-icon{width:19px;height:19px;flex:0 0 auto}.et-pos-touch-menu.active>.nav-link{background:var(--et-pos-touch-accent)!important;color:#fff!important}.et-pos-touch-menu.active>.nav-link .nav-icon,.et-pos-touch-menu.active>.nav-link .nav-text{color:#fff!important}

/* Touch POS toolbar */
.et-pos-touch-tabs{display:flex;align-items:center;gap:8px;padding:4px 6px 2px;background:#fff;flex-wrap:wrap}.et-pos-touch-tab{height:42px;padding:0 16px;border:1px solid var(--et-pos-touch-border);background:#fff;color:#4f5062;border-radius:10px;font:700 13px/1 inherit;display:inline-flex;align-items:center;gap:7px;cursor:pointer;touch-action:manipulation}.et-pos-touch-tab.is-active{background:var(--et-pos-touch-accent);border-color:var(--et-pos-touch-accent);color:#fff}.et-pos-touch-count{min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:rgba(0,0,0,.07);display:inline-flex;align-items:center;justify-content:center;font-size:11px}.et-pos-touch-tab.is-active .et-pos-touch-count{background:rgba(255,255,255,.22)}.et-pos-touch-kb-toggle{margin-left:auto;width:42px;padding:0;justify-content:center}.et-pos-touch-kb-toggle svg{width:20px;height:20px}

/* Product favourite star */
.et-pos-touch-active .pos-shell-product-card{overflow:visible!important}.et-pos-fav-star{position:absolute!important;top:6px!important;right:6px!important;z-index:5!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:10px!important;background:rgba(255,255,255,.94)!important;color:#8c8c9b!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:0 2px 8px rgba(20,20,30,.12)!important;cursor:pointer!important;touch-action:manipulation!important}.et-pos-fav-star.is-favorite{color:#f2a800!important}.et-pos-fav-star svg{width:21px;height:21px;pointer-events:none}.et-pos-fav-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:30px;text-align:center;color:#73738a}.et-pos-fav-empty strong{color:#31313f;font-size:16px;margin-bottom:5px}

/* Larger hit targets, scoped strictly to POS and only while module is active */
.et-pos-touch-active .pos-codecanyon .pos-shell-search-input{height:48px!important;font-size:15px!important;padding-left:44px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-search-row{padding:6px 8px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn{height:48px!important;min-width:52px!important;padding:0 16px!important}.et-pos-touch-active .pos-codecanyon .pos-wh-trigger,.et-pos-touch-active .pos-codecanyon .pos-cat-trigger,.et-pos-touch-active .pos-codecanyon .pos-cust-trigger{min-height:46px!important;border-radius:10px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-icon-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-product-card{min-height:154px!important;padding:12px!important;border-radius:14px!important;touch-action:manipulation}.et-pos-touch-active .pos-codecanyon .pos-shell-product-card>div:first-of-type{margin:-12px -12px 10px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-product-card>div:first-of-type>div:first-child{height:78px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-add-btn{width:36px!important;height:36px!important;border-radius:9px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row{padding:9px 9px!important;gap:10px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:nth-child(2)>div:last-child>div:first-child{height:38px!important;border-radius:8px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:nth-child(2)>div:last-child>div:first-child>button{width:38px!important;height:36px!important;font-size:20px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:nth-child(2)>div:last-child>div:first-child>input{width:48px!important;font-size:15px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:nth-child(2)>div:last-child>select{height:38px!important;font-size:13px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:nth-child(3) button{min-width:38px!important;min-height:38px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-pay-bar .pos-shell-action-btn,.et-pos-touch-active .pos-codecanyon .pos-shell-pay-bar button{min-height:44px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-pagination button{min-width:40px!important;min-height:40px!important}.et-pos-touch-active .pos-codecanyon input,.et-pos-touch-active .pos-codecanyon select,.et-pos-touch-active .pos-codecanyon textarea{touch-action:manipulation}

/* On-screen keyboard */
#et-pos-keyboard{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:min(900px,calc(100vw - 20px));z-index:2147483000;background:rgba(250,251,253,.97);border:1px solid #dfe3e9;border-radius:18px;box-shadow:0 20px 60px rgba(22,28,45,.24);padding:10px;display:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-sizing:border-box}.et-pos-keyboard-open #et-pos-keyboard{display:block}.et-pos-kb-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 8px}.et-pos-kb-label{font-size:12px;font-weight:700;color:#5c6170;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-pos-kb-close{width:40px;height:36px;border:1px solid #dfe3e9;border-radius:9px;background:#fff;font-size:18px;cursor:pointer}.et-pos-kb-row{display:flex;gap:6px;margin-top:6px;justify-content:center}.et-pos-kb-key{height:50px;min-width:48px;flex:1 1 0;border:1px solid #d8dde6;border-radius:10px;background:#fff;color:#1f2430;font-size:16px;font-weight:700;box-shadow:0 1px 1px rgba(20,25,35,.05);cursor:pointer;touch-action:manipulation}.et-pos-kb-key:active{transform:translateY(1px);background:#f0f2f6}.et-pos-kb-key.is-primary{background:var(--et-pos-touch-accent);border-color:var(--et-pos-touch-accent);color:#fff}.et-pos-kb-key.is-wide{flex:2.1 1 0}.et-pos-kb-key.is-space{flex:4 1 0}.et-pos-kb-numeric{max-width:430px;margin:0 auto}.et-pos-kb-numeric .et-pos-kb-key{height:58px;font-size:19px}.et-pos-kb-hint{font-size:11px;color:#8a8e99;margin-left:auto;margin-right:6px}

@media(max-width:900px){.et-pt-grid{grid-template-columns:1fr}.et-pos-touch-kb-toggle{margin-left:0}.et-pos-touch-active .pos-codecanyon .pos-shell-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.et-pos-kb-key{min-width:32px;height:46px;font-size:14px}.et-pos-keyboard-open #et-pos-keyboard{bottom:6px}}
@media(max-width:520px){#et-pos-keyboard{width:calc(100vw - 8px);padding:7px;border-radius:14px}.et-pos-kb-row{gap:4px;margin-top:4px}.et-pos-kb-key{min-width:28px;height:43px;font-size:13px;border-radius:8px}.et-pos-touch-tab{padding:0 12px}}

/* ================= V1.1 three-panel touch workstation ================= */
:root{
  --et-pos-touch-secondary:#0f766e;
  --et-pos-touch-danger:#c62828;
  --et-pos-touch-warning:#d97706;
  --et-pos-touch-navy:#102455;
  --et-pos-touch-panel:#ffffff;
  --et-pos-touch-soft:#f4f7f8;
}
.et-pt-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.et-pt-color-row{display:grid;grid-template-columns:52px 1fr;gap:8px}.et-pt-color-row input[type=color]{width:52px;height:42px;padding:2px;border:1px solid #dfe3eb;border-radius:10px;background:#fff}.et-pt-color-row input[type=text]{height:42px;border:1px solid #dfe3eb;border-radius:10px;padding:0 11px;background:#fff;color:#222;font-weight:700;text-transform:uppercase}

.et-pos-touch-active .pos-codecanyon{--et-pos-bg:#f5f7f7;--et-pos-card:#fff}.et-pos-touch-active .pos-codecanyon .pos-shell-header{background:var(--et-pos-touch-accent)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-shell-register-status,.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-wh-trigger,.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-cat-trigger,.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-cust-trigger{background:#0d2b52!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-shell-icon-btn{background:#fff!important;color:#21324a!important;border-color:rgba(255,255,255,.92)!important}.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-shell-icon-btn:hover{transform:translateY(-1px)}

.et-pos-touch-active .pos-codecanyon .pos-shell-main{display:grid!important;grid-template-columns:minmax(310px,31%) minmax(500px,1fr) minmax(330px,28%)!important;gap:4px!important;align-items:stretch!important;background:#d9e5e2!important;overflow:hidden!important}.et-pos-touch-active .pos-codecanyon .pos-shell-cart-aside{grid-column:1!important;grid-row:1!important;min-width:0!important;width:auto!important;border-radius:0!important}.et-pos-touch-active .pos-codecanyon .pos-shell-section{grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important;border-radius:0!important;background:#fff!important}.et-pos-touch-active .pos-codecanyon #et-pos-touch-sidepanel{grid-column:3!important;grid-row:1!important;min-width:0!important}

.et-pos-touch-active .pos-codecanyon .pos-shell-search-row{padding:6px!important;gap:6px!important;background:#fff!important}.et-pos-touch-active .pos-codecanyon .pos-shell-search-input{height:52px!important;border-radius:4px!important;border:2px solid #c8d2da!important;background:#fff!important;color:#253142!important;font-size:16px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn{height:52px!important;border-radius:3px!important;background:var(--et-pos-touch-navy)!important;color:#fff!important;border-color:var(--et-pos-touch-navy)!important}

.et-pos-touch-active .et-pos-touch-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2px!important;padding:0 6px 6px!important;background:#fff!important}.et-pos-touch-active .et-pos-touch-tab{height:46px!important;width:100%!important;border-radius:2px!important;justify-content:center!important;font-size:14px!important;background:var(--et-pos-touch-secondary)!important;color:#fff!important;border:1px solid rgba(0,0,0,.06)!important}.et-pos-touch-active .et-pos-touch-tab:first-child{background:var(--et-pos-touch-accent)!important}.et-pos-touch-active .et-pos-touch-tab:not(.is-active){filter:saturate(.88) brightness(.94)!important;opacity:.94}.et-pos-touch-active .et-pos-touch-tab.is-active{box-shadow:inset 0 -3px 0 #d9e63a!important;filter:none!important}.et-pos-touch-active .et-pos-touch-count{background:rgba(255,255,255,.2)!important}

.et-pos-touch-active .pos-codecanyon .pos-shell-products-scroll{background:#fff!important}.et-pos-touch-active .pos-codecanyon .pos-shell-products-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr))!important;gap:7px!important;padding:6px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-product-card{min-height:158px!important;padding:8px!important;border-radius:9px!important;border:1px solid #d9e0e5!important;box-shadow:0 1px 3px rgba(0,0,0,.04)!important;background:#fff!important}.et-pos-touch-active .pos-codecanyon .pos-shell-product-card:hover{border-color:var(--et-pos-touch-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--et-pos-touch-accent) 18%, transparent)!important}.et-pos-touch-active .pos-codecanyon .pos-shell-add-btn{width:38px!important;height:38px!important;border-radius:7px!important;background:var(--et-pos-touch-accent)!important;color:#fff!important}.et-pos-touch-active .et-pos-fav-star{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:8px!important}.et-pos-touch-active .et-pos-fav-star.is-favorite{color:#fff!important;background:#f59e0b!important;border-color:#f59e0b!important}

.et-pos-touch-sidepanel{display:flex;flex-direction:column;background:#fff;border-left:1px solid #cfd9df;min-height:100%;overflow:hidden}.et-touch-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:0}.et-touch-quick{min-height:51px;border:0;border-radius:0;color:#fff;font-size:14px;font-weight:800;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;text-align:center}.et-touch-quick span{font-size:11px;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.22)}.et-touch-quick.purple{background:#7133d6}.et-touch-quick.green{background:#13a653}.et-touch-quick.blue{background:#2d68df}.et-touch-quick.orange{background:var(--et-pos-touch-warning)}.et-touch-quick.red{background:var(--et-pos-touch-danger)}.et-touch-quick:active{filter:brightness(.9)}
.et-touch-pad-head{min-height:48px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:#053f34;color:#fff;border-top:2px solid #fff}.et-touch-switch{width:55px;height:30px;border-radius:999px;border:0;background:#cbd5e1;padding:3px;cursor:pointer}.et-touch-switch span{display:block;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .18s}.et-touch-switch.on{background:#2bdc75}.et-touch-switch.on span{transform:translateX(25px)}.et-touch-panel-status{min-height:34px;padding:8px 12px;background:#083f38;color:#d7efe7;font-size:11px;display:flex;align-items:center}.et-touch-panel-status[data-tone=warn]{color:#ffe8b2}.et-touch-pad-display{height:44px;background:#002f2a;color:#fff;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;font:700 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.et-touch-fixed-pad{display:flex;flex-direction:column;flex:1;min-height:290px;background:#075e4f}.et-touch-fixed-pad.is-disabled{opacity:.35;pointer-events:none}.et-touch-pad-row{display:grid;grid-template-columns:repeat(4,1fr);flex:1}.et-touch-pad-key{border:1px solid rgba(255,255,255,.19);border-radius:0;background:#08705d;color:#fff;font-size:21px;font-weight:800;cursor:pointer;touch-action:manipulation;min-height:64px}.et-touch-pad-key:hover{filter:brightness(1.08)}.et-touch-pad-key:active{filter:brightness(.86)}.et-touch-pad-key.danger{background:var(--et-pos-touch-danger)}.et-touch-pad-key.warning{background:var(--et-pos-touch-warning)}.et-touch-pad-modes{display:grid;grid-template-columns:1fr 1fr 1fr}.et-touch-pad-modes button{height:48px;border:1px solid rgba(255,255,255,.25);border-radius:0;background:#2e6adf;color:#fff;font-weight:800;cursor:pointer}.et-touch-pad-modes button:nth-child(2){background:#17aa55}.et-touch-pad-modes button:nth-child(3){background:#7133d6}

.et-pos-touch-active .pos-codecanyon .pos-cart-header{min-height:58px!important}.et-pos-touch-active .pos-codecanyon .pos-cart-header-clear-btn{min-width:42px!important;min-height:42px!important;background:var(--et-pos-touch-danger)!important;color:#fff!important}.et-pos-touch-active .pos-codecanyon .pos-shell-cart-scroll{min-height:240px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-charges-row input{min-height:40px!important}.et-pos-touch-active .pos-codecanyon .pos-shell-pay-bar{position:sticky!important;bottom:0!important;z-index:30!important;background:#fff!important;border-top:1px solid #d6dce2!important;box-shadow:0 -3px 10px rgba(20,30,40,.05)!important}.et-pos-touch-active .pos-codecanyon .pos-shell-pay-btn{background:var(--et-pos-touch-accent)!important;border-color:var(--et-pos-touch-accent)!important;color:#fff!important;min-height:58px!important;font-size:16px!important}

/* On-screen keyboard follows the selected POS theme while leaving hardware input untouched. */
.et-pos-touch-active #et-pos-keyboard{border-color:color-mix(in srgb,var(--et-pos-touch-accent) 25%, #dfe3e9)!important}.et-pos-touch-active .et-pos-kb-key.is-primary{background:var(--et-pos-touch-accent)!important;border-color:var(--et-pos-touch-accent)!important}

@media (max-width:1260px){.et-pos-touch-active .pos-codecanyon .pos-shell-main{grid-template-columns:minmax(285px,30%) minmax(430px,1fr) 300px!important}.et-touch-quick{font-size:12px;min-height:48px}.et-touch-pad-key{min-height:56px;font-size:18px}.et-pos-touch-active .pos-codecanyon .pos-shell-products-grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr))!important}}
@media (max-width:980px){.et-pos-touch-active .pos-codecanyon .pos-shell-main{display:flex!important;flex-direction:column!important;overflow:auto!important}.et-pos-touch-active .pos-codecanyon .pos-shell-cart-aside,.et-pos-touch-active .pos-codecanyon .pos-shell-section,.et-pos-touch-active .pos-codecanyon #et-pos-touch-sidepanel{width:100%!important;min-height:auto!important}.et-pos-touch-sidepanel{border-left:0;border-top:3px solid var(--et-pos-touch-accent)}.et-touch-fixed-pad{min-height:260px}.et-pos-touch-active .pos-codecanyon .pos-shell-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.et-pt-color-grid{grid-template-columns:1fr}}
@media (max-width:620px){.et-pos-touch-active .pos-codecanyon .pos-shell-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.et-touch-quick{min-height:54px}.et-touch-pad-key{min-height:62px}.et-pos-touch-active .et-pos-touch-tabs{grid-template-columns:1fr 1fr!important}.et-pt-color-grid{grid-template-columns:1fr}}

/* ================= V1.1.1 contrast fix =================
   Keep Stocky's structure/logic unchanged; only ensure text remains readable
   when the touch header uses a dark/navy surface on mobile/tablet/desktop. */
.et-pos-touch-active .pos-codecanyon .pos-shell-header > .pos-shell-register-status > div{
  color:#fff!important;
}
.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-wh-trigger .pos-wh-trigger-eyebrow,
.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-wh-trigger .pos-wh-trigger-label,
.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-wh-trigger .pos-wh-trigger-caret,
.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-cust-trigger .pos-cust-trigger-eyebrow,
.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-cust-trigger .pos-cust-trigger-label,
.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-cust-trigger .pos-cust-trigger-caret,
.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-cat-trigger .pos-cat-trigger-label,
.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-cat-trigger .pos-cat-trigger-caret{
  color:#fff!important;
}
.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-wh-trigger .pos-wh-trigger-eyebrow,
.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-cust-trigger .pos-cust-trigger-eyebrow{
  color:rgba(255,255,255,.72)!important;
}
.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-wh-trigger .pos-wh-trigger-label,
.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-cust-trigger .pos-cust-trigger-label,
.et-pos-touch-active .pos-codecanyon .pos-shell-header .pos-cat-trigger .pos-cat-trigger-label{
  font-weight:700!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}

/* ================= V1.1.2 workstation fixes ================= */
/* Four direct rows after tabs are injected: search / tabs / products / pagination. */
.et-pos-touch-active .pos-codecanyon .pos-shell-section{
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
}
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row{margin:0!important}
.et-pos-touch-active .et-pos-touch-tabs{margin:0!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-products-scroll{min-height:0!important;height:100%!important}

/* Keep the full fixed keypad visible above Stocky's bottom payment bar. */
.et-pos-touch-active .pos-codecanyon #et-pos-touch-sidepanel{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  display:grid!important;
  grid-template-rows:auto auto auto auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
}
.et-pos-touch-active #et-pos-touch-sidepanel .et-touch-quick-grid,
.et-pos-touch-active #et-pos-touch-sidepanel .et-touch-pad-head,
.et-pos-touch-active #et-pos-touch-sidepanel .et-touch-panel-status,
.et-pos-touch-active #et-pos-touch-sidepanel .et-touch-pad-display,
.et-pos-touch-active #et-pos-touch-sidepanel .et-touch-pad-modes{min-height:0;flex-shrink:0}
.et-pos-touch-active #et-pos-touch-sidepanel .et-touch-fixed-pad{
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:repeat(4,minmax(42px,1fr))!important;
  overflow:hidden!important;
}
.et-pos-touch-active #et-pos-touch-sidepanel .et-touch-pad-row{
  min-height:0!important;
  height:100%!important;
}
.et-pos-touch-active #et-pos-touch-sidepanel .et-touch-pad-key{
  min-height:0!important;
  height:100%!important;
}
.et-pos-touch-active #et-pos-touch-sidepanel .et-touch-pad-modes button{height:44px!important}

/* Dark cart workspace with light readable text. Inputs remain light for fast billing. */
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-aside{
  background:#003b34!important;
  border-color:#0b6a5c!important;
  color:#f3fffb!important;
}
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-scroll{
  background:#003b34!important;
  color:#f3fffb!important;
}
.et-pos-touch-active .pos-codecanyon .pos-cart-header{
  background:#002f2a!important;
  border-color:#0b6a5c!important;
}
.et-pos-touch-active .pos-codecanyon .pos-cart-header-title,
.et-pos-touch-active .pos-codecanyon .pos-cart-header-total-value{color:#fff!important}
.et-pos-touch-active .pos-codecanyon .pos-cart-header-sub,
.et-pos-touch-active .pos-codecanyon .pos-cart-header-total-label{color:#bce4d9!important}
.et-pos-touch-active .pos-codecanyon .pos-cart-header-icon{color:#d8fff4!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-scroll>div[style*="text-align: center"] div{color:#b9d9d1!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row{color:#f5fffc!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:not(:first-child) div,
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:not(:first-child) span{color:#f0fff9!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row input,
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row select{color:#17232b!important;background:#fff!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-totals{
  background:#002f2a!important;
  border-color:#0b6a5c!important;
  color:#f5fffc!important;
}
.et-pos-touch-active .pos-codecanyon .pos-shell-totals .pos-shell-charges-row>label>div:first-child{color:#d3eee7!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-totals>div:last-child span{color:#f5fffc!important}
/* Existing Stocky points card, when eligible, becomes a dark loyalty card. */
.et-pos-touch-active .pos-codecanyon .pos-shell-totals>div:has(input[inputmode="numeric"][pattern="[0-9]*"]){
  background:#084a40!important;
  border:1px solid #146f60!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.et-pos-touch-active .pos-codecanyon .pos-shell-totals>div:has(input[inputmode="numeric"][pattern="[0-9]*"]) span,
.et-pos-touch-active .pos-codecanyon .pos-shell-totals>div:has(input[inputmode="numeric"][pattern="[0-9]*"]) div{color:#e9fff8!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-totals>div:has(input[inputmode="numeric"][pattern="[0-9]*"]) input{background:#fff!important;color:#17232b!important}

/* Price Check / Stock Check separate full-screen modal. */
.et-pos-check-modal{position:fixed;inset:0;z-index:2147482500;background:rgba(4,18,28,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:26px;display:grid;place-items:center;box-sizing:border-box}
.et-check-dialog{width:min(980px,100%);height:min(760px,calc(100vh - 52px));background:#f8fafb;border:1px solid #dbe4e8;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.28);display:grid;grid-template-rows:auto auto auto minmax(0,1fr);overflow:hidden;color:#1b2a35}
.et-check-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 13px;background:#fff;border-bottom:1px solid #e5ecef}.et-check-head h2{margin:0;font-size:23px;color:#132b31}.et-check-head p{margin:3px 0 0;color:#667981;font-size:12px}.et-check-close{width:46px;height:46px;border:1px solid #d9e3e6;border-radius:12px;background:#fff;color:#23343a;font-size:28px;line-height:1;cursor:pointer}.et-check-close:hover{background:#eef4f3}
.et-check-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 20px;background:#fff}.et-check-search>span{font-size:27px;color:var(--et-pos-touch-accent)}.et-check-search input{height:52px;border:2px solid #cbd8dc;border-radius:10px;background:#fff;color:#18262f;padding:0 14px;font-size:17px;outline:none}.et-check-search input:focus{border-color:var(--et-pos-touch-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--et-pos-touch-accent) 14%, transparent)}.et-check-search kbd{border:1px solid #d9e1e5;border-bottom-width:2px;border-radius:7px;background:#f7f9fa;padding:5px 8px;color:#65737b;font-size:10px}
.et-check-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px 10px;color:#70818a;font-size:11px;background:#fff}.et-check-count{font-weight:800;color:#2f474f}
.et-check-results{padding:14px 18px 22px;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px;background:#f3f7f7}.et-check-product{min-width:0;background:#fff;border:1px solid #dce5e8;border-radius:14px;overflow:hidden;box-shadow:0 2px 7px rgba(25,50,55,.05)}.et-check-media{height:92px;background:#eef4f3;display:grid;place-items:center;overflow:hidden}.et-check-media img{width:100%;height:100%;object-fit:contain;background:#fff}.et-check-noimg{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:var(--et-pos-touch-accent);color:#fff;font-weight:900;font-size:18px}.et-check-body{padding:12px;display:flex;flex-direction:column;gap:3px}.et-check-body strong{font-size:14px;color:#18282e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-check-code{font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7a8a91;min-height:14px}.et-check-main-value{font:800 22px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--et-pos-touch-accent);margin-top:7px}.et-check-meta{font-size:10px;color:#6c7c83}.et-check-sub-value{font-size:12px;font-weight:700;color:#31464e;margin-top:5px}.et-check-empty{grid-column:1/-1;min-height:250px;display:grid;place-items:center;color:#75858c;font-weight:700}

@media(max-width:980px){
  .et-pos-check-modal{padding:10px}.et-check-dialog{height:calc(100vh - 20px)}.et-check-results{grid-template-columns:repeat(2,minmax(0,1fr))}
  .et-pos-touch-active .pos-codecanyon #et-pos-touch-sidepanel{display:flex!important;height:auto!important;max-height:none!important;overflow:visible!important}
  .et-pos-touch-active #et-pos-touch-sidepanel .et-touch-fixed-pad{min-height:250px!important;height:auto!important;display:flex!important}
}
@media(max-width:620px){.et-check-results{grid-template-columns:1fr}.et-check-summary span:last-child{display:none}.et-check-head h2{font-size:19px}.et-check-search input{font-size:15px}}


/* ================= V1.1.3 cart + checker refinement ================= */
.et-pos-touch-active .et-touch-pad-head{padding-right:16px!important;overflow:visible!important}
.et-pos-touch-active .et-touch-switch{box-sizing:border-box!important;flex:0 0 64px!important;width:64px!important;min-width:64px!important;height:34px!important;padding:3px!important;overflow:hidden!important}
.et-pos-touch-active .et-touch-switch span{width:28px!important;height:28px!important}
.et-pos-touch-active .et-touch-switch.on span{transform:translateX(30px)!important}
.et-pos-touch-active #et-pos-touch-sidepanel.et-pad-off{display:block!important;height:100%!important;overflow:auto!important;background:#fff!important}
.et-pos-touch-active #et-pos-touch-sidepanel.et-pad-off .et-touch-quick-grid{display:grid!important}

.et-pos-touch-active .pos-codecanyon .pos-shell-cart-scroll{padding:8px!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row{background:#174f47!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:11px!important;padding:9px 10px!important;margin:0 0 8px!important;box-shadow:0 2px 8px rgba(0,0,0,.10)!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:9px!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row:hover{background:#1c5a50!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:first-child{width:38px!important;height:38px!important;border-radius:8px!important;overflow:hidden!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:nth-child(2)>div:last-child{gap:5px!important;flex-wrap:nowrap!important;min-width:0!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:nth-child(2)>div:last-child>span{font-size:11px!important;white-space:nowrap!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:nth-child(2)>div:last-child>select{width:92px!important;max-width:92px!important;min-width:82px!important;height:26px!important;padding:0 18px 0 6px!important;font-size:10px!important;border-radius:6px!important;flex:0 0 92px!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:nth-child(3){min-width:74px!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:nth-child(3)>div:last-child{font-size:12px!important;white-space:nowrap!important}

.et-check-dialog{width:min(1000px,calc(100vw - 32px))!important;height:min(760px,calc(100vh - 32px))!important}
.et-check-results{padding:10px 18px 18px!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important;background:#f7f9fa!important}
.et-check-product.et-check-row{min-height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;background:#fff!important;border:1px solid #dce3ea!important;border-radius:14px!important;padding:12px 16px!important;box-shadow:none!important;overflow:visible!important;flex:0 0 auto!important}
.et-check-row-left{min-width:0;display:flex;flex-direction:column;gap:5px;flex:1 1 auto}
.et-check-row-left strong{font-size:15px!important;color:#14181f!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.et-check-row-left .et-check-code{font:12px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace!important;color:#85879a!important;min-height:0!important}
.et-check-row-right{flex:0 0 auto;min-width:150px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.et-check-row-right .et-check-main-value{margin:0!important;font-size:22px!important;line-height:1.15!important;color:#5b43e8!important}
.et-check-row-right .et-check-meta{font-size:12px!important;color:#85879a!important}
.et-check-empty{width:100%!important;min-height:220px!important}

.et-pos-keyboard-open .et-pos-check-modal{bottom:calc(var(--et-pos-kb-height, 0px) + 10px)!important;padding-bottom:0!important;align-items:stretch!important}
.et-pos-keyboard-open .et-check-dialog{height:100%!important;max-height:100%!important;min-height:280px!important;margin:0 auto!important}

@media(max-width:980px){.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:nth-child(2)>div:last-child{flex-wrap:wrap!important}.et-pos-touch-active .pos-codecanyon .pos-shell-cart-row>div:nth-child(2)>div:last-child>select{width:88px!important;max-width:88px!important;flex-basis:88px!important}.et-check-product.et-check-row{min-height:66px!important;padding:10px 12px!important}.et-check-row-right{min-width:120px!important}}
@media(max-width:620px){.et-check-dialog{width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important}.et-check-product.et-check-row{gap:10px!important}.et-check-row-right{min-width:105px!important}.et-check-row-right .et-check-main-value{font-size:18px!important}}


/* ================= V1.1.4 zero-price + image editor ================= */
.et-pos-touch-active .et-touch-pad-head{min-height:44px!important;padding:0 12px!important}
.et-pos-touch-active .et-touch-switch{box-sizing:border-box!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:24px!important;min-height:24px!important;padding:3px!important;overflow:hidden!important;display:block!important}
.et-pos-touch-active .et-touch-switch span{width:18px!important;height:18px!important}
.et-pos-touch-active .et-touch-switch.on span{transform:translateX(20px)!important}

.et-pos-touch-active .pos-codecanyon .pos-shell-product-card{overflow:hidden!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-product-card>div:first-of-type{overflow:hidden!important;border-radius:9px 9px 0 0!important}
.et-pos-touch-active .pos-codecanyon .pos-shell-product-card>div:first-of-type>div:first-child{height:88px!important;max-width:100%!important;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important}

.et-pos-price-modal{position:fixed;inset:0;z-index:2147483600;background:rgba(3,18,23,.68);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;box-sizing:border-box}
.et-pos-price-dialog{width:min(520px,100%);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.34);color:#17232b}
.et-pos-price-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid #e7ecef}.et-pos-price-head h3{margin:0;font-size:21px}.et-pos-price-head p{margin:4px 0 0;color:#76838b;font-size:12px}.et-pos-price-head button{width:42px;height:42px;border:1px solid #dfe6e9;border-radius:11px;background:#fff;font-size:25px;cursor:pointer}
.et-pos-price-body{padding:16px}.et-pos-price-body>label{display:block;font-size:12px;font-weight:800;margin-bottom:7px;color:#415159}
.et-pos-price-input-wrap{height:56px;border:2px solid #cad7dc;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 13px;margin-bottom:13px;background:#fff}.et-pos-price-input-wrap:focus-within{border-color:var(--et-pos-touch-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--et-pos-touch-accent) 14%, transparent)}.et-pos-price-input-wrap span{font-weight:800;color:#65747b}.et-pos-price-input-wrap input{border:0!important;outline:0!important;box-shadow:none!important;width:100%;height:48px!important;font:800 25px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;color:#17232b!important;background:#fff!important}
.et-pos-price-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.et-pos-price-pad button{min-height:54px;border:1px solid #d9e2e6;border-radius:10px;background:#f8fafb;color:#1c2b31;font-size:19px;font-weight:900;cursor:pointer}.et-pos-price-pad button.danger{background:#fff0f0;color:#c62828}.et-pos-price-pad button.enter{grid-column:span 2;background:var(--et-pos-touch-accent);color:#fff;border-color:var(--et-pos-touch-accent)}
.et-pos-price-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.et-pos-price-actions button{height:44px;padding:0 17px;border:1px solid #dce4e8;border-radius:10px;background:#fff;font-weight:800;cursor:pointer}.et-pos-price-actions button.primary{background:var(--et-pos-touch-accent);border-color:var(--et-pos-touch-accent);color:#fff}.et-pos-price-error{min-height:18px;color:#b42318;font-size:12px;font-weight:700;margin-top:7px}

.et-product-image-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 12px}
.et-product-image-tools button{height:42px;padding:0 14px;border:1px solid #dce4e8;border-radius:10px;background:#fff;color:#26343a;font-weight:800;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.et-product-image-tools button:first-child{background:var(--et-pos-touch-accent);border-color:var(--et-pos-touch-accent);color:#fff}
.et-product-image-tools span{font-size:12px;color:#7c8990}

.et-image-editor-modal{position:fixed;inset:0;z-index:2147483700;background:rgba(2,15,20,.72);backdrop-filter:blur(5px);display:grid;place-items:center;padding:14px;box-sizing:border-box}
.et-image-editor-dialog{width:min(980px,100%);max-height:calc(100vh - 28px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.38);color:#18272e}
.et-image-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e5ebee}.et-image-editor-head h3{margin:0;font-size:21px}.et-image-editor-head p{margin:3px 0 0;font-size:12px;color:#718087}.et-image-editor-head button{width:42px;height:42px;border:1px solid #dce5e8;border-radius:10px;background:#fff;font-size:25px;cursor:pointer}
.et-image-editor-main{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:0;overflow:hidden}
.et-image-canvas-wrap{min-height:340px;background:#152126;display:grid;place-items:center;position:relative;padding:18px;overflow:hidden}.et-image-canvas-wrap canvas{display:block;max-width:100%;max-height:calc(100vh - 210px);touch-action:none;cursor:grab;box-shadow:0 0 0 1px rgba(255,255,255,.18)}.et-image-canvas-wrap canvas:active{cursor:grabbing}.et-image-drag-hint{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);background:rgba(0,0,0,.58);color:#fff;border-radius:99px;padding:6px 11px;font-size:11px;pointer-events:none}
.et-image-controls{padding:18px;background:#f8fafb;border-left:1px solid #e2e8eb;overflow:auto}.et-image-controls label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-size:12px;font-weight:800;color:#43535a}.et-image-controls label span{font-weight:600;color:#77858b}.et-image-controls select{height:42px;border:1px solid #d5dfe3;border-radius:9px;background:#fff;padding:0 10px}.et-image-controls input[type=range]{width:100%}.et-image-control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.et-image-control-buttons button{height:42px;border:1px solid #d8e1e5;border-radius:9px;background:#fff;font-weight:800;cursor:pointer}
.et-image-editor-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid #e4ebee;background:#fff}.et-image-editor-actions button{height:44px;padding:0 18px;border:1px solid #d9e2e6;border-radius:10px;background:#fff;font-weight:800;cursor:pointer}.et-image-editor-actions button.primary{background:var(--et-pos-touch-accent);border-color:var(--et-pos-touch-accent);color:#fff}
@media(max-width:760px){.et-image-editor-main{grid-template-columns:1fr;overflow:auto}.et-image-controls{border-left:0;border-top:1px solid #e2e8eb}.et-image-canvas-wrap{min-height:280px}.et-image-canvas-wrap canvas{max-height:46vh}.et-pos-price-pad button{min-height:50px}}

/* ================= V1.1.5 product image spacing + free crop ================= */
.et-pos-touch-active .pos-codecanyon .pos-shell-product-card>div:first-of-type{
  margin:0 6px 8px!important;
  width:calc(100% - 12px)!important;
  border-radius:9px!important;
  overflow:hidden!important;
  background:#f7f9fa!important;
}
.et-pos-touch-active .pos-codecanyon .pos-shell-product-card>div:first-of-type>div:first-child{
  width:100%!important;
  max-width:100%!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.et-image-stage{position:relative;display:inline-block;max-width:100%;max-height:calc(100vh - 210px);line-height:0;user-select:none;touch-action:none}
.et-image-stage canvas{display:block!important;max-width:100%!important;max-height:calc(100vh - 210px)!important;width:auto;height:auto;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.et-free-crop-box{position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.42),0 0 0 1px rgba(0,0,0,.45);cursor:move;touch-action:none;z-index:3}
.et-free-crop-box:before,.et-free-crop-box:after{content:"";position:absolute;pointer-events:none;opacity:.55}.et-free-crop-box:before{left:33.333%;right:33.333%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.8);border-right:1px solid rgba(255,255,255,.8)}.et-free-crop-box:after{top:33.333%;bottom:33.333%;left:0;right:0;border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.8)}
.et-free-crop-box [data-crop-handle]{position:absolute;width:20px;height:20px;z-index:5;touch-action:none}
.et-free-crop-box [data-crop-handle]:after{content:"";position:absolute;inset:6px;background:#fff;border:1px solid rgba(0,0,0,.35);border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.et-free-crop-box [data-crop-handle="nw"]{left:-10px;top:-10px;cursor:nwse-resize}.et-free-crop-box [data-crop-handle="n"]{left:50%;top:-10px;transform:translateX(-50%);cursor:ns-resize}.et-free-crop-box [data-crop-handle="ne"]{right:-10px;top:-10px;cursor:nesw-resize}.et-free-crop-box [data-crop-handle="e"]{right:-10px;top:50%;transform:translateY(-50%);cursor:ew-resize}.et-free-crop-box [data-crop-handle="se"]{right:-10px;bottom:-10px;cursor:nwse-resize}.et-free-crop-box [data-crop-handle="s"]{left:50%;bottom:-10px;transform:translateX(-50%);cursor:ns-resize}.et-free-crop-box [data-crop-handle="sw"]{left:-10px;bottom:-10px;cursor:nesw-resize}.et-free-crop-box [data-crop-handle="w"]{left:-10px;top:50%;transform:translateY(-50%);cursor:ew-resize}
.et-free-crop-note{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding:11px 12px;border:1px solid #dce6e9;border-radius:10px;background:#fff}.et-free-crop-note strong{font-size:13px;color:#22353d}.et-free-crop-note span{font-size:11px;line-height:1.45;color:#77858b}
@media(max-width:760px){.et-image-stage{max-height:46vh}.et-image-stage canvas{max-height:46vh!important}.et-free-crop-box [data-crop-handle]{width:24px;height:24px}.et-free-crop-box [data-crop-handle]:after{inset:7px}}


/* ================= FINAL product-card image frame ================= */
.et-pos-touch-active .pos-codecanyon .pos-shell-product-card>div:first-of-type{
  margin:0 7px 8px!important;
  width:calc(100% - 14px)!important;
  aspect-ratio:3/2!important;
  height:auto!important;
  min-height:0!important;
  border-radius:9px!important;
  overflow:hidden!important;
  background:#f7f9fa!important;
}
.et-pos-touch-active .pos-codecanyon .pos-shell-product-card>div:first-of-type>div:first-child{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:3/2!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}


/* v1.2.2 FINAL CUSTOMER — keep Scan action readable in every pointer/focus state */
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:hover,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:focus,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:focus-visible,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:active{
  background:var(--et-pos-touch-navy)!important;
  background-color:var(--et-pos-touch-navy)!important;
  border-color:var(--et-pos-touch-navy)!important;
  color:#fff!important;
}
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:hover *,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:focus *,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:active *{color:#fff!important;stroke:currentColor!important}


/* v1.2.3 FINAL CUSTOMER — Scan button hover/focus must never fall back to vendor white */
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row > button:not(:disabled),
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row > button:not(:disabled):hover,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row > button:not(:disabled):focus,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row > button:not(:disabled):focus-visible,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row > button:not(:disabled):active,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:not(:disabled),
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:not(:disabled):hover,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:not(:disabled):focus,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:not(:disabled):focus-visible,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:not(:disabled):active{
  background:var(--et-pos-touch-navy)!important;
  background-color:var(--et-pos-touch-navy)!important;
  border-color:var(--et-pos-touch-navy)!important;
  color:#fff!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row > button:not(:disabled):hover *,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row > button:not(:disabled):focus *,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row > button:not(:disabled):active *,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:not(:disabled):hover *,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:not(:disabled):focus *,
.et-pos-touch-active .pos-codecanyon .pos-shell-search-row .pos-shell-action-btn:not(:disabled):active *{
  color:#fff!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

/* Stocky 5.8 adapter: layout enabled independently of large-button preference. */
html.et-pos-touch-layout .pos-codecanyon .pos-shell-main{display:grid!important;grid-template-columns:minmax(340px,var(--et-cart-width,40%)) minmax(0,1fr) 104px!important;gap:6px!important;min-height:0!important;overflow:hidden!important}
html.et-pos-touch-layout .pos-codecanyon .pos-shell-cart-aside{grid-area:1/1!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:0!important;overflow:hidden!important}
html.et-pos-touch-layout .pos-codecanyon .pos-shell-section{grid-area:1/2!important;width:auto!important;min-width:0!important;min-height:0!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;overflow:hidden!important}
html.et-pos-touch-layout .pos-codecanyon #et-pos-touch-sidepanel{grid-area:1/3!important;width:auto!important;min-width:0!important;min-height:0!important;height:100%!important;overflow-y:auto!important;border:0!important;background:#f5f8f7!important}
html.et-pos-touch-layout .pos-codecanyon .et-touch-quick-grid{display:flex!important;flex-direction:column!important;gap:6px!important;padding:4px!important}
html.et-pos-touch-layout .pos-codecanyon .et-touch-quick{width:100%!important;min-height:56px!important;font-size:12px!important;padding:8px 4px!important;border-radius:9px!important;flex-direction:column!important;gap:3px!important;line-height:1.2!important}
html.et-pos-touch-layout .pos-codecanyon .et-touch-panel-status:empty{display:none!important}
html.et-pos-touch-layout .pos-codecanyon .et-touch-panel-status{padding:7px!important;white-space:normal!important;overflow-wrap:anywhere!important}
html.et-pos-touch-layout .pos-codecanyon .pos-shell-products-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))!important}
html.et-pos-touch-layout .pos-codecanyon .pos-shell-cart-scroll{min-height:0!important;overflow-y:auto!important}
html.et-pos-touch-layout .pos-codecanyon .pos-shell-products-scroll{min-height:0!important;overflow-y:auto!important}
.et-pos-touch-menu{flex:0 0 auto;max-height:90px;overflow-y:auto;padding:8px;border-top:1px solid #9ca3af35}
.et-pos-touch-menu-link{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.et-pos-touch-menu-link svg{width:22px;height:22px;flex:0 0 22px}
.et-pos-touch-menu-link:hover,.et-pos-touch-menu.active .et-pos-touch-menu-link{background:var(--et-pos-touch-accent);color:#fff}
.ant-layout-sider-collapsed .et-pos-touch-menu-link span{display:none}
.ant-layout-sider-collapsed .et-pos-touch-menu-link{justify-content:center;padding:8px 0}
#et-pos-touch-panel{min-height:100%;max-height:calc(100dvh - 100px);overflow:auto}
/* Reserve space beneath POS so the keyboard cannot cover the cart or Pay button. */
html.et-pos-touch-layout.et-pos-keyboard-open .pos-codecanyon{height:calc(100dvh - var(--et-pos-kb-height,340px))!important;min-height:0!important}
html.et-pos-touch-layout.et-pos-keyboard-open .pos-codecanyon .pos-shell-cart-scroll{min-height:0!important}
html.et-pos-touch-layout #et-pos-keyboard{bottom:auto!important;transform:none!important;max-width:calc(100vw - 12px)!important;overflow-y:auto!important;overscroll-behavior:contain;backdrop-filter:none;-webkit-backdrop-filter:none}
html.et-pos-touch-layout #et-pos-keyboard.et-numeric-popup{width:360px!important}
html.et-pos-touch-layout #et-pos-keyboard .et-touch-fixed-pad{min-height:0!important;border-radius:10px;overflow:hidden}
html.et-pos-touch-layout #et-pos-keyboard .et-touch-pad-key{min-height:48px!important;height:48px!important;font-size:20px!important}
html.et-pos-keyboard-open .modal.show{bottom:var(--et-pos-kb-height,340px)!important;height:auto!important;overflow-y:auto!important}
html.et-pos-keyboard-open .modal.show .modal-dialog{max-height:100%!important;margin-top:8px!important;margin-bottom:8px!important}
html.et-pos-keyboard-open .ant-modal-wrap{bottom:var(--et-pos-kb-height,340px)!important;overflow-y:auto!important}
@media(max-width:980px){
html.et-pos-touch-layout .pos-codecanyon .pos-shell-main{grid-template-columns:minmax(290px,44%) minmax(0,1fr) 84px!important;display:grid!important}
html.et-pos-touch-layout .pos-codecanyon .et-touch-quick{font-size:11px!important;min-height:52px!important}
html.et-pos-touch-layout .pos-codecanyon .pos-shell-products-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important}
}
@media(max-width:700px){
html.et-pos-touch-layout .pos-codecanyon .pos-shell-main{display:flex!important;flex-direction:column!important;overflow-y:auto!important;gap:8px!important}
html.et-pos-touch-layout .pos-codecanyon .pos-shell-cart-aside{width:100%!important;min-height:300px!important;flex:0 0 auto!important}
html.et-pos-touch-layout .pos-codecanyon .pos-shell-section{width:100%!important;min-height:340px!important;flex:0 0 auto!important}
html.et-pos-touch-layout .pos-codecanyon #et-pos-touch-sidepanel{width:100%!important;min-height:100px!important;height:auto!important;flex:0 0 auto!important}
html.et-pos-touch-layout .pos-codecanyon .et-touch-quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
html.et-pos-touch-layout #et-pos-keyboard .et-pos-kb-key{min-width:0!important;height:40px!important}
html.et-pos-touch-layout.et-pos-keyboard-open .pos-codecanyon .pos-shell-header{max-height:54px!important;overflow:auto!important}
}

/* 2.0.1 discount metadata */
.et-pos-line-discount{grid-column:2 / -1;font-size:11px;color:#9ae6b4;line-height:1.4;padding-top:3px}
.et-product-discount-method{display:block;width:100%;min-height:40px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;color:#222;padding:7px 12px;font:inherit}

/* Cart quantity uses a floating numeric keypad; keep the original cart height. */
html.et-pos-touch-layout.et-pos-keyboard-open.et-pos-kb-floating .pos-codecanyon{height:100dvh!important;min-height:0!important}
html.et-pos-touch-layout.et-pos-keyboard-open.et-pos-kb-floating .pos-codecanyon .pos-shell-header{max-height:none!important;overflow:visible!important}