/* Oima POS Lite 20.0.1.2.5 — rebuilt, scoped, white-label responsive website UI. The page's Website theme is the ONLY source of frontend accent colors. */ body:has(#wrap.oima-pos-frontend){background:#f5f6f9!important} body:has(#wrap.oima-pos-frontend) #wrapwrap{min-width:0!important;min-height:100vh} body:has(#wrap.oima-pos-frontend) #wrapwrap>main{padding:0!important;margin:0!important;min-width:0!important;flex:1 0 auto!important} body:has(#wrap.oima-pos-frontend) #wrapwrap>main>#wrap{max-width:none!important;margin:0!important;padding:0!important} body:has(#wrap.oima-pos-frontend):not(.editor_enable):not(.o_is_editing) #wrapwrap>header#top, body:has(#wrap.oima-pos-frontend):not(.editor_enable):not(.o_is_editing) #wrapwrap>footer, body:has(#wrap.oima-pos-frontend):not(.editor_enable):not(.o_is_editing) #wrapwrap>#bottom, body:has(#wrap.oima-pos-frontend):not(.editor_enable):not(.o_is_editing) #wrapwrap .o_footer_copyright{display:none!important} #wrap.oima-pos-frontend{ --op-primary:var(--o-color-1,var(--bs-primary,#de6528)); --op-ink:#192638;--op-muted:#718095;--op-line:#e3e8ef;--op-surface:#fff;--op-soft:#f5f6f9; font:14px/1.5 Montserrat,Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important; color:var(--op-ink);background:var(--op-soft)!important;display:flex;flex-direction:column; width:100%;min-height:100vh;max-width:none!important;margin:0!important;padding:0!important; min-width:0;overflow-x:clip;container-type:inline-size;container-name:op-viewport; } #wrap.oima-pos-frontend *,#wrap.oima-pos-frontend *:before,#wrap.oima-pos-frontend *:after{box-sizing:border-box} #wrap.oima-pos-frontend :is(h1,h2,h3,p){overflow-wrap:break-word} #wrap.oima-pos-frontend :is(h1,h2,h3){color:var(--op-ink);font-family:Montserrat,Inter,system-ui,sans-serif;line-height:1.17;font-weight:850;letter-spacing:-.045em} #wrap.oima-pos-frontend h1{font-size:clamp(30px,3.5vw,50px);margin:8px 0 13px} #wrap.oima-pos-frontend h2{font-size:clamp(21px,2.25vw,27px);margin:0 0 12px} #wrap.oima-pos-frontend h3{font-size:16px;margin:0 0 10px;letter-spacing:-.025em} #wrap.oima-pos-frontend p{font-size:13px;color:var(--op-muted);line-height:1.7;margin:6px 0 13px;max-width:760px} #wrap.oima-pos-frontend small{color:var(--op-muted);font-size:11px} #wrap.oima-pos-frontend a{text-decoration:none} #wrap.oima-pos-frontend .container{width:100%!important;max-width:1370px!important;min-width:0;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(16px,3vw,30px)!important;padding-right:clamp(16px,3vw,30px)!important} #wrap.oima-pos-frontend :is(.op-grid-2,.op-grid-3,.op-grid-4,.op-hero-grid,.op-feature-bullets,.op-shop-banner,.op-portal-layout,.op-cashier-grid) > *{min-width:0} #wrap.oima-pos-frontend :is(.op-grid-2,.op-grid-3,.op-grid-4){display:grid;gap:15px} #wrap.oima-pos-frontend .op-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))} #wrap.oima-pos-frontend .op-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))} #wrap.oima-pos-frontend .op-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))} #wrap.oima-pos-frontend .op-card,#wrap.oima-pos-frontend .op-slab{background:#fff;border:1px solid var(--op-line);border-radius:17px;padding:20px;min-width:0;overflow-wrap:anywhere} #wrap.oima-pos-frontend .op-card a:not(.op-btn){color:var(--op-primary);font-weight:750} #wrap.oima-pos-frontend .op-section{padding-top:32px!important;padding-bottom:36px!important} #wrap.oima-pos-frontend .op-section-tight{padding-top:12px;padding-bottom:30px} #wrap.oima-pos-frontend .op-page-wrap{padding-top:23px;padding-bottom:36px} #wrap.oima-pos-frontend .op-space{margin-top:16px} #wrap.oima-pos-frontend .op-section-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 17px} #wrap.oima-pos-frontend .op-tag{display:inline-flex;color:var(--op-primary);text-transform:uppercase;letter-spacing:.105em;font-weight:850;font-size:10px;margin:0 0 8px} #wrap.oima-pos-frontend .op-badge,#wrap.oima-pos-frontend .op-pill{background:#eef1f5;color:#536578;border-radius:99px;padding:5px 9px;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;vertical-align:middle} #wrap.oima-pos-frontend .op-badge.op-success,#wrap.oima-pos-frontend .op-success{background:#e6f7ec;color:#166d49} #wrap.oima-pos-frontend .op-notice{padding:13px 15px;border-radius:11px;background:color-mix(in srgb,var(--op-primary) 10%,white);color:#8f552f;line-height:1.5;margin:12px 0} #wrap.oima-pos-frontend .op-notice.op-success{background:#e6f7ec;color:#166d49} #wrap.oima-pos-frontend .op-actions,#wrap.oima-pos-frontend .op-toolbar-links{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:10px 0} #wrap.oima-pos-frontend .op-btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:43px;border-radius:11px;background:var(--op-primary);border:1px solid var(--op-primary);padding:10px 15px;font-size:12px;font-weight:800;color:#fff!important;text-align:center;line-height:1.3;cursor:pointer;transition:filter .15s} #wrap.oima-pos-frontend .op-btn:hover{filter:brightness(.9)} #wrap.oima-pos-frontend .op-btn.op-btn-light{background:#fff;border-color:#d9e1eb;color:var(--op-ink)!important} #wrap.oima-pos-frontend .op-full{width:100%} #wrap.oima-pos-frontend .op-lite-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--op-line);border-radius:9px;padding:9px 12px;background:#f8f9fb;color:#334356;font-size:11px;font-weight:750;cursor:pointer;min-height:37px} #wrap.oima-pos-frontend :is(.op-btn,.op-lite-btn,a,button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--op-primary) 38%,white);outline-offset:2px} #wrap.oima-pos-frontend :is(input,select,textarea,button){font:inherit;max-width:100%} #wrap.oima-pos-frontend :is(form label,.op-field){display:flex;flex-direction:column;gap:6px;color:#5b697e;font-size:11px;font-weight:750;margin:10px 0;min-width:0} #wrap.oima-pos-frontend :is(form label,.op-field) :is(input:not([type='hidden']),select,textarea),#wrap.oima-pos-frontend :is(.op-search,.op-customer-search){width:100%;min-width:0;min-height:42px;padding:10px 12px;color:var(--op-ink);background:#fff;border:1px solid #dce3ec;border-radius:10px;outline:0;font-size:13px} #wrap.oima-pos-frontend textarea{min-height:65px;resize:vertical} #wrap.oima-pos-frontend form input[type='hidden']{display:none} #wrap.oima-pos-frontend .op-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--op-line);min-width:0} #wrap.oima-pos-frontend .op-row>div{min-width:0;overflow-wrap:anywhere} #wrap.oima-pos-frontend .op-row small{display:block;margin-top:3px} #wrap.oima-pos-frontend .op-row b,#wrap.oima-pos-frontend .op-row strong{font-weight:800;flex-shrink:0} #wrap.oima-pos-frontend .op-row.op-total{border-top:1px solid var(--op-line);margin-top:10px;font-size:19px} #wrap.oima-pos-frontend .op-row.op-total strong{color:var(--op-primary)} #wrap.oima-pos-frontend .op-disclaimer{font-size:11px;line-height:1.55;color:#8893a3} /* White native-logo header and white native-logo footer. */ #wrap.oima-pos-frontend .op-site-nav{width:100%;background:#fff!important;border-bottom:1px solid var(--op-line);position:relative;z-index:15;flex:none} #wrap.oima-pos-frontend .op-nav-inner{min-height:70px;display:flex;justify-content:space-between;gap:20px;align-items:center} #wrap.oima-pos-frontend .op-logo-link{display:inline-flex;align-items:center;justify-content:flex-start;max-width:min(230px,42vw);min-width:90px;min-height:48px;flex-shrink:0} #wrap.oima-pos-frontend .op-logo-link .op-brand-link{display:flex;align-items:center} #wrap.oima-pos-frontend .op-logo-link img{display:block;max-width:206px!important;max-height:48px!important;width:auto!important;height:auto!important;object-fit:contain} #wrap.oima-pos-frontend .op-site-nav nav{display:flex;align-items:center;justify-content:flex-end;gap:4px} #wrap.oima-pos-frontend .op-site-nav nav a{color:#5b6b80;padding:10px 11px;font-size:12px;font-weight:800;border-radius:9px;white-space:nowrap} #wrap.oima-pos-frontend .op-site-nav nav a:hover,#wrap.oima-pos-frontend .op-workspace-links a:hover{background:color-mix(in srgb,var(--op-primary) 8%,white);color:var(--op-primary)} #wrap.oima-pos-frontend .op-menu-toggle{display:none;background:#fff;border:1px solid #d9e1ea;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:800;color:#465870} #wrap.oima-pos-frontend .op-workspace-bar{background:#fff;border-bottom:1px solid var(--op-line);flex:none} #wrap.oima-pos-frontend .op-workspace-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px} #wrap.oima-pos-frontend .op-workspace-title{white-space:nowrap;font-size:11px;font-weight:850;color:var(--op-primary)} #wrap.oima-pos-frontend .op-workspace-links{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap} #wrap.oima-pos-frontend .op-workspace-links a{padding:9px 11px;border-radius:8px;font-size:12px;font-weight:750;color:#5b6980} #wrap.oima-pos-frontend .op-footer{background:#fff!important;color:var(--op-ink)!important;border-top:1px solid var(--op-line);width:100%;margin-top:auto;padding:0;flex:none} #wrap.oima-pos-frontend .op-footer-inner{min-height:102px;display:flex;justify-content:space-between;gap:22px;align-items:center;padding-top:17px;padding-bottom:17px} #wrap.oima-pos-frontend .op-footer-brand{display:flex;flex-direction:column;gap:3px} #wrap.oima-pos-frontend .op-footer .op-logo-link{min-height:39px;max-width:170px} #wrap.oima-pos-frontend .op-footer .op-logo-link img{max-width:165px!important;max-height:38px!important} #wrap.oima-pos-frontend :is(.op-footer-subtitle,.op-footer-mid){font-size:11px;color:#8995a4} #wrap.oima-pos-frontend .op-footer-links{display:flex;align-items:center;gap:17px;flex-wrap:wrap} #wrap.oima-pos-frontend .op-footer-links a{font-weight:750;font-size:12px;color:#59697d} /* Home / showroom */ #wrap.oima-pos-frontend .op-hero{background:#fff;border-bottom:1px solid var(--op-line);padding:clamp(30px,5vw,62px) 0} #wrap.oima-pos-frontend .op-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(22px,4vw,45px);align-items:center} #wrap.oima-pos-frontend .op-hero h1{font-size:clamp(35px,4vw,55px);max-width:650px} #wrap.oima-pos-frontend .op-hero p{font-size:15px;line-height:1.8} #wrap.oima-pos-frontend .op-hero-visual{min-height:370px;background:linear-gradient(135deg,color-mix(in srgb,var(--op-primary) 12%,white),#eaf0f8);border-radius:20px;padding:25px;display:grid;place-items:center} #wrap.oima-pos-frontend .op-hero-window{background:#fff;width:min(100%,350px);border:1px solid var(--op-line);border-radius:19px;box-shadow:0 18px 50px #1926371e;transform:rotate(-2deg);overflow:hidden} #wrap.oima-pos-frontend .op-hero-bar{display:flex;justify-content:space-between;gap:8px;background:#fff;padding:14px 17px;border-bottom:1px solid var(--op-line);color:#546478;font-weight:750;font-size:11px} #wrap.oima-pos-frontend .op-hero-screen{padding:16px;display:grid;gap:12px} #wrap.oima-pos-frontend .op-mini-card{padding:14px;border-radius:13px;border:1px solid var(--op-line);background:#fff} #wrap.oima-pos-frontend .op-mini-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--op-line);font-size:12px} #wrap.oima-pos-frontend .op-mini-row:last-child{border-bottom:0} #wrap.oima-pos-frontend .op-mini-row b{color:var(--op-primary)} #wrap.oima-pos-frontend :is(.op-device-pills,.op-pill-row){display:flex;gap:8px;flex-wrap:wrap;margin-top:15px} #wrap.oima-pos-frontend :is(.op-device-pills span,.op-pill){padding:7px 11px;border:1px solid var(--op-line);border-radius:99px;background:#fff;color:#68778a;font-weight:750;font-size:11px} #wrap.oima-pos-frontend .op-feature-bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px} #wrap.oima-pos-frontend .op-callout{background:#fff;border:1px solid var(--op-line);border-radius:17px;padding:24px;margin-top:10px;margin-bottom:28px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap} /* Native store products and public live demo */ #wrap.oima-pos-frontend .op-shop-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:18px;align-items:center;background:#fff;border-radius:19px;border:1px solid var(--op-line);padding:27px;margin-bottom:20px} #wrap.oima-pos-frontend .op-product-grid,#wrap.oima-pos-frontend .op-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} #wrap.oima-pos-frontend :is(.op-product,.op-pos-product){border:1px solid var(--op-line);border-radius:14px;background:white;overflow:hidden;min-width:0;box-shadow:0 2px 5px #19263708;transition:box-shadow .15s,border-color .15s} #wrap.oima-pos-frontend :is(.op-product,.op-pos-product):hover{border-color:var(--op-primary);box-shadow:0 9px 25px #19263715} #wrap.oima-pos-frontend .op-product{display:flex;flex-direction:column} #wrap.oima-pos-frontend .op-product-img,#wrap.oima-pos-frontend .op-product-ghost{height:135px;background:linear-gradient(135deg,#f8f9fb,#edf1f5);display:grid;place-items:center;font-size:43px} #wrap.oima-pos-frontend .op-product-img img{width:100%;height:100%;object-fit:cover} #wrap.oima-pos-frontend .op-product-info{padding:14px;display:flex;flex-direction:column;gap:7px;flex:1} #wrap.oima-pos-frontend .op-product-info strong{font-size:13px;line-height:1.4;min-height:35px} #wrap.oima-pos-frontend .op-product-info p{font-size:13px;font-weight:800;color:var(--op-ink);margin:auto 0 5px} #wrap.oima-pos-frontend .op-product-info form{margin:0} #wrap.oima-pos-frontend .op-empty{padding:20px;background:#fff;border:1px dashed #d3deeb;border-radius:14px;color:var(--op-muted)} #wrap.oima-pos-frontend .op-demo-embed{border:1px solid var(--op-line);border-radius:16px;background:#fff;box-shadow:0 10px 30px #19263713;overflow:hidden} #wrap.oima-pos-frontend .op-demo-embed iframe{display:block;width:100%;height:clamp(720px,88vh,1080px);border:0;background:#fff} /* Customer portal and management */ #wrap.oima-pos-frontend .op-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:17px} #wrap.oima-pos-frontend .op-kpi{min-width:0;padding:19px;border-radius:15px;background:#fff;border:1px solid var(--op-line)} #wrap.oima-pos-frontend .op-kpi small{display:block;line-height:1.5} #wrap.oima-pos-frontend .op-kpi b{font-size:clamp(20px,2.5vw,30px);letter-spacing:-.05em;display:block;margin-top:9px;overflow-wrap:anywhere} #wrap.oima-pos-frontend .op-portal-layout{display:grid;grid-template-columns:210px minmax(0,1fr);width:100%;min-height:460px} #wrap.oima-pos-frontend .op-portal-nav{display:flex;flex-direction:column;gap:4px;padding:16px 10px;border:1px solid var(--op-line);border-radius:15px 0 0 15px;background:#fff;min-width:0} #wrap.oima-pos-frontend .op-portal-nav .op-logo{font-size:15px;font-weight:850;padding:9px 11px 17px;color:var(--op-ink)} #wrap.oima-pos-frontend .op-portal-nav a{padding:11px 12px;border-radius:9px;color:#617286;font-size:12px;font-weight:750;line-height:1.4} #wrap.oima-pos-frontend .op-portal-nav a:hover{background:color-mix(in srgb,var(--op-primary) 9%,white);color:var(--op-primary)} #wrap.oima-pos-frontend .op-portal-body{background:var(--op-soft);border:1px solid var(--op-line);border-left:0;border-radius:0 15px 15px 0;padding:clamp(17px,2.6vw,27px);min-width:0} #wrap.oima-pos-frontend .op-portal-body h1{font-size:clamp(26px,2.8vw,38px);overflow-wrap:normal} #wrap.oima-pos-frontend .op-portal-body :is(.op-grid-2,.op-grid-3){margin-top:14px} #wrap.oima-pos-frontend .op-order-entry{border:1px solid var(--op-line);background:#fff;border-radius:12px;padding:13px;margin:11px 0;min-width:0} #wrap.oima-pos-frontend .op-order-entry .op-row:last-child{border-bottom:0} #wrap.oima-pos-frontend .op-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px} #wrap.oima-pos-frontend .op-form-narrow{max-width:530px;width:100%;margin:auto} #wrap.oima-pos-frontend .op-auth-wrap{min-height:clamp(520px,65vh,670px);display:grid;place-items:center;padding:30px 16px} #wrap.oima-pos-frontend .op-auth{width:min(100%,465px);padding:29px} #wrap.oima-pos-frontend .op-auth h1{font-size:28px} #wrap.oima-pos-frontend .op-auth input{min-height:43px} /* Cashier V4 layout: order basket left, products right */ #wrap.oima-pos-frontend .op-pos-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:17px;padding-bottom:17px} #wrap.oima-pos-frontend .op-pos-top h1{font-size:24px;margin:2px 0} #wrap.oima-pos-frontend .op-pos-top .op-actions{margin:0} #wrap.oima-pos-frontend .op-cashier-page{width:100%;min-width:0;padding:0 clamp(12px,2vw,24px) 28px;background:var(--op-soft)} #wrap.oima-pos-frontend .op-cashier-mobile-tabs{display:none} #wrap.oima-pos-frontend .op-cashier-grid{display:grid;grid-template-columns:minmax(310px,37%) minmax(0,1fr);width:100%;min-height:680px;gap:0;overflow:hidden;border:1px solid var(--op-line);border-radius:17px;background:#fff} #wrap.oima-pos-frontend .op-cashier-cart{background:#fff;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--op-line)} #wrap.oima-pos-frontend .op-cashier-head{padding:15px;border-bottom:1px solid var(--op-line)} #wrap.oima-pos-frontend .op-cashier-head .op-row{padding:0 0 10px} #wrap.oima-pos-frontend .op-customer-picker{padding-top:4px;min-width:0} #wrap.oima-pos-frontend .op-customer-picker .op-field{margin:2px 0 8px} #wrap.oima-pos-frontend .op-customer-switch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center} #wrap.oima-pos-frontend .op-customer-new{white-space:nowrap;font-size:11px;min-height:41px} #wrap.oima-pos-frontend .op-customer-help{font-size:10px;color:var(--op-muted);line-height:1.4;margin:7px 0 0} #wrap.oima-pos-frontend .op-customer-picker select{width:100%;min-height:40px;background:white;border:1px solid #dce3ec;border-radius:9px;padding:10px 12px;font-size:12px;margin-top:7px} #wrap.oima-pos-frontend .op-cart-lines{padding:12px;min-height:145px;max-height:290px;overflow-y:auto;flex:1} #wrap.oima-pos-frontend .op-cart-lines>p{color:var(--op-muted);padding:17px 0;font-size:12px} #wrap.oima-pos-frontend .op-cart-item{display:flex;justify-content:space-between;align-items:center;gap:9px;text-align:left;min-height:46px;border:1px solid transparent;border-radius:10px;padding:10px;font-size:12px;font-weight:700;cursor:pointer} #wrap.oima-pos-frontend .op-cart-item.selected{border-color:color-mix(in srgb,var(--op-primary) 26%,white);background:color-mix(in srgb,var(--op-primary) 8%,white)!important} #wrap.oima-pos-frontend .op-cart-item>span{min-width:0;overflow-wrap:anywhere} #wrap.oima-pos-frontend .op-cart-item>b{white-space:nowrap} #wrap.oima-pos-frontend .op-cashier-bottom{padding:14px 15px;border-top:1px solid var(--op-line);background:#fff} #wrap.oima-pos-frontend .op-cashier-bottom .op-actions{gap:6px;margin:0 0 9px} #wrap.oima-pos-frontend .op-number-display{border:1px solid var(--op-line);background:#f6f8fa;border-radius:10px;padding:10px 13px;text-align:right;font-size:26px;font-weight:850;min-height:55px;margin-bottom:8px} #wrap.oima-pos-frontend .op-numpad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px} #wrap.oima-pos-frontend .op-numpad button{border:1px solid var(--op-line);border-radius:8px;background:#f4f6f9;min-height:40px;font-size:17px;font-weight:800;cursor:pointer} #wrap.oima-pos-frontend .op-numpad button:hover{background:color-mix(in srgb,var(--op-primary) 8%,white);border-color:var(--op-primary)} #wrap.oima-pos-frontend .op-cashier-bottom>#op-apply{width:100%;margin:9px 0;font-size:11px} #wrap.oima-pos-frontend .op-cashier-bottom .op-row{padding:8px 0} #wrap.oima-pos-frontend .op-cashier-bottom .op-disclaimer{font-size:10px;margin:5px 0 7px} #wrap.oima-pos-frontend .op-cashier-bottom .op-advanced-options{margin:8px 0;border:1px solid var(--op-line);border-radius:10px;background:#fff;overflow:hidden} #wrap.oima-pos-frontend .op-advanced-options summary{font-size:11px;font-weight:800;color:#56677c;cursor:pointer;padding:11px 13px;list-style:none} #wrap.oima-pos-frontend .op-advanced-options summary:after{content:'＋';float:right;color:var(--op-primary)} #wrap.oima-pos-frontend .op-advanced-options[open] summary:after{content:'−'} #wrap.oima-pos-frontend .op-advanced-content{padding:0 13px 12px} #wrap.oima-pos-frontend .op-advanced-content label{font-size:11px} #wrap.oima-pos-frontend .op-cashier-products{padding:20px;min-width:0;background:var(--op-soft)} #wrap.oima-pos-frontend .op-cashier-products .op-row{border-bottom:0;margin-bottom:7px;padding:0} #wrap.oima-pos-frontend .op-cashier-products h2{margin:0 0 3px;font-size:25px} #wrap.oima-pos-frontend .op-cashier-products .op-row p{font-size:12px;margin:0} #wrap.oima-pos-frontend .op-cashier-products .op-search{margin:15px 0;min-height:44px} #wrap.oima-pos-frontend .op-cashier-products .op-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} #wrap.oima-pos-frontend .op-pos-product{display:flex;flex-direction:column;width:100%;padding:0;min-height:190px;cursor:pointer;text-align:left;color:var(--op-ink)} #wrap.oima-pos-frontend .op-pos-product :is(img,.op-pos-placeholder){display:grid;place-items:center;width:100%;height:112px;object-fit:cover;background:linear-gradient(145deg,#f9fafb,#eaf0f6);font-size:41px} #wrap.oima-pos-frontend .op-pos-product strong{padding:12px 12px 3px;font-size:12px;font-weight:800;line-height:1.4;min-height:42px} #wrap.oima-pos-frontend .op-pos-product small{padding:5px 12px 13px;margin-top:auto;font-size:13px;color:var(--op-primary);font-weight:850} #wrap.oima-pos-frontend .op-pos-product[hidden]{display:none!important} #wrap.oima-pos-frontend .op-cashier-products .op-product-grid:empty:after{content:'Publish products from eCommerce to start selling';color:var(--op-muted);padding:30px} /* Payment checkout and reports */ #wrap.oima-pos-frontend .op-pay-numpad{max-width:none;margin:10px 0 14px} #wrap.oima-pos-frontend .op-pay-numpad button{min-height:45px} #wrap.oima-pos-frontend .op-section .op-grid-2>.op-card{min-width:0;align-self:start} #wrap.oima-pos-frontend .op-section .op-grid-2 .op-card :is(h2,h3):not(:first-child){margin-top:17px} #wrap.oima-pos-frontend .op-signature-pad{display:block;width:100%;height:130px;touch-action:none;cursor:crosshair;border-radius:11px;border:1px dashed #bbc5d3;background:#fff} #wrap.oima-pos-frontend .op-order-entry{margin:12px 0;padding:15px;border:1px solid var(--op-line);border-radius:12px;background:#fff} #wrap.oima-pos-frontend .op-table-scroll,#wrap.oima-pos-frontend .table-responsive{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch} #wrap.oima-pos-frontend .table{width:100%;min-width:590px;border-collapse:collapse;font-size:12px} #wrap.oima-pos-frontend .table :is(th,td){padding:12px 11px;border-bottom:1px solid var(--op-line);text-align:left} #wrap.oima-pos-frontend .table th{font-weight:800;font-size:10px;color:#8290a0;text-transform:uppercase} #wrap.oima-pos-frontend .op-customer-dialog{position:fixed;inset:0;width:min(95vw,650px);max-height:90vh;overflow:auto;background:white;border:1px solid var(--op-line);border-radius:19px;padding:23px;color:var(--op-ink);box-shadow:0 18px 80px #13263d40} #wrap.oima-pos-frontend .op-customer-dialog::backdrop{background:#172334a8} #wrap.oima-pos-frontend .op-customer-dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:13px} #wrap.oima-pos-frontend .op-customer-dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap} #wrap.oima-pos-frontend .op-customer-dialog .op-form-grid{gap:4px 12px} /* Main responsive breakpoints also respond to the Website editor's narrow content area. */ @container op-viewport (max-width:1120px){ .op-cashier-products .op-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .op-cashier-grid{grid-template-columns:minmax(290px,39%) minmax(0,1fr)!important} .op-shop-banner{grid-template-columns:1fr!important} } @container op-viewport (max-width:890px){ .op-nav-inner{min-height:66px!important} .op-site-nav .op-menu-toggle{display:inline-flex!important;margin-left:auto} .op-site-nav nav{display:none!important;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 15px 30px #13283d17;border-bottom:1px solid #dbe2eb;padding:9px 14px;flex-direction:column;align-items:stretch!important;z-index:25} .op-site-nav.op-nav-open nav{display:flex!important} .op-site-nav nav a{width:100%;text-align:left;padding:12px!important} .op-hero-grid{grid-template-columns:1fr!important;gap:23px!important} .op-hero-visual{min-height:260px!important} .op-feature-bullets{grid-template-columns:1fr 1fr!important} .op-cashier-page .op-cashier-grid{display:block!important;min-height:0!important;border:0!important;border-radius:0!important} .op-cashier-page .op-cashier-mobile-tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:#fff;border:1px solid var(--op-line);border-radius:13px 13px 0 0} .op-cashier-mobile-tabs button{padding:12px;background:#f7f8fa;border:1px solid var(--op-line);border-radius:9px;font-size:12px;font-weight:800;color:#5c6e82} .op-cashier-page.op-show-products .op-cashier-cart{display:none!important} .op-cashier-page.op-show-cart .op-cashier-products{display:none!important} .op-cashier-cart{border-right:0!important;min-height:0!important} .op-cashier-products{min-height:440px} .op-cashier-products .op-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .op-portal-layout{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important} .op-portal-nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;white-space:nowrap;border-radius:13px 13px 0 0!important;gap:5px;min-height:55px} .op-portal-body{border:1px solid var(--op-line)!important;border-top:0!important;border-radius:0 0 13px 13px!important} .op-workspace-inner{flex-wrap:wrap;padding-top:8px;padding-bottom:8px} .op-workspace-links{width:100%;justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;white-space:nowrap} .op-workspace-links a{flex:none} .op-grid-4,.op-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .op-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important} .op-section .op-grid-2{grid-template-columns:1fr!important} } @container op-viewport (max-width:650px){ .op-grid-3,.op-grid-4,.op-feature-bullets,.op-product-grid,.op-cashier-products .op-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .op-hero{padding:30px 0!important} .op-hero h1{font-size:clamp(31px,7.5vw,43px)!important} .op-hero-visual{min-height:215px!important} .op-workspace-title{width:100%} .op-form-grid{grid-template-columns:1fr!important} .op-cashier-page{padding:0 10px 20px!important} .op-pos-top{padding-top:12px!important;padding-bottom:10px!important} .op-cashier-products{padding:14px!important} .op-cashier-products .op-product-grid{gap:9px} .op-pos-product{min-height:165px!important} .op-pos-product :is(img,.op-pos-placeholder){height:93px!important} .op-cashier-head,.op-cashier-bottom{padding:12px!important} .op-customer-switch{grid-template-columns:minmax(0,1fr) auto!important} .op-customer-dialog{padding:15px!important;width:min(96vw,650px)!important} .op-auth-wrap{min-height:480px!important;padding:17px 14px!important} .op-auth{padding:23px!important} .op-shop-banner{padding:17px!important} .op-section{padding-top:21px!important;padding-bottom:24px!important} .op-footer-inner{display:flex;flex-direction:column!important;justify-content:center;text-align:center;gap:11px!important} .op-footer-brand{align-items:center} .op-footer-links{justify-content:center} .op-demo-embed iframe{height:740px!important} } @container op-viewport (max-width:360px){ .op-grid-3,.op-grid-4,.op-feature-bullets,.op-kpis{grid-template-columns:1fr!important} .op-customer-switch{grid-template-columns:1fr!important} .op-cashier-products .op-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:890px){#wrap.oima-pos-frontend .op-site-nav .op-menu-toggle{display:inline-flex}} /* Native categories in cashier, with keyboard-friendly touch targets. */ #wrap.oima-pos-frontend .op-pos-categories{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px} #wrap.oima-pos-frontend .op-cat-filter{background:#fff;border:1px solid var(--op-line);color:#607087;font-size:11px;font-weight:800;border-radius:9px;padding:9px 12px;min-height:35px;cursor:pointer} #wrap.oima-pos-frontend .op-cat-filter.is-active,#wrap.oima-pos-frontend .op-cat-filter:hover{background:var(--op-primary);border-color:var(--op-primary);color:#fff} /* Optional post-payment options are kept but no longer clutter the payment keypad. */ #wrap.oima-pos-frontend .op-postpay-details{border:1px solid var(--op-line);border-radius:11px;background:#fff;margin-top:16px;overflow:hidden} #wrap.oima-pos-frontend .op-postpay-details summary{padding:13px 14px;font-size:12px;font-weight:850;color:#56667b;cursor:pointer;list-style:none} #wrap.oima-pos-frontend .op-postpay-details summary::after{content:'＋';float:right;color:var(--op-primary)} #wrap.oima-pos-frontend .op-postpay-details[open] summary::after{content:'−'} #wrap.oima-pos-frontend .op-postpay-body{padding:0 14px 16px} @container op-viewport (max-width:890px){ #wrap.oima-pos-frontend .op-pos-top>.op-actions{display:none!important} } /* Oima POS Lite 20.0.1.2.6 — visual-contract refinements against approved V4. */ #wrap.oima-pos-frontend{--op-gap:18px;--op-radius:16px;--op-primary:var(--o-color-1,var(--bs-primary,#de6528));} #wrap.oima-pos-frontend .op-v126-hero-section{padding-top:clamp(18px,2.5vw,30px)!important;padding-bottom:0!important} #wrap.oima-pos-frontend .op-v126-hero{border:1px solid var(--op-line);background:#fff;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);min-height:410px} #wrap.oima-pos-frontend .op-v126-copy{padding:clamp(26px,5vw,72px);align-self:center;min-width:0} #wrap.oima-pos-frontend .op-v126-copy h1{font-size:clamp(30px,3.4vw,46px);margin:16px 0 19px;max-width:550px} #wrap.oima-pos-frontend .op-v126-copy p{font-size:15px;line-height:1.7;max-width:470px;margin-bottom:23px} #wrap.oima-pos-frontend .op-v126-copy .op-actions{margin-bottom:13px} #wrap.oima-pos-frontend .op-v126-copy>small{display:block;max-width:420px;line-height:1.5} #wrap.oima-pos-frontend .op-v126-demo-badge{display:inline-flex;align-items:center;min-height:25px;background:#e7f7ed;color:#166e49;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:850;line-height:1} #wrap.oima-pos-frontend .op-v126-art{min-height:360px;background:linear-gradient(130deg,color-mix(in srgb,var(--op-primary) 11%,white),#e9edf5);display:grid;place-items:center;padding:28px;min-width:0} #wrap.oima-pos-frontend .op-v126-order-preview{width:min(100%,360px);background:#fff;border-radius:20px;padding:24px;transform:rotate(-3deg);box-shadow:0 18px 42px #1b293b21;min-width:0} #wrap.oima-pos-frontend .op-v126-order-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px} #wrap.oima-pos-frontend .op-v126-order-preview .op-row{padding:9px 0;font-size:12px} #wrap.oima-pos-frontend .op-v126-order-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--op-line);font-size:19px;margin:14px 0 17px;padding-top:16px} #wrap.oima-pos-frontend .op-v126-order-total b{color:var(--op-primary)} #wrap.oima-pos-frontend .op-v126-features{padding-top:19px!important;padding-bottom:21px!important} #wrap.oima-pos-frontend .op-v126-features .op-card{min-height:178px;display:flex;flex-direction:column;padding:20px;gap:6px} #wrap.oima-pos-frontend .op-v126-features .op-card h3{margin:0} #wrap.oima-pos-frontend .op-v126-features .op-card p{margin:3px 0 10px} #wrap.oima-pos-frontend .op-v126-features .op-card a{margin-top:auto} #wrap.oima-pos-frontend :is(.op-card,.op-slab,.op-product,.op-pos-product,.op-kpi,.op-hero-window,.op-order-entry){box-shadow:0 2px 6px #18283a06} #wrap.oima-pos-frontend .op-pos-top{padding-top:20px;padding-bottom:19px} #wrap.oima-pos-frontend .op-cashier-page{padding-bottom:clamp(23px,3vw,42px)!important} #wrap.oima-pos-frontend .op-cashier-grid{min-height:625px;} #wrap.oima-pos-frontend .op-cashier-cart{min-width:0} #wrap.oima-pos-frontend .op-cashier-products .op-product-grid{gap:14px} #wrap.oima-pos-frontend .op-pos-product{border-radius:15px;overflow:hidden;min-height:185px} #wrap.oima-pos-frontend .op-pos-product:is(:focus-visible,:hover){border-color:var(--op-primary);box-shadow:0 6px 18px #172d4711} #wrap.oima-pos-frontend .op-cashier-bottom{padding-bottom:19px} #wrap.oima-pos-frontend .op-cashier-bottom .op-actions{margin-top:4px;margin-bottom:10px} #wrap.oima-pos-frontend .op-cashier-bottom>#op-apply{margin:11px 0} #wrap.oima-pos-frontend .op-v126-card{padding:clamp(16px,2vw,24px);height:auto;overflow:visible} #wrap.oima-pos-frontend .op-v126-card>h2{margin-bottom:18px} #wrap.oima-pos-frontend .op-v126-card .op-row{padding:12px 0} #wrap.oima-pos-frontend :is(.op-section,.op-page-wrap,.op-auth-wrap,.op-cashier-page,.op-v126-features){margin-bottom:0} #wrap.oima-pos-frontend>.op-footer{margin-top:auto!important;position:relative;z-index:1} #wrap.oima-pos-frontend .op-footer-inner{padding-top:20px!important;padding-bottom:20px!important;min-height:112px} #wrap.oima-pos-frontend .op-footer-links{gap:10px} #wrap.oima-pos-frontend .op-footer-links a{padding:8px 5px} #wrap.oima-pos-frontend .op-section:last-of-type{padding-bottom:clamp(34px,4vw,58px)!important} #wrap.oima-pos-frontend .op-demo-embed{margin-top:17px;margin-bottom:16px} #wrap.oima-pos-frontend .op-demo-embed iframe{height:min(82vh,920px);min-height:600px} #wrap.oima-pos-frontend button{touch-action:manipulation} @container op-viewport (max-width:1120px){ .op-v126-hero{min-height:385px!important} .op-v126-copy{padding:clamp(24px,4vw,45px)!important} } @container op-viewport (max-width:890px){ .op-v126-hero{grid-template-columns:1fr!important} .op-v126-art{min-height:250px!important} .op-v126-order-preview{max-width:360px!important} .op-v126-features .op-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important} .op-cashier-page{padding-bottom:32px!important} .op-demo-embed iframe{height:77vh!important;min-height:560px!important} } @container op-viewport (max-width:620px){ .op-v126-hero-section{padding-top:14px!important} .op-v126-hero{border-radius:16px!important} .op-v126-copy{padding:25px 22px!important} .op-v126-copy h1{font-size:clamp(30px,8vw,40px)!important} .op-v126-copy p{font-size:14px!important} .op-v126-art{padding:23px!important;min-height:225px!important} .op-v126-order-preview{transform:none!important;box-shadow:0 8px 27px #18283b21} .op-v126-features .op-grid-3{grid-template-columns:1fr!important} .op-cashier-products .op-product-grid{gap:10px!important} .op-cashier-bottom{padding-bottom:18px!important} .op-pos-product{min-height:160px!important} .op-demo-embed iframe{height:80vh!important;min-height:520px!important} .op-footer-inner{padding-top:25px!important;padding-bottom:25px!important;min-height:150px} .op-v126-card{padding:17px!important} } @media(prefers-reduced-motion:reduce){#wrap.oima-pos-frontend *{scroll-behavior:auto!important;transition:none!important}} /* Mobile sales navigation must expose every action, not clip "Admin" offscreen. */ @container op-viewport (max-width:650px){ #wrap.oima-pos-frontend .op-workspace-links{flex-wrap:wrap!important;overflow-x:visible!important;white-space:normal!important;width:100%;gap:4px 6px} #wrap.oima-pos-frontend .op-workspace-links a{padding:8px 10px!important;font-size:11px;white-space:nowrap} #wrap.oima-pos-frontend .op-workspace-inner{padding-top:10px;padding-bottom:10px} #wrap.oima-pos-frontend .op-v126-hero-section{margin-bottom:0} #wrap.oima-pos-frontend .op-cashier-page .op-cashier-mobile-tabs{margin-bottom:0} } /* v20.0.1.2.7: full-viewport public showroom with one scrolling region */ #wrap.oima-pos-frontend[data-op-page="page_demo"]{ height:100dvh;min-height:0!important;overflow:hidden;display:flex;flex-direction:column; } #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-section{ display:flex;flex-direction:column;flex:1 1 auto;min-height:0; padding-top:12px!important;padding-bottom:12px!important;overflow:hidden; } #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-heading{ flex:0 0 auto;margin-bottom:9px!important;align-items:center; } #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-heading h1{font-size:clamp(23px,2.8vw,37px);margin:0 0 4px} #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-heading p{margin:0;font-size:12px} #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-viewport{ flex:1 1 auto;min-height:0;height:auto!important;max-height:none!important;overflow:hidden; border-radius:14px; } #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-viewport iframe{ width:100%!important;height:100%!important;min-height:0!important; max-height:none!important;display:block;border:0; } #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-disclaimer{margin:7px 0 0;flex:0 0 auto} #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-footer{display:none!important} /* POS should occupy one viewport; only cart or catalog panes scroll when necessary */ @media(min-width:901px) and (min-height:700px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"]{height:100dvh;min-height:0!important;overflow:hidden} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-footer{display:none!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-page{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-grid{flex:1 1 auto;min-height:0;overflow:hidden} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-cart, #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain} } @media(max-width:760px){ #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-section{padding:8px!important} #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-heading{margin:0 0 6px!important} #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-heading h1{font-size:21px} #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-heading p{display:none} #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-heading .op-tag{display:none} #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-heading .op-btn{min-height:32px;font-size:10px;padding:7px 10px} #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-disclaimer{display:none} } @media(max-height:650px){ #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-heading p, #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-disclaimer{display:none} #wrap.oima-pos-frontend[data-op-page="page_demo"] .op-demo-heading h1{font-size:21px} } /* 20.0.1.2.8: no-JavaScript mobile navigation, strict content alignment */ #wrap.oima-pos-frontend .op-nav-inner.container, #wrap.oima-pos-frontend .op-footer-inner.container{width:100%!important;max-width:1370px!important;margin-inline:auto!important;padding-inline:clamp(16px,3vw,30px)!important;box-sizing:border-box} #wrap.oima-pos-frontend .op-nav-inner{position:relative} #wrap.oima-pos-frontend .op-site-nav .op-desktop-nav{display:flex!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav{display:none!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav summary{list-style:none;cursor:pointer;background:white;border:1px solid #dce3eb;border-radius:10px;padding:10px 13px;min-height:43px;display:flex;align-items:center;justify-content:center;color:#415269;font-size:12px;font-weight:800;user-select:none} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav summary::-webkit-details-marker{display:none} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav[open] summary{background:var(--op-soft);border-color:var(--op-primary)} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav nav{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #e1e6ed;box-shadow:0 16px 30px #17283a20;border-radius:0 0 13px 13px;padding:12px clamp(16px,3vw,30px);z-index:80;max-height:min(70dvh,430px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:3px;min-width:0} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav nav a{display:block!important;padding:12px 14px!important;text-align:left;min-height:40px;border-radius:9px} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav:not([open]) > nav{display:none!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav[open] > nav{display:flex!important} #wrap.oima-pos-frontend .op-site-nav .op-logo-link{margin-left:0!important;padding-left:0!important;flex:0 1 auto;max-width:calc(100% - 120px)} #wrap.oima-pos-frontend .op-site-nav .op-logo-link img{max-width:min(175px,100%)!important;max-height:44px!important} #wrap.oima-pos-frontend .op-site-nav .op-logo-link :is(a,.op-brand-link){margin-left:0!important;padding-left:0!important;display:flex;align-items:center} /* Cashier is an app: desktop + mobile fit available screen, list panes scroll internally. */ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-page{min-width:0} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-grid{min-height:0} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products{min-height:0} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-cart{min-height:0} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-page .op-cashier-products, #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-page .op-cashier-cart{scrollbar-width:thin} @container op-viewport (max-width:890px){ #wrap.oima-pos-frontend .op-site-nav .op-desktop-nav{display:none!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav{display:block!important;margin-left:auto;flex-shrink:0} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav:not([open]) > nav{display:none!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav[open] > nav{display:flex!important} #wrap.oima-pos-frontend .op-nav-inner{min-height:60px!important;gap:8px!important} #wrap.oima-pos-frontend .op-site-nav .op-logo-link img{max-width:min(162px,100%)!important;max-height:40px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"]{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-footer{display:none!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-workspace-inner{min-height:42px!important;gap:6px!important;padding-top:3px!important;padding-bottom:3px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-workspace-links{font-size:11px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-workspace-links a{min-height:32px!important;padding:6px 9px!important;white-space:nowrap!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-page{flex:1 1 0!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-bottom:0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-top{flex:0 0 auto!important;padding-top:5px!important;padding-bottom:7px!important;gap:4px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-top h1{font-size:20px!important;margin:0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-top .op-tag{font-size:9px!important;margin:0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-mobile-tabs{flex:0 0 auto!important;padding:6px!important;gap:6px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-mobile-tabs button{min-height:37px!important;padding:8px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-grid{flex:1 1 0!important;height:100%!important;min-height:0!important;overflow:hidden!important;border-radius:0 0 12px 12px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products, #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-cart{height:100%!important;max-height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products{padding:12px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head{padding:10px 12px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom{padding:10px 12px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cart-lines{min-height:65px!important;max-height:180px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products .op-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:890px){ #wrap.oima-pos-frontend .op-site-nav .op-desktop-nav{display:none!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav{display:block!important;margin-left:auto} body:has(#wrap.oima-pos-frontend[data-op-page="page_cashier"]):not(.editor_enable) #wrapwrap{height:100dvh!important;min-height:0!important;overflow:hidden!important} body:has(#wrap.oima-pos-frontend[data-op-page="page_cashier"]):not(.editor_enable) #wrapwrap>main{flex:1 1 0!important;min-height:0!important;overflow:hidden!important} } @media(max-width:360px){ #wrap.oima-pos-frontend .op-site-nav .op-logo-link img{max-width:min(137px,100%)!important} } @media(max-height:610px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-workspace-title{display:none!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-top .op-actions{display:none!important} } /* 20.0.1.2.9 — no-JS cashier sections, one-row workspace header */ #wrap.oima-pos-frontend .op-workspace-mobile{display:none!important} #wrap.oima-pos-frontend .op-workspace-desktop{display:flex!important} #wrap.oima-pos-frontend .op-workspace-mobile summary{cursor:pointer;list-style:none;font-size:11px;font-weight:800;color:#56677c;display:flex;align-items:center;justify-content:center;min-height:35px;padding:7px 12px;border:1px solid #dce3ea;border-radius:9px;background:#fff} #wrap.oima-pos-frontend .op-workspace-mobile summary::-webkit-details-marker{display:none} #wrap.oima-pos-frontend .op-workspace-mobile[open] summary{border-color:var(--op-primary);background:var(--op-soft)} #wrap.oima-pos-frontend .op-workspace-mobile:not([open]) nav{display:none!important} #wrap.oima-pos-frontend .op-workspace-mobile[open] nav{display:flex!important;flex-direction:column;align-items:stretch;max-height:55dvh;overflow-y:auto;gap:5px;position:absolute;top:100%;right:clamp(16px,3vw,30px);left:clamp(16px,3vw,30px);border:1px solid #dce3ed;box-shadow:0 16px 30px #16263a17;background:white;border-radius:0 0 13px 13px;padding:10px;z-index:40} #wrap.oima-pos-frontend .op-workspace-mobile nav a{padding:10px 12px!important;color:#52647a;font-size:12px;font-weight:750;border-radius:9px;display:block;width:100%} @container op-viewport (max-width:890px){ #wrap.oima-pos-frontend .op-workspace-inner{position:relative;min-height:48px;align-items:center!important;flex-wrap:nowrap!important} #wrap.oima-pos-frontend .op-workspace-desktop{display:none!important} #wrap.oima-pos-frontend .op-workspace-mobile{display:block!important;margin-left:auto;flex-shrink:0} #wrap.oima-pos-frontend .op-workspace-title{white-space:nowrap!important;display:block!important} } @media(max-width:890px){ #wrap.oima-pos-frontend .op-workspace-desktop{display:none!important} #wrap.oima-pos-frontend .op-workspace-mobile{display:block!important;margin-left:auto} } /* ═══ v20.0.1.3.0 — unified navigation, safe cash drawer & viewport layout ═══ */ #wrap.oima-pos-frontend .op-site-nav{z-index:60!important} #wrap.oima-pos-frontend .op-nav-inner.container, #wrap.oima-pos-frontend .op-footer-inner.container{max-width:1550px!important;width:100%!important;padding-inline:clamp(18px,2.2vw,34px)!important} #wrap.oima-pos-frontend .op-site-nav .op-nav-inner{justify-content:space-between!important;gap:24px!important} #wrap.oima-pos-frontend .op-site-nav .op-desktop-nav{margin-left:auto!important;justify-content:flex-end!important;gap:clamp(7px,1.3vw,20px)!important} #wrap.oima-pos-frontend .op-site-nav .op-desktop-nav a{padding:12px 10px!important;font-size:clamp(12px,.85vw,14px)!important} #wrap.oima-pos-frontend .op-site-nav .op-logo-link{flex:0 0 auto!important;max-width:min(265px,31vw)!important;min-width:110px!important;min-height:52px!important} #wrap.oima-pos-frontend .op-site-nav .op-logo-link img{max-width:245px!important;max-height:54px!important;object-position:left!important} #wrap.oima-pos-frontend .op-site-nav .op-logo-link :is(a,.op-brand-link){margin:0!important;padding:0!important;justify-content:flex-start!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav summary{min-height:43px;gap:7px!important;min-width:44px!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav summary .op-hamburger-icon{font-size:20px;line-height:1} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav nav{right:clamp(16px,2.5vw,32px)!important;left:auto!important;max-width:min(330px,calc(100vw - 32px))!important;min-width:min(275px,calc(100vw - 32px))!important;border-radius:14px!important;padding:10px!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav nav a{text-align:right!important;padding:12px 15px!important;min-height:43px;display:flex!important;justify-content:flex-end!important} /* Use one native details popover for ALL cashier sections at every viewport width. */ #wrap.oima-pos-frontend .op-workspace-inner{position:relative;min-height:45px!important;flex-wrap:nowrap!important} #wrap.oima-pos-frontend .op-workspace-desktop{display:none!important} #wrap.oima-pos-frontend .op-workspace-mobile{display:block!important;margin-left:auto!important;position:static!important} #wrap.oima-pos-frontend .op-workspace-mobile summary{display:flex!important;align-items:center;justify-content:center!important;min-width:110px!important;min-height:37px!important;font-size:12px!important;color:#415269!important;border-radius:10px!important} #wrap.oima-pos-frontend .op-workspace-mobile[open] nav{position:absolute!important;top:calc(100% + 5px)!important;right:clamp(16px,2vw,30px)!important;left:auto!important;max-width:min(305px,calc(100vw - 28px))!important;min-width:min(235px,calc(100vw - 28px))!important;max-height:none!important;overflow:visible!important;display:flex!important;gap:5px!important;padding:12px!important;border-radius:13px!important;box-shadow:0 20px 55px #17283a2b!important;z-index:75!important} #wrap.oima-pos-frontend .op-workspace-mobile nav a{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:11px 13px!important;min-height:40px!important;border-radius:9px!important;font-size:12px!important;text-align:left!important} #wrap.oima-pos-frontend .op-workspace-mobile nav a:hover{background:var(--op-soft)!important;color:var(--op-primary)!important} /* A true CSS-native customer modal that works without Odoo JS. */ #wrap.oima-pos-frontend .op-customer-dialog[popover]{position:fixed!important;inset:0!important;margin:auto!important;padding:clamp(15px,2.2vw,26px)!important;width:min(640px,calc(100vw - 26px))!important;max-width:640px!important;max-height:min(92dvh,810px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;border:1px solid #dce2ec!important;border-radius:20px!important;box-shadow:0 28px 100px #0c1d3140!important;background:white!important;color:var(--op-ink)!important;z-index:1000!important} #wrap.oima-pos-frontend .op-customer-dialog[popover]::backdrop{background:#101b2ca3!important;backdrop-filter:blur(2px)} #wrap.oima-pos-frontend .op-customer-dialog[popover]:not(:popover-open):not(.op-popover-fallback-open){display:none!important} #wrap.oima-pos-frontend .op-customer-dialog[popover].op-popover-fallback-open{display:block!important;z-index:9999!important} #wrap.oima-pos-frontend .op-customer-dialog .op-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 13px!important} #wrap.oima-pos-frontend .op-customer-dialog .op-form-grid label{margin:3px 0!important} #wrap.oima-pos-frontend .op-customer-dialog .op-customer-dialog-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;grid-column:1/-1;flex-wrap:wrap;padding-top:10px} #wrap.oima-pos-frontend .op-customer-dialog-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between} #wrap.oima-pos-frontend .op-customer-dialog-head h2{margin-top:4px!important} /* Register is a viewport-sized app; controls stay left, only products (and long cart lines) scroll. */ @media (min-width:901px){ body:has(#wrap.oima-pos-frontend[data-op-page="page_cashier"]):not(.editor_enable):not(.o_is_editing) #wrapwrap{height:100dvh!important;min-height:0!important;overflow:hidden!important} body:has(#wrap.oima-pos-frontend[data-op-page="page_cashier"]):not(.editor_enable):not(.o_is_editing) #wrapwrap>main{min-height:0!important;flex:1 1 0!important;overflow:hidden!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"]{height:100dvh!important;min-height:0!important;overflow:hidden!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-footer{display:none!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-site-nav .op-nav-inner{min-height:57px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-top{flex:0 0 auto!important;min-height:0!important;padding-top:5px!important;padding-bottom:7px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-top h1{font-size:22px!important;margin:0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-page{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;overflow:hidden!important;padding:0 clamp(10px,1.7vw,24px)!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-grid{display:grid!important;grid-template-columns:minmax(315px,35%) minmax(0,1fr)!important;flex:1 1 0!important;height:100%!important;min-height:0!important;max-height:100%!important;border-radius:14px 14px 0 0!important;overflow:hidden!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-cart{height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head{flex:0 0 auto!important;padding:9px 13px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-picker{display:grid;gap:3px!important;margin-top:5px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-picker label{margin:0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-help{font-size:9px!important;line-height:1.2!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cart-lines{flex:1 1 auto!important;max-height:none!important;min-height:34px!important;overflow-y:auto!important;padding:8px 12px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom{flex:0 0 auto!important;max-height:calc(100% - 195px)!important;overflow-y:auto!important;padding:9px 12px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-disclaimer{font-size:9px!important;line-height:1.2!important;margin:2px 0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom #op-apply{min-height:26px!important;margin:4px 0!important;padding:5px 9px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-actions{margin:0 0 5px!important;gap:5px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-actions button{min-height:31px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-row{padding:4px 0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-numpad button{min-height:34px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-number-display{padding:5px 11px!important;min-height:38px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom #op-create-button{min-height:40px!important;margin-top:4px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products{overflow-y:auto!important;overflow-x:hidden!important;height:100%!important;max-height:100%!important;min-height:0!important;scrollbar-width:thin} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products .op-product-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;align-content:start!important} } @media(max-width:900px){ #wrap.oima-pos-frontend .op-site-nav .op-desktop-nav{display:none!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav{display:block!important;margin-left:auto!important} #wrap.oima-pos-frontend .op-site-nav .op-logo-link{max-width:min(210px,60vw)!important;min-height:45px!important} #wrap.oima-pos-frontend .op-site-nav .op-logo-link img{max-width:min(190px,100%)!important;max-height:43px!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav summary .op-hamburger-label{display:none!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav summary{width:47px!important;padding:8px!important} #wrap.oima-pos-frontend .op-site-nav .op-nav-inner{min-height:60px!important} #wrap.oima-pos-frontend .op-customer-dialog .op-form-grid{grid-template-columns:1fr!important} #wrap.oima-pos-frontend .op-workspace-mobile nav a{text-align:right!important;justify-content:flex-end!important} } @media(max-width:600px){ #wrap.oima-pos-frontend .op-customer-dialog[popover]{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 18px)!important;padding:14px!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav nav{right:10px!important;max-width:calc(100vw - 20px)!important} #wrap.oima-pos-frontend .op-cashier-products .op-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-height:740px) and (min-width:901px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-top .op-actions{display:none!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head{padding:6px 12px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom{padding:6px 10px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-numpad button{min-height:31px!important} } /* 20.0.1.3.0b - cashier mobile CTA remains visible even for long tickets. */ #wrap.oima-pos-frontend .op-mobile-pay{display:none} @media(max-width:900px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-page{ display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-grid{ flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:hidden!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-cart{ height:100%!important;max-height:100%!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head{padding:7px 11px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-picker{gap:3px!important;margin-top:5px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-picker label{margin:0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-help{display:none!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-search, #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-picker select{ min-height:37px!important;padding-block:8px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cart-lines{ min-height:35px!important;max-height:115px!important;padding:7px 10px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom{padding:8px 10px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-numpad button{min-height:31px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-actions{margin:0 0 6px!important;gap:5px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-actions button{min-height:29px!important;padding:5px 9px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-number-display{min-height:38px!important;padding:7px 10px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-row{padding:5px 0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-disclaimer{display:none!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom #op-apply{min-height:28px!important;margin:5px 0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-advanced-options{margin:6px 0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] #op-create-button{display:none!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-mobile-pay{ display:flex!important;flex:0 0 auto!important;align-self:stretch!important; min-height:43px!important;margin:6px 9px 9px!important;position:relative!important;z-index:4!important; box-shadow:0 7px 18px #17283a1a; } } /* Oima POS Lite 20.0.1.3.1: compact cashier, catalog-only scroll, consistent desktop width */ #wrap.oima-pos-frontend{--op-content-max:1560px} #wrap.oima-pos-frontend .container{max-width:var(--op-content-max)!important;padding-inline:clamp(16px,2.25vw,30px)!important} #wrap.oima-pos-frontend .op-nav-inner{max-width:var(--op-content-max)!important;gap:clamp(22px,3vw,56px)} #wrap.oima-pos-frontend .op-nav-inner>.op-desktop-nav{margin-left:auto;justify-content:flex-end;gap:clamp(5px,.8vw,14px)} #wrap.oima-pos-frontend .op-nav-inner>.op-desktop-nav a{padding-inline:clamp(9px,.8vw,15px)} #wrap.oima-pos-frontend .op-nav-inner .op-logo-link{max-width:min(260px,30vw)} #wrap.oima-pos-frontend .op-site-nav .op-logo-link img{max-width:240px!important;max-height:54px!important} #wrap.oima-pos-frontend .op-management-shortcuts{padding-left:clamp(18px,2vw,26px)!important;padding-right:clamp(18px,2vw,26px)!important} #wrap.oima-pos-frontend .op-management-shortcuts .op-btn{margin-left:0;text-align:left;justify-content:flex-start} #wrap.oima-pos-frontend .op-numeric-cluster{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;margin:9px 0} #wrap.oima-pos-frontend .op-numeric-cluster>.op-number-display{margin:0!important;min-width:0} #wrap.oima-pos-frontend .op-remove-selected{color:#a23e3e!important;background:#fff0f0!important;border-color:#f2d6d6!important;white-space:nowrap;min-width:84px;padding-inline:10px} #wrap.oima-pos-frontend .op-pos-product.op-just-added{border-color:var(--op-primary);background:color-mix(in srgb,var(--op-primary) 9%,white);transform:translateY(-1px)} #wrap.oima-pos-frontend .op-shop-page-content{min-height:0;display:flex;flex-direction:column;flex:1} #wrap.oima-pos-frontend .op-shop-products-scroll{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:2px 5px 18px 2px;scrollbar-gutter:stable} #wrap.oima-pos-frontend .op-shop-page-content>.op-shop-banner{flex:none} #wrap.oima-pos-frontend .op-shop-products-scroll .op-grid-4{padding-bottom:20px} #wrap.oima-pos-frontend .op-workspace-mobile nav a,#wrap.oima-pos-frontend .op-mobile-nav nav a{text-align:right;justify-content:flex-end} #wrap.oima-pos-frontend .op-footer{margin-top:auto} @media(min-width:950px) and (min-height:640px){ #wrap.oima-pos-frontend[data-op-page="page_shop"]{height:100dvh;min-height:0;overflow:hidden} #wrap.oima-pos-frontend[data-op-page="page_shop"]>.op-shop-page-content{overflow:hidden;min-height:0;flex:1} #wrap.oima-pos-frontend[data-op-page="page_shop"]>.op-shop-page-content>.op-shop-products-scroll{flex:1} #wrap.oima-pos-frontend[data-op-page="page_shop"]>.op-footer{display:none} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-page{min-height:0} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products{overflow:auto;scrollbar-gutter:stable} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-cart{overflow:hidden} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cart-lines{flex:1;min-height:0;overflow-y:auto} } @container op-viewport (max-width:940px){ #wrap.oima-pos-frontend .op-shop-page-content{overflow:visible} #wrap.oima-pos-frontend .op-shop-products-scroll{overflow:visible;max-height:none} } @container op-viewport (max-width:660px){ #wrap.oima-pos-frontend .op-nav-inner .op-logo-link{max-width:min(55vw,210px)} #wrap.oima-pos-frontend .op-site-nav .op-logo-link img{max-width:200px!important;max-height:50px!important} #wrap.oima-pos-frontend .op-management-shortcuts{margin-inline:0;padding-inline:18px!important} #wrap.oima-pos-frontend .op-management-shortcuts :is(.op-btn,button){margin-inline:0;max-width:100%} #wrap.oima-pos-frontend .op-numeric-cluster{gap:6px} #wrap.oima-pos-frontend .op-remove-selected{min-width:65px;font-size:11px;padding-inline:7px} } #wrap.oima-pos-frontend .op-language-control{background:#fff;border:1px solid var(--op-line);border-radius:9px;padding:7px 8px;font-size:11px;font-weight:800;color:#52667d;min-height:34px;margin-left:0;flex-shrink:0;cursor:pointer} #wrap.oima-pos-frontend .op-nav-inner>.op-desktop-nav{min-width:0} @container op-viewport (max-width:730px){#wrap.oima-pos-frontend .op-language-control{margin-left:auto;max-width:62px;padding:6px}} /* V132 - Desktop fit: no main-page scroll, catalog only is scrollable. Two visually balanced rows of 12 products on standard desktop; large catalogs scroll exclusively inside the product area. */ @media (min-width:901px) { body:has(#wrap.oima-pos-frontend[data-op-page="page_cashier"]):not(.editor_enable):not(.o_is_editing) #wrapwrap, body:has(#wrap.oima-pos-frontend[data-op-page="page_cashier"]):not(.editor_enable):not(.o_is_editing) #wrapwrap>main, #wrap.oima-pos-frontend[data-op-page="page_cashier"]{ height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-footer{display:none!important} /* Cashier title is redundant; workspace navigation and right panel identify the screen. */ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-top{display:none!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-page{ flex:1 1 0!important;min-height:0!important;overflow:hidden!important; padding:9px clamp(12px,1.6vw,24px) 12px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-grid{ flex:1 1 0!important;min-height:0!important;max-height:none!important; height:100%!important;overflow:hidden!important; border-radius:17px!important; grid-template-columns:minmax(300px,35%) minmax(0,1fr)!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-cart{ display:flex!important;flex-direction:column!important;overflow:hidden!important; min-height:0!important;height:100%!important;max-height:100%!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head{flex:none!important;padding:8px 12px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head .op-row{padding:0 0 5px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-picker{gap:2px!important;padding:0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-picker .op-field{margin:0 0 2px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-picker .op-customer-switch :is(input,button){min-height:35px!important;height:35px!important;padding-block:6px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-picker select{min-height:35px!important;height:35px!important;margin-top:3px!important;padding:6px 10px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-help{display:none!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cart-lines{ flex:1 1 0!important;min-height:27px!important;max-height:none!important; overflow-y:auto!important;overflow-x:hidden!important; padding:5px 11px!important;scrollbar-width:thin; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cart-lines>p{padding:5px 0!important;margin:0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom{ flex:0 0 auto!important;min-height:0!important;max-height:none!important; overflow:visible!important;overscroll-behavior:auto!important; padding:7px 12px 9px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-actions{margin:0 0 4px!important;gap:5px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-actions button{min-height:27px!important;padding:5px 8px!important;font-size:10px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-numeric-cluster{gap:7px!important;margin:4px 0 5px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-number-display{min-height:37px!important;height:37px!important;padding:4px 10px!important;font-size:24px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-remove-selected{min-height:37px!important;padding:5px 9px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-numpad{gap:4px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-numpad button{min-height:29px!important;height:29px!important;font-size:15px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] #op-apply{margin:4px 0!important;padding:4px 8px!important;min-height:25px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-row{padding:3px 0!important;font-size:12px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-disclaimer{display:none!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-advanced-options{margin:4px 0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-advanced-options summary{padding:8px 11px!important;font-size:10px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] #op-create-button{min-height:39px!important;height:39px!important;margin:4px 0 0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products{ min-height:0!important;height:100%!important;max-height:100%!important; padding:13px 15px!important;display:flex!important;flex-direction:column!important; overflow:hidden!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products>.op-row{flex:none!important;min-height:0!important;margin:0 0 6px!important;padding:0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products>.op-row h2{font-size:23px!important;margin:0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products>.op-row p{display:none!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products>.op-search{flex:none!important;min-height:37px!important;height:37px!important;margin:7px 0!important;padding:8px 11px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-categories{flex:none!important;gap:5px!important;margin:0 0 7px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-categories button{min-height:29px!important;padding:6px 10px!important;font-size:11px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-product-scroll{ display:block!important;flex:1 1 0!important;min-height:0!important; overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable; overscroll-behavior:contain;padding:2px 4px 9px 1px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products .op-product-grid{ display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important; align-content:start!important;grid-auto-rows:auto!important;gap:9px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-product{ min-height:0!important;height:clamp(124px,15.4dvh,162px)!important; width:100%!important;overflow:hidden!important;border-radius:12px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-product :is(img,.op-pos-placeholder){ flex:none!important;height:clamp(63px,8dvh,85px)!important;min-height:0!important;font-size:30px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-product strong{ display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden!important;flex:0 0 auto!important;font-size:11px!important; min-height:0!important;line-height:1.25!important;padding:8px 8px 0!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-product small{ font-size:12px!important;min-height:0!important;padding:3px 8px 7px!important; } } @media (min-width:901px) and (max-width:1130px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-grid{grid-template-columns:minmax(315px,37%) minmax(0,1fr)!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products .op-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-product{height:clamp(118px,14dvh,146px)!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-product :is(img,.op-pos-placeholder){height:55px!important} } @media (min-width:901px) and (max-height:750px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom{padding-block:5px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head{padding-block:6px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-numpad button{min-height:26px!important;height:26px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-advanced-options{margin:3px 0!important} } /* Mobile remains a two-panel UI, but scroll within products only. */ @media (max-width:900px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-product-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding-bottom:14px} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products{display:flex!important;flex-direction:column!important;overflow:hidden!important} } /* V133 cashier — explicit editing semantics, compact reliable viewport */ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-top{display:none!important} #wrap.oima-pos-frontend .op-edit-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 6px} #wrap.oima-pos-frontend .op-edit-modes button{font-size:11px;white-space:nowrap;min-width:0;padding:7px 5px;min-height:32px;font-weight:800} #wrap.oima-pos-frontend .op-edit-modes button.active{border-color:var(--op-primary);background:color-mix(in srgb,var(--op-primary) 9%,white);color:var(--op-primary)} #wrap.oima-pos-frontend .op-numeric-cluster{display:grid!important;grid-template-columns:minmax(0,1fr) 39px 39px 43px!important;gap:5px!important;align-items:stretch!important} #wrap.oima-pos-frontend .op-numeric-cluster .op-number-display{min-width:0} #wrap.oima-pos-frontend .op-step-line,#wrap.oima-pos-frontend .op-remove-selected{width:100%;min-width:0!important;min-height:36px!important;padding:3px!important;font-size:18px!important} #wrap.oima-pos-frontend .op-remove-selected{font-size:19px!important;color:#af4747;background:#fff1f1;border-color:#f4d7d7} #wrap.oima-pos-frontend .op-mode-actions{display:flex;gap:6px;margin:4px 0 6px!important} #wrap.oima-pos-frontend .op-mode-actions button{flex:1;min-height:28px;max-height:34px;margin:0!important;font-size:11px;padding:5px 9px} #wrap.oima-pos-frontend .op-mode-actions button[hidden]{display:none!important} #wrap.oima-pos-frontend .op-discount-audit{font-size:10px;line-height:1.3;color:#53687b;background:#f6f9fc;padding:5px 7px;border-radius:8px;margin:3px 0} #wrap.oima-pos-frontend .op-discount-audit[hidden]{display:none!important} #wrap.oima-pos-frontend .op-cart-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto 24px 24px!important;gap:4px!important;align-items:center!important;width:100%!important;padding:5px 4px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--op-line)!important;border-radius:0!important;background:transparent!important} #wrap.oima-pos-frontend .op-cart-item.selected{background:color-mix(in srgb,var(--op-primary) 7%,white)!important} #wrap.oima-pos-frontend .op-cart-select{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:0;background:transparent;color:var(--op-ink);font-size:11px;font-weight:800;min-width:0;padding:4px 3px;cursor:pointer} #wrap.oima-pos-frontend .op-cart-select span,#wrap.oima-pos-frontend .op-line-meta{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap} #wrap.oima-pos-frontend .op-line-meta{font-size:9px;color:#798496;font-weight:550} #wrap.oima-pos-frontend .op-cart-line-total{font-size:11px;white-space:nowrap} #wrap.oima-pos-frontend .op-line-step{height:24px;min-height:24px;min-width:24px;max-width:24px;padding:0;display:grid;place-items:center;border:1px solid var(--op-line);background:#fff;color:#263649;border-radius:7px;font-size:15px;font-weight:800} #wrap.oima-pos-frontend .op-line-step:hover{border-color:var(--op-primary);color:var(--op-primary)} @media(min-width:901px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-site-nav .op-nav-inner{min-height:54px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-workspace-inner{min-height:40px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-page{padding:6px clamp(9px,1vw,17px) 7px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head{padding:5px 10px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head .op-row{padding:0 0 3px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-picker .op-customer-switch :is(input,button), #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-customer-picker select{height:31px!important;min-height:31px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cart-lines{min-height:28px!important;padding:4px 10px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom{padding:5px 10px 7px!important;flex:none!important;overflow:visible!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-edit-modes{margin-bottom:4px!important;gap:4px} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-edit-modes button{min-height:28px!important;padding:3px 5px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-numeric-cluster{margin:2px 0 3px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-numpad button{height:27px!important;min-height:27px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-mode-actions button{min-height:25px!important;padding:4px 8px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-row{padding:2px 0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-advanced-options{margin:2px 0!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-advanced-options summary{padding:6px 9px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] #op-create-button{height:36px!important;min-height:36px!important} } @media(max-width:900px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom{overflow-y:auto;min-height:0;overscroll-behavior:contain} #wrap.oima-pos-frontend .op-edit-modes button{font-size:10px} #wrap.oima-pos-frontend .op-line-meta{font-size:9px} } #wrap.oima-pos-frontend .op-options-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:31px;padding:6px 9px;background:#fff;border:1px solid var(--op-line);font-size:11px;font-weight:800} #wrap.oima-pos-frontend .op-notes-tip-popover[popover]{position:fixed;inset:0;margin:auto;width:min(470px,calc(100vw - 25px));max-height:min(85dvh,640px);overflow:auto;border:1px solid var(--op-line);border-radius:16px;padding:19px;background:#fff;color:var(--op-ink);box-shadow:0 20px 80px #10223855;z-index:1100} #wrap.oima-pos-frontend .op-notes-tip-popover[popover]::backdrop{background:#19263899} #wrap.oima-pos-frontend .op-notes-tip-popover[popover]:not(:popover-open){display:none!important} #wrap.oima-pos-frontend .op-notes-tip-popover h3{margin:0} #wrap.oima-pos-frontend .op-notes-tip-popover .op-btn{margin-top:13px} @media(max-height:690px) and (min-width:901px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-numpad button{min-height:24px!important;height:24px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head{padding:3px 8px!important} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom{padding:3px 8px 5px!important} } /* Oima POS Lite v20.0.1.3.3 / balanced spacing * The approved 1.3.2 layout is preserved; only the gaps, touch targets, * and line-item padding are tuned. Short desktops prioritize the pay CTA. */ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-edit-modes{gap:8px} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cart-item{ padding:7px 8px!important;gap:7px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cart-select{ padding:5px 4px!important;gap:3px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cart-item .op-line-step{ border-radius:8px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-product-scroll{ padding-inline:3px 7px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products .op-product-grid{ gap:12px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-product{ box-shadow:0 2px 9px rgba(18,40,65,.035); } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-numpad{ gap:5px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-edit-modes button, #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-mode-actions button{ border-radius:8px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-cart{ border-right:1px solid var(--op-line)!important; } @media (min-width:901px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-page{ padding:8px clamp(12px,1.3vw,20px) 9px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head{ padding:7px 12px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom{ padding:7px 12px 9px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-edit-modes{ margin-bottom:6px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-numeric-cluster{ margin:4px 0 5px!important;gap:6px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-mode-actions{ margin:5px 0 6px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products{ padding:14px 16px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-products>.op-search{ margin:9px 0!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-pos-categories{ margin-bottom:10px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] #op-create-button{ margin-top:6px!important; } } @media (min-width:901px) and (min-height:800px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head{ padding:12px 16px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cart-lines{ padding:10px 14px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom{ padding:11px 16px 14px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-edit-modes button{ min-height:32px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-numpad button{ min-height:31px!important;height:31px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-row{ padding:5px 0!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-advanced-options summary{ padding:9px 11px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] #op-create-button{ min-height:42px!important;height:42px!important; } } @media (min-width:901px) and (max-height:750px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head{ padding:5px 10px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom{ padding:5px 10px 7px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-numpad button{ min-height:26px!important;height:26px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom .op-row{ padding:2px 0!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-advanced-options summary{ padding:6px 9px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] #op-create-button{ min-height:38px!important;height:38px!important; } } @media (max-width:900px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-cart{border-right:0!important;} #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-head{ padding:10px 14px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cashier-bottom{ padding:10px 14px 12px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-edit-modes{ margin-bottom:9px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-numeric-cluster{ margin:8px 0!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-mode-actions{ margin:8px 0!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-cart-lines{ padding:9px 13px!important; } #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-mobile-pay{ margin-inline:12px!important; } } /* Mobile: the cart line already displays discount/time; don't duplicate the audit note below the keyboard where it steals the visible cart area. */ @media(max-width:900px){ #wrap.oima-pos-frontend[data-op-page="page_cashier"] .op-discount-audit{display:none!important} } /* v20.0.1.3.4 — restrained header, comfortable dropdown paddings and functional cart feedback. */ #wrap.oima-pos-frontend .op-site-nav .op-logo-link{margin-inline-start:clamp(8px,.9vw,14px)!important;max-width:175px!important;min-height:42px!important} #wrap.oima-pos-frontend .op-site-nav .op-logo-link img{max-width:168px!important;max-height:36px!important;width:auto!important;height:auto!important;object-fit:contain!important} #wrap.oima-pos-frontend .op-site-nav .op-nav-inner{min-height:62px!important} #wrap.oima-pos-frontend .op-site-nav .op-desktop-nav{margin-inline-start:auto!important;justify-content:flex-end!important} #wrap.oima-pos-frontend .op-site-nav .op-desktop-nav a{padding:10px clamp(10px,1vw,17px)!important} #wrap.oima-pos-frontend .op-language-control{appearance:none!important;-webkit-appearance:none!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2353677d' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:14px 14px!important;padding:9px 34px 9px 14px!important;min-width:76px!important;height:39px!important;border-radius:10px!important;margin-inline-end:clamp(8px,.7vw,14px)!important} #wrap.oima-pos-frontend .op-workspace-mobile summary{padding:11px 22px 11px 16px!important;gap:10px!important;min-width:143px!important;min-height:41px!important;justify-content:space-between!important;letter-spacing:0!important} #wrap.oima-pos-frontend .op-workspace-mobile summary .op-action-icon{margin-inline-end:3px!important;font-size:14px} #wrap.oima-pos-frontend .op-workspace-mobile summary .op-action-caret{font-size:12px;margin-inline-start:8px!important} #wrap.oima-pos-frontend .op-workspace-mobile[open] nav{box-sizing:border-box!important;padding:15px 17px!important;right:clamp(18px,2.7vw,38px)!important;left:auto!important;width:min(290px,calc(100vw - 36px))!important;min-width:0!important;max-width:none!important;gap:5px!important} #wrap.oima-pos-frontend .op-workspace-mobile nav a{box-sizing:border-box!important;width:100%!important;text-align:right!important;justify-content:flex-end!important;padding:13px 20px 13px 16px!important;line-height:1.45!important;min-height:46px!important;border-radius:10px!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav nav a{padding-inline-end:22px!important;justify-content:flex-end!important;text-align:right!important} #wrap.oima-pos-frontend .op-site-nav .op-mobile-nav summary{padding:10px 15px!important;gap:10px!important} #wrap.oima-pos-frontend .op-cart-add{touch-action:manipulation!important;user-select:none!important;-webkit-tap-highlight-color:transparent;min-height:42px!important;white-space:nowrap} #wrap.oima-pos-frontend .op-cart-add[data-op-adding="true"]{box-shadow:0 0 0 2px color-mix(in srgb,var(--op-primary) 25%,transparent)} #wrap.oima-pos-frontend .op-cart-feedback{margin:12px 0 10px;padding:11px 14px;background:#e9f8f0;border:1px solid #bfe8d0;border-radius:10px;color:#145f41;font-size:12px;font-weight:700;display:none} #wrap.oima-pos-frontend .op-cart-feedback[data-visible="true"]{display:block} #wrap.oima-pos-frontend .op-cart-feedback[data-error="true"]{background:#fff0f0;border-color:#f1cece;color:#a52b2b} #wrap.oima-pos-frontend .op-cart-counter{white-space:nowrap;background:var(--op-soft);border-radius:999px;padding:5px 9px;margin-left:7px;font-size:11px;color:var(--op-primary)} @media(max-width:800px){ #wrap.oima-pos-frontend .op-site-nav .op-logo-link{margin-inline-start:clamp(3px,1vw,8px)!important;max-width:150px!important;min-width:0!important} #wrap.oima-pos-frontend .op-site-nav .op-logo-link img{max-width:min(142px,42vw)!important;max-height:34px!important} #wrap.oima-pos-frontend .op-site-nav .op-nav-inner{gap:8px!important;min-height:58px!important} #wrap.oima-pos-frontend .op-language-control{margin-left:auto!important;margin-inline-end:3px!important;min-width:67px!important;max-width:67px!important;height:37px!important;padding:8px 29px 8px 10px!important;background-position:right 9px center!important} #wrap.oima-pos-frontend .op-workspace-mobile[open] nav{right:14px!important;padding:13px!important} } /* Oima POS Lite 20.0.1.3.5: approved small control chevrons and right inset */ #wrap.oima-pos-frontend .op-site-nav .op-logo-link{margin-inline-start:clamp(10px,1.2vw,20px)!important} #wrap.oima-pos-frontend .op-site-nav .op-logo-link img{max-width:166px!important;max-height:36px!important} #wrap.oima-pos-frontend .op-language-control{padding-right:38px!important;background-position:right 14px center!important;margin-inline-end:clamp(10px,1.2vw,18px)!important} #wrap.oima-pos-frontend .op-workspace-mobile summary{padding:11px 23px 11px 16px!important;column-gap:12px!important;min-width:154px!important;justify-content:space-between!important} #wrap.oima-pos-frontend .op-workspace-mobile summary .op-action-caret{margin-left:12px!important;margin-right:1px!important} #wrap.oima-pos-frontend .op-workspace-mobile[open] nav{padding:17px 18px!important;right:clamp(18px,2.8vw,40px)!important;box-shadow:0 20px 48px #1e344426!important;border-radius:16px!important} #wrap.oima-pos-frontend .op-workspace-mobile nav a{padding:13px 22px!important;text-align:right!important;justify-content:flex-end!important;border-radius:10px!important;line-height:1.45!important} #wrap.oima-pos-frontend .op-mobile-nav nav a{padding-right:22px!important;text-align:right!important;justify-content:flex-end!important} #wrap.oima-pos-frontend .op-shop-products-scroll{padding-bottom:24px!important} @media(max-width:800px){ #wrap.oima-pos-frontend .op-site-nav .op-logo-link{margin-inline-start:clamp(4px,1.3vw,9px)!important} #wrap.oima-pos-frontend .op-site-nav .op-logo-link img{max-width:min(140px,40vw)!important;max-height:33px!important} #wrap.oima-pos-frontend .op-language-control{padding-right:30px!important;background-position:right 10px center!important;margin-inline-end:5px!important} #wrap.oima-pos-frontend .op-workspace-mobile summary{padding:10px 23px 10px 15px!important;min-width:151px!important} #wrap.oima-pos-frontend .op-workspace-mobile[open] nav{right:14px!important;max-width:calc(100vw - 28px)!important} }