:root{--blue:#087bc1;--blue2:#0870d8;--cyan:#18c7eb;--navy:#0b3150;--ink:#10283c;--muted:#6d7f8d;--line:#dfeaf0;--soft:#f4f9fc;--yellow:#ffd72f;--danger:#d04e4e;--radius:22px;--shadow:0 18px 50px rgba(9,55,88,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:#fff}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button{cursor:pointer}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:10px;font-family:Montserrat,sans-serif;line-height:1}.brand-mark{width:42px;height:42px;background:linear-gradient(135deg,var(--cyan),var(--blue2));clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%);display:grid;place-items:center;color:#fff;font-weight:900;position:relative}.brand-mark:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--yellow);top:7px;right:6px}.brand strong{display:block;letter-spacing:.04em;font-size:1rem}.brand small{display:block;font:700 .63rem Manrope;letter-spacing:.18em;color:var(--blue);margin-top:5px}.site-header{height:82px;display:flex;align-items:center;padding:0 clamp(20px,5vw,74px);position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(218,233,241,.8)}.desktop-nav{margin:auto;display:flex;gap:34px;font-size:.86rem;font-weight:700}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--cyan);transition:.25s}.desktop-nav a:hover:after{right:0}.header-actions{display:flex;gap:10px;align-items:center}.ghost-btn,.primary-btn,.white-btn,.text-btn,.add-btn{border:0;border-radius:12px;padding:13px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px}.ghost-btn{background:#fff;border:1px solid var(--line);color:var(--navy)}.primary-btn{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 10px 24px rgba(8,123,193,.18)}.primary-btn:hover{transform:translateY(-1px)}.primary-btn:disabled,.add-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.white-btn{background:#fff;color:var(--blue);margin-top:24px}.text-btn{padding-inline:4px;background:transparent;color:var(--navy)}.cart-pill{border:0;background:var(--navy);color:#fff;border-radius:999px;padding:10px 12px 10px 16px;display:flex;align-items:center;gap:10px;font-weight:800}.cart-pill b{min-width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--cyan);font-size:.75rem}.menu-btn{display:none;border:0;background:transparent;font-size:1.4rem}.mobile-menu{display:none}.eyebrow{display:inline-block;font-size:.7rem;letter-spacing:.17em;font-weight:900;color:var(--blue);margin-bottom:12px}.eyebrow.light{color:#b7efff}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:64px clamp(24px,6vw,90px) 54px;position:relative;overflow:hidden}.hero-copy{max-width:650px;position:relative;z-index:2}.hero h1,.section-heading h2,.wholesale-copy h2,.about-copy h2,.display-idle h1{font-family:Montserrat,sans-serif;font-size:clamp(2.7rem,5vw,5.15rem);line-height:.93;margin:0;letter-spacing:-.055em;color:var(--navy)}.hero h1 em,.section-heading h2 em,.wholesale-copy h2 em,.display-idle h1 em{font-style:normal;color:var(--cyan)}.hero-copy>p{font-size:1rem;line-height:1.75;color:var(--muted);max-width:590px;margin:28px 0}.hero-actions{display:flex;gap:16px;align-items:center}.hero-stats{display:flex;gap:30px;margin-top:48px}.hero-stats div{display:grid;gap:4px}.hero-stats strong{font-family:Montserrat;font-size:1.2rem;color:var(--navy)}.hero-stats span{font-size:.75rem;color:var(--muted)}.hero-art{height:560px;position:relative;z-index:1}.cyan-blob{position:absolute;inset:55px -130px 20px 50px;background:linear-gradient(140deg,#28d8ef 0%,#05aee5 45%,#0871da 100%);border-radius:44% 10% 26% 40%/36% 28% 18% 50%;transform:rotate(-5deg)}.blue-panel{position:absolute;width:330px;height:500px;right:-110px;top:10px;background:var(--blue2);clip-path:polygon(26% 0,100% 0,100% 88%,37% 100%,0 78%,0 22%);opacity:.94}.hex-frame{position:absolute;width:340px;height:390px;left:80px;top:88px;border:20px solid rgba(255,255,255,.95);clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)}.hero-machine{position:absolute;width:min(94%,520px);left:65px;top:80px;filter:drop-shadow(0 28px 20px rgba(4,53,89,.2))}.hero-machine svg{width:100%}.floating-card{position:absolute;background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:15px 18px;display:grid;gap:4px;z-index:3}.floating-card span{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.floating-card strong{font-size:.85rem}.card-one{left:15px;bottom:85px}.card-two{right:12px;top:98px}.hero-pattern{position:absolute;opacity:.75}.hero-pattern-a{width:80px;height:80px;left:46%;top:60px;background-image:radial-gradient(var(--cyan) 2px,transparent 2px);background-size:13px 13px}.hero-pattern-b{width:120px;height:120px;left:2%;bottom:-50px;border:22px solid var(--cyan);border-radius:50%}.hero-footnote{position:absolute;right:28px;bottom:14px;color:#8ca0ad;font-size:.62rem}.quick-strip{max-width:1280px;margin:0 auto 55px;border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;background:#fff;box-shadow:0 16px 40px rgba(9,55,88,.06)}.quick-strip>div{display:flex;gap:12px;padding:22px;border-right:1px solid var(--line)}.quick-strip>div:last-child{border:0}.strip-icon{width:35px;height:35px;border-radius:10px;background:#e9f8ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.quick-strip p{display:grid;margin:0;gap:4px}.quick-strip strong{font-size:.83rem}.quick-strip small{font-size:.7rem;color:var(--muted)}.catalog-section,.promotions-section,.about-section{padding:80px clamp(24px,6vw,90px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}.section-heading h2{font-size:clamp(2rem,3.3vw,3.3rem);max-width:620px}.section-heading>p{max-width:470px;color:var(--muted);line-height:1.7;font-size:.9rem}.catalog-toolbar{display:flex;gap:16px;align-items:center;margin-bottom:28px}.search-box{border:1px solid var(--line);background:#fff;border-radius:13px;display:flex;align-items:center;gap:10px;padding:0 14px;min-height:48px}.search-box input{border:0;outline:0;width:min(36vw,430px);background:transparent}.search-box span{color:var(--blue);font-size:1.3rem}.category-chips{display:flex;gap:8px;overflow:auto;padding-bottom:3px}.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-size:.75rem;font-weight:800;color:var(--muted)}.chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-media{height:210px;background:linear-gradient(145deg,#effaff,#e7f3f9);position:relative;display:grid;place-items:center;overflow:hidden}.product-media:after{content:"";position:absolute;width:145px;height:145px;background:var(--cyan);opacity:.12;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);right:-25px;bottom:-25px}.part-icon{width:128px;color:var(--blue);position:relative;z-index:1}.part-icon svg{width:100%}.stock-badge,.discount-badge{position:absolute;top:13px;left:13px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:.65rem;font-weight:800;z-index:2}.stock-badge.low{color:#b65a38}.discount-badge{left:auto;right:13px;background:var(--yellow);border:0;color:var(--navy)}.product-content{padding:18px}.product-meta{display:flex;justify-content:space-between;gap:10px;font-size:.65rem;text-transform:uppercase;color:var(--blue);font-weight:900;letter-spacing:.07em}.product-meta small{color:var(--muted);font-size:.63rem}.product-card h3{font-size:1rem;margin:10px 0 18px}.price-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.price-row>div{background:var(--soft);border-radius:12px;padding:10px}.price-row small{display:block;font-size:.6rem;color:var(--muted);margin-bottom:4px}.price-row strong{font-size:.85rem}.price-row del{display:block;font-size:.62rem;color:#9caab2}.wholesale-price{background:#e8f9ff!important}.wholesale-price strong{color:var(--blue)}.add-btn{margin-top:14px;width:100%;background:var(--navy);color:#fff;justify-content:space-between;padding:11px 14px;font-size:.78rem}.add-btn span{background:var(--cyan);width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:1rem}.wholesale-section{margin:50px clamp(24px,6vw,90px);border-radius:30px;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;background:linear-gradient(135deg,#0870d8,#0ca5dd);min-height:460px}.wholesale-visual{position:relative;overflow:hidden;min-height:400px;background:linear-gradient(140deg,#072b47,#0a4c76)}.wholesale-hex{position:absolute;width:360px;height:360px;border:26px solid rgba(27,205,237,.8);left:-40px;top:40px;transform:rotate(20deg);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.wholesale-visual:after{content:"";position:absolute;width:280px;height:280px;background-image:radial-gradient(rgba(255,255,255,.4) 2px,transparent 2px);background-size:16px 16px;right:-80px;bottom:-30px}.wholesale-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);width:230px;height:230px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;align-content:center;box-shadow:0 22px 50px rgba(0,0,0,.2);color:var(--navy)}.wholesale-badge span{font-size:.7rem;letter-spacing:.2em;font-weight:900}.wholesale-badge strong{font:900 2rem Montserrat}.wholesale-badge small{font-weight:800}.wholesale-copy{padding:65px;color:#fff;align-self:center}.wholesale-copy h2{color:#fff;font-size:clamp(2.2rem,3.6vw,4rem)}.wholesale-copy h2 em{font-style:normal;color:var(--yellow)}.wholesale-copy>p{line-height:1.75;color:#d7f3ff;max-width:640px}.wholesale-points{display:flex;gap:20px;margin-top:26px}.wholesale-points>div{display:flex;gap:8px;align-items:center}.wholesale-points b{width:34px;height:34px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center;font-size:.7rem}.wholesale-points span{font-size:.75rem;font-weight:700}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.promo-card{border:1px solid var(--line);border-radius:20px;padding:30px;background:#fff;min-height:210px;position:relative;overflow:hidden}.promo-card.featured{background:var(--navy);color:#fff}.promo-card:after{content:"";position:absolute;width:110px;height:110px;border:15px solid var(--cyan);border-radius:50%;right:-40px;bottom:-40px;opacity:.5}.promo-card>span{font-size:.65rem;font-weight:900;letter-spacing:.14em;color:var(--cyan)}.promo-card h3{font:800 1.4rem Montserrat;margin:14px 0 10px}.promo-card p{font-size:.85rem;line-height:1.65;color:var(--muted)}.promo-card.featured p{color:#bdd0dc}.promo-card a{font-size:.78rem;font-weight:900;color:var(--blue)}.promo-card.featured a{color:var(--yellow)}.about-section{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center;background:#f6fbfd}.about-copy h2{font-size:clamp(2rem,3.5vw,3.5rem)}.about-copy p{color:var(--muted);line-height:1.75}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.about-tags span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-size:.7rem;font-weight:800}.about-panel{min-height:300px;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:30px;color:#fff;display:grid;place-items:center;align-content:center;position:relative;overflow:hidden}.about-panel:before{content:"";position:absolute;width:230px;height:230px;border:22px solid rgba(255,255,255,.2);transform:rotate(25deg);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.about-panel strong,.about-panel span,.about-panel small{z-index:1}.about-panel strong{font:900 4rem Montserrat;letter-spacing:-.06em}.about-panel span{font:800 1.1rem Montserrat;letter-spacing:.3em}.about-panel small{margin-top:20px;letter-spacing:.16em;font-weight:800}.site-footer{padding:34px clamp(24px,6vw,90px);background:#08293f;color:#fff;display:flex;align-items:center;gap:30px}.footer-brand small{color:#6edff4}.site-footer p{margin:auto;color:#97afbd;font-size:.75rem}.site-footer>a{font-size:.75rem;font-weight:900;color:var(--cyan)}.cart-drawer{position:fixed;right:0;top:0;height:100dvh;width:min(470px,100%);background:#fff;z-index:100;transform:translateX(105%);transition:.3s;box-shadow:-20px 0 50px rgba(0,0,0,.15);display:flex;flex-direction:column}.cart-drawer.open{transform:none}.scrim{position:fixed;inset:0;background:rgba(3,27,43,.45);backdrop-filter:blur(3px);z-index:90;opacity:0;pointer-events:none;transition:.25s}.scrim.show{opacity:1;pointer-events:auto}.drawer-head,.dialog-head{padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head h3,.dialog-head h3{margin:0;font:800 1.4rem Montserrat}.icon-btn{border:0;background:var(--soft);width:38px;height:38px;border-radius:10px;font-size:1.4rem}.cart-items{padding:16px 22px;overflow:auto;flex:1}.cart-line{display:grid;grid-template-columns:55px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.mini-part{width:55px;height:55px;background:var(--soft);border-radius:12px;padding:10px;color:var(--blue)}.mini-part svg{width:100%}.cart-line-info{display:grid;gap:6px}.cart-line-info strong{font-size:.84rem}.cart-line-info>span{font-size:.67rem;color:var(--muted)}.cart-line-info>span b{color:var(--blue)}.qty-control{display:flex;align-items:center;gap:8px}.qty-control button{width:27px;height:27px;border:1px solid var(--line);background:#fff;border-radius:8px}.qty-control span{font-weight:800;font-size:.76rem}.cart-line>b{font-size:.8rem}.cart-summary{padding:20px 22px;border-top:1px solid var(--line);background:#fbfdfe}.cart-summary>div{display:flex;justify-content:space-between;font-size:1rem}.cart-summary>div b{font:800 1.25rem Montserrat}.cart-summary small{display:block;color:var(--muted);font-size:.65rem;line-height:1.5;margin:8px 0 15px}.full{width:100%}.cart-empty,.empty-state,.sale-empty{min-height:250px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;color:var(--muted)}.cart-empty div{font-size:2rem}.order-dialog,.pos-dialog,.success-dialog{border:0;border-radius:22px;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.25);width:min(620px,calc(100% - 30px));color:var(--ink)}dialog::backdrop{background:rgba(5,30,46,.55);backdrop-filter:blur(5px)}.order-dialog form,.pos-dialog form{padding-bottom:22px}.order-dialog label,.pos-dialog label,.login-card label{display:grid;gap:7px;font-size:.75rem;font-weight:800;margin:16px 22px}.order-dialog input,.order-dialog select,.order-dialog textarea,.pos-dialog input,.pos-dialog select,.pos-dialog textarea,.login-card input{border:1px solid var(--line);border-radius:11px;padding:12px 13px;outline:0;background:#fff}.order-dialog input:focus,.pos-dialog input:focus,.login-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(24,199,235,.12)}.form-grid{display:grid;grid-template-columns:1fr 1fr}.order-dialog .primary-btn,.pos-dialog .primary-btn{width:calc(100% - 44px);margin:8px 22px 0}.dialog-total{margin:20px 22px 8px;background:var(--soft);padding:14px;border-radius:13px;display:flex;justify-content:space-between}.success-dialog{padding:34px;text-align:center}.success-mark{width:62px;height:62px;border-radius:50%;background:#e9fbf2;color:#1d9a5b;display:grid;place-items:center;font-size:1.8rem;font-weight:900;margin:0 auto 18px}.success-dialog h3{font:800 1.5rem Montserrat;margin:0}.success-dialog p{color:var(--muted);line-height:1.6}.success-dialog .primary-btn{margin-top:18px}
/* POS */.pos-body{background:#edf4f7}.login-screen{min-height:100dvh;display:grid;grid-template-columns:1.1fr .9fr}.login-art{background:linear-gradient(135deg,#082c48,#087bc1);color:#fff;padding:8vw;display:flex;align-items:end;position:relative;overflow:hidden}.login-art h1{font:900 clamp(2.4rem,5vw,5rem)/.98 Montserrat;margin:0 0 20px;max-width:750px}.login-art p{max-width:580px;color:#c7e7f4;line-height:1.7}.login-gear{position:absolute;width:460px;height:460px;border:58px solid rgba(24,199,235,.3);border-radius:50%;right:-100px;top:-110px;box-shadow:inset 0 0 0 28px rgba(255,255,255,.06)}.login-card{align-self:center;justify-self:center;width:min(440px,85%);background:#fff;border-radius:26px;padding:34px;box-shadow:var(--shadow)}.login-card h2{font:800 1.8rem Montserrat;margin:32px 22px 6px}.login-card>p{margin:0 22px 20px;color:var(--muted);line-height:1.6;font-size:.8rem}.login-card>.primary-btn{width:calc(100% - 44px);margin:4px 22px}.demo-login{width:calc(100% - 44px);margin:10px 22px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px;font-weight:800}.login-note{display:block;margin:14px 22px 0;color:#8999a5;line-height:1.5}.pos-shell{min-height:100dvh;display:grid;grid-template-columns:245px 1fr}.pos-sidebar{background:#082b45;color:#fff;position:fixed;inset:0 auto 0 0;width:245px;display:flex;flex-direction:column;padding:18px 14px;z-index:40}.pos-brand{padding:8px 10px 25px}.pos-brand small{color:#6ee2f5}.pos-sidebar nav{display:grid;gap:5px}.pos-sidebar nav button{border:0;background:transparent;color:#98afbd;border-radius:11px;padding:12px 13px;text-align:left;display:flex;gap:12px;font-size:.78rem;font-weight:800}.pos-sidebar nav button.active,.pos-sidebar nav button:hover{background:#0f405f;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:16px 10px;display:grid;gap:10px}.sidebar-bottom a,.sidebar-bottom button{font-size:.72rem;color:#a9bdc8;background:transparent;border:0;text-align:left;padding:0}.pos-main{grid-column:2;min-width:0}.pos-topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30}.pos-topbar>div{display:flex;align-items:center;gap:12px}.sidebar-toggle{display:none;border:0;background:transparent;font-size:1.2rem}.pos-section-label{font-size:.75rem;font-weight:900}.pos-status{font-size:.68rem;color:var(--muted)}.online-dot{width:8px;height:8px;border-radius:50%;background:#3cc67b;box-shadow:0 0 0 4px #e4f8ed}.pos-tab{display:none;padding:28px;max-width:1700px;margin:auto}.pos-tab.active{display:block}.pos-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.pos-title h1{font:800 clamp(1.7rem,3vw,2.5rem) Montserrat;margin:0}.pos-title>p{color:var(--muted);font-size:.75rem}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;position:relative}.metric-icon{width:36px;height:36px;border-radius:10px;background:#eaf9ff;color:var(--blue);display:grid;place-items:center;font-weight:900;margin-bottom:18px}.metric-card small{display:block;color:var(--muted);font-size:.7rem}.metric-card strong{display:block;font:800 1.6rem Montserrat;margin:5px 0}.metric-card p{margin:0;font-size:.67rem;color:#8b9aa5}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head h3{margin:0;font-size:.9rem}.panel-head button{border:0;background:transparent;color:var(--blue);font-size:.67rem;font-weight:900}.list-row,.order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #edf2f5}.list-row>div{display:grid;gap:3px}.list-row strong,.order-row strong{font-size:.74rem}.list-row span,.order-row span{font-size:.62rem;color:var(--muted)}.list-row>b,.order-row>b{font-size:.72rem}.stock-number{color:#b85c3c}.orders-panel{margin-top:14px}.order-row>div{display:grid;gap:3px;flex:1}.status-pill,.soft-badge{background:#e8f8ff;color:var(--blue)!important;border-radius:999px;padding:6px 9px;font-size:.6rem!important;font-weight:900}.mini-empty{padding:35px 12px;text-align:center;color:var(--muted);font-size:.72rem}.mini-empty.big{padding:80px}.sale-tier{background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;display:flex;gap:4px;align-items:center}.sale-tier span{font-size:.65rem;font-weight:900;padding:0 7px}.sale-tier button{border:0;background:transparent;border-radius:8px;padding:8px 11px;font-size:.68rem;font-weight:800}.sale-tier button.active{background:var(--navy);color:#fff}.sale-layout{display:grid;grid-template-columns:1fr 420px;gap:16px}.sale-products{min-width:0}.pos-search{background:#fff;margin-bottom:14px}.pos-search input{width:100%}.pos-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pos-product{border:1px solid var(--line);background:#fff;border-radius:15px;padding:12px;text-align:left;display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center}.pos-product:hover{border-color:var(--cyan)}.pos-product:disabled{opacity:.45}.pos-product-icon{width:54px;height:54px;border-radius:12px;background:var(--soft);padding:9px;color:var(--blue)}.pos-product-icon svg{width:100%}.pos-product>div:nth-child(2){display:grid;gap:3px;min-width:0}.pos-product span,.pos-product small{font-size:.57rem;color:var(--muted)}.pos-product strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-product>b{font-size:.69rem}.sale-cart{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;position:sticky;top:82px;height:fit-content}.danger-text{color:var(--danger)!important}.sale-lines{max-height:55vh;overflow:auto}.sale-line{display:grid;grid-template-columns:43px 1fr auto;gap:9px;align-items:center;border-top:1px solid #edf2f5;padding:11px 0}.sale-line-icon{width:43px;height:43px;padding:7px;border-radius:10px;background:var(--soft);color:var(--blue)}.sale-line-icon svg{width:100%}.sale-line>div:nth-child(2){display:grid;gap:4px}.sale-line strong{font-size:.69rem}.sale-line span{font-size:.6rem;color:var(--muted)}.sale-line>b{font-size:.68rem}.sale-empty{min-height:180px}.discount-row{border-top:1px solid var(--line);padding:14px 0;display:flex;align-items:end;gap:5px}.discount-row label{font-size:.64rem;font-weight:800;display:grid;gap:6px;flex:1}.discount-row input{border:1px solid var(--line);border-radius:10px;padding:9px;width:100%}.sale-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sale-total strong{font:900 1.7rem Montserrat;color:var(--blue)}.table-panel{padding:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.72rem}th{text-align:left;color:var(--muted);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;padding:12px 15px;border-bottom:1px solid var(--line)}td{padding:12px 15px;border-bottom:1px solid #edf2f5;white-space:nowrap}td small{display:block;color:var(--muted);font-size:.56rem}.table-product{display:flex;align-items:center;gap:9px}.table-product>span{width:38px;height:38px;padding:7px;border-radius:9px;background:var(--soft);color:var(--blue)}.table-product svg{width:100%}.stock-low{color:#c05a38}.table-action{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-size:.63rem;font-weight:800}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.inventory-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;grid-template-columns:50px 1fr auto;gap:10px;align-items:center}.inventory-icon{width:50px;height:50px;padding:9px;border-radius:11px;background:var(--soft);color:var(--blue)}.inventory-icon svg{width:100%}.inventory-card>div:nth-child(2){display:grid;gap:3px}.inventory-card>div:nth-child(2)>span,.inventory-card small{font-size:.57rem;color:var(--muted)}.inventory-card h3{font-size:.75rem;margin:0}.inventory-count{text-align:center}.inventory-count strong{display:block;font:800 1.2rem Montserrat}.inventory-count span{font-size:.55rem;color:var(--muted)}.inventory-count.low strong{color:#c35c3b}.stock-actions{grid-column:2/4;display:flex;gap:6px}.stock-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;font-size:.6rem;font-weight:800}.promo-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.promo-admin-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;justify-content:space-between;gap:20px}.promo-admin-card.active{border-color:#bcecf6}.promo-admin-card h3{font:800 1rem Montserrat;margin:4px 0 8px}.promo-admin-card p{font-size:.75rem;color:var(--muted);line-height:1.6;margin:0}.promo-admin-card>div:last-child{display:flex;flex-direction:column;align-items:end;gap:10px}.switch{width:42px;height:23px;border:0;border-radius:999px;background:#cbd7de;padding:3px}.switch span{display:block;width:17px;height:17px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#35b979}.switch.on span{transform:translateX(19px)}.delete-link{border:0;background:transparent;color:var(--danger);font-size:.6rem}.web-order{padding:18px 0;border-top:1px solid #edf2f5}.web-order:first-child{border-top:0}.web-order-head{display:flex;justify-content:space-between;gap:20px}.web-order-head>div:first-child{display:grid;gap:4px}.web-order-head span{font-size:.6rem;color:var(--muted)}.web-order-head h3{font:800 1rem Montserrat;margin:0}.web-order-head p{margin:0;font-size:.68rem;color:var(--muted)}.web-order-head>div:last-child{text-align:right}.web-order-head strong{display:block;font:800 1rem Montserrat;margin-bottom:5px}.web-order-head select{border:1px solid var(--line);border-radius:8px;padding:6px;font-size:.62rem}.web-order-items{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.web-order-items span{background:var(--soft);border-radius:999px;padding:6px 8px;font-size:.58rem}.web-order-items b{color:var(--blue)}.order-note{margin-top:10px;font-size:.64rem;color:#756c50;background:#fff8df;border:1px solid #f3e5a7;padding:8px 10px;border-radius:9px}.display-config-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.feature-panel{padding:28px}.feature-icon{width:58px;height:58px;border-radius:16px;background:#e7f9ff;color:var(--blue);display:grid;place-items:center;font-size:1.6rem}.feature-panel h3{font:800 1.25rem Montserrat;margin:18px 0 8px}.feature-panel p{font-size:.77rem;color:var(--muted);line-height:1.65}.feature-panel .ghost-btn{margin-left:7px}.customer-preview{background:linear-gradient(135deg,#072e4a,#087bc1);border-radius:20px;padding:18px;color:#fff;min-height:360px}.preview-top{display:flex;justify-content:space-between;font-size:.58rem;font-weight:900;letter-spacing:.1em;color:#b8e8f4}.preview-lines{margin-top:35px;display:grid;gap:12px}.preview-lines span{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:10px;font-size:.72rem}.preview-lines em{font-style:normal}.preview-total{margin-top:30px;display:flex;justify-content:space-between;align-items:end}.preview-total span{font-size:.65rem;letter-spacing:.18em}.preview-total strong{font:900 2.4rem Montserrat;color:var(--yellow)}.preview-idle{min-height:290px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px}.preview-idle strong{font:800 1.5rem Montserrat}.preview-idle span{font-size:.75rem;color:#bce4ef}.info-banner,.camera-warning{margin-top:14px;border:1px solid #cbe8f2;background:#eefaff;border-radius:13px;padding:13px 15px;font-size:.68rem;line-height:1.6;color:#466575}.camera-warning{margin:0 0 16px}.camera-warning strong{display:block;color:var(--navy);font-size:.75rem}.camera-warning p{margin:4px 0 0}.camera-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.camera-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.camera-view{height:330px;background:#061b29;position:relative;display:grid;place-items:center}.camera-view video,.camera-view img{width:100%;height:100%;object-fit:cover}.camera-live{position:absolute;left:12px;top:12px;background:rgba(0,0,0,.6);color:#ff8585;border-radius:999px;padding:6px 9px;font-size:.58rem;font-weight:900}.camera-meta{padding:12px 14px;display:flex;justify-content:space-between}.camera-meta>div{display:grid;gap:3px}.camera-meta strong{font-size:.75rem}.camera-meta span{font-size:.56rem;color:var(--muted)}.camera-meta button{border:0;background:transparent;color:var(--danger);font-size:.6rem}.camera-empty{grid-column:1/-1;min-height:360px;background:#fff;border:1px dashed #bdd0da;border-radius:18px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.camera-placeholder{font-size:2.5rem;color:var(--cyan)}.camera-empty h3{font:800 1.2rem Montserrat;margin:8px 0}.camera-empty p{font-size:.72rem;color:var(--muted)}.camera-form-note{margin:10px 22px 5px;background:#fff8df;padding:10px;border-radius:10px;font-size:.64rem;line-height:1.55}.switch-row{display:flex!important;justify-content:space-between!important}.camera-error{color:#fff;font-size:.7rem}
/* customer display */.display-body{height:100dvh;overflow:hidden;background:#eef7fa;color:#fff}.display-header{height:90px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.display-brand .brand-mark{width:50px;height:50px}.display-brand strong{font-size:1.2rem}.display-status{font-size:.7rem;font-weight:800;color:var(--muted);display:flex;gap:8px;align-items:center}.display-status span{width:8px;height:8px;background:#33bf74;border-radius:50%;box-shadow:0 0 0 5px #e7f8ef}.display-main{height:calc(100dvh - 90px);display:grid;grid-template-columns:1.25fr .75fr}.display-items{background:#f7fbfd;color:var(--ink);padding:4vw;overflow:auto}.display-title{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--line);padding-bottom:18px;margin-bottom:10px}.display-title span{font:900 clamp(1.7rem,3vw,3rem) Montserrat}.display-title small{color:var(--muted);text-transform:capitalize}.customer-line{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.customer-line>div{display:flex;gap:18px;align-items:center}.customer-line>div>strong{width:58px;height:58px;border-radius:15px;background:#e5f8ff;color:var(--blue);display:grid;place-items:center;font:800 1.1rem Montserrat}.customer-line span{display:grid;gap:3px;font-weight:800}.customer-line small{font-size:.63rem;color:var(--muted)}.customer-line>b{font:800 1rem Montserrat}.display-total-panel{background:linear-gradient(150deg,#082d49,#087bc1);padding:4vw;display:flex;flex-direction:column;position:relative;overflow:hidden}.display-graphic{height:40%;position:relative}.display-graphic>div{position:absolute;width:300px;height:300px;background:var(--cyan);border-radius:45% 20% 36% 50%;right:-80px;top:-120px;opacity:.25}.display-graphic svg{width:180px;position:absolute;right:3vw;top:0;fill:none;stroke:#fff;stroke-width:5;opacity:.9}.display-summary{margin-top:auto}.display-summary>div:first-child{display:flex;justify-content:space-between;color:#bce6f2;font-size:.75rem;margin-bottom:16px}.grand-total{border-top:1px solid rgba(255,255,255,.2);padding-top:18px;display:flex;justify-content:space-between;align-items:end}.grand-total span{font-size:.75rem;letter-spacing:.18em}.grand-total strong{font:900 clamp(2.4rem,5vw,5rem) Montserrat;color:var(--yellow)}.display-total-panel footer{margin-top:30px;font-size:.7rem;color:#b9dae6}.display-idle{height:calc(100dvh - 90px);background:linear-gradient(135deg,#082f4c 0,#087bc1 58%,#16c9e9);display:grid;place-items:start;align-content:center;padding:8vw;position:relative;overflow:hidden}.display-idle:after{content:"";position:absolute;width:540px;height:540px;border:60px solid rgba(255,255,255,.16);border-radius:50%;right:-110px;bottom:-120px}.display-idle h1{color:#fff;max-width:900px;font-size:clamp(3rem,6vw,6.5rem);z-index:1}.display-idle p{font-size:1.1rem;color:#d1f2f8;z-index:1}.display-idle .eyebrow{z-index:1}
@media (max-width:1150px){.desktop-nav{gap:18px}.product-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1.05fr .95fr}.hero-art{height:500px}.quick-strip{margin-inline:24px}.pos-product-grid{grid-template-columns:repeat(2,1fr)}.sale-layout{grid-template-columns:1fr 360px}.inventory-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.desktop-nav,.hide-sm{display:none}.menu-btn{display:block}.mobile-menu{position:absolute;top:72px;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow)}.mobile-menu.open{display:grid}.mobile-menu a{padding:12px;border-radius:10px;font-size:.8rem;font-weight:800}.mobile-menu a:hover{background:var(--soft)}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{max-width:720px}.hero-art{height:430px;margin-top:10px}.hero-machine{left:50%;transform:translateX(-50%);width:470px}.cyan-blob{left:20%;right:-20%}.card-one{left:10%}.card-two{right:7%}.quick-strip{grid-template-columns:1fr 1fr}.quick-strip>div:nth-child(2){border-right:0}.quick-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.product-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column}.catalog-toolbar{align-items:stretch;flex-direction:column}.search-box input{width:100%}.wholesale-section{grid-template-columns:1fr}.wholesale-visual{min-height:330px}.wholesale-copy{padding:40px}.promo-grid{grid-template-columns:1fr 1fr}.about-section{grid-template-columns:1fr}.site-footer{flex-wrap:wrap}.site-footer p{order:3;width:100%;margin:0}.pos-shell{grid-template-columns:1fr}.pos-sidebar{transform:translateX(-105%);transition:.25s;box-shadow:20px 0 40px rgba(0,0,0,.15)}.sidebar-open .pos-sidebar{transform:none}.pos-main{grid-column:1}.sidebar-toggle{display:block}.metric-grid{grid-template-columns:1fr 1fr}.sale-layout{grid-template-columns:1fr}.sale-cart{position:relative;top:0}.pos-product-grid{grid-template-columns:repeat(3,1fr)}.display-config-grid{grid-template-columns:1fr}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-card{margin:50px auto}.camera-view{height:260px}.display-main{grid-template-columns:1fr .65fr}}
@media (max-width:680px){.site-header{height:70px;padding-inline:16px}.brand-mark{width:38px;height:38px}.brand strong{font-size:.9rem}.hero{padding:38px 18px 30px;min-height:auto}.hero h1{font-size:clamp(2.6rem,13vw,4rem)}.hero-copy>p{font-size:.9rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-stats{gap:16px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px}.hero-art{height:340px}.hero-machine{width:360px;top:30px}.hex-frame{width:250px;height:280px;left:50%;transform:translateX(-50%);top:40px}.cyan-blob{inset:30px -100px 0 50px}.blue-panel{height:320px}.floating-card{padding:10px 12px}.card-one{left:0;bottom:20px}.card-two{right:0;top:44px}.hero-footnote{position:static;font-size:.58rem;margin-top:8px}.quick-strip{margin:15px 16px 35px;grid-template-columns:1fr}.quick-strip>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.quick-strip>div:last-child{border-bottom:0!important}.catalog-section,.promotions-section,.about-section{padding:55px 18px}.product-grid{grid-template-columns:1fr}.product-media{height:190px}.wholesale-section{margin:30px 16px;border-radius:22px}.wholesale-copy{padding:30px 22px}.wholesale-points{flex-direction:column}.promo-grid{grid-template-columns:1fr}.about-panel strong{font-size:3rem}.site-footer{padding:28px 18px}.form-grid{grid-template-columns:1fr}.metric-grid,.dashboard-grid{grid-template-columns:1fr}.pos-tab{padding:18px 12px}.pos-topbar{padding:0 14px}.pos-status{font-size:0}.pos-status b{font-size:.65rem}.pos-title{align-items:start;flex-direction:column}.pos-title>.primary-btn{width:100%}.sale-tier{width:100%}.sale-tier button{flex:1}.pos-product-grid{grid-template-columns:1fr}.pos-product{grid-template-columns:50px 1fr auto}.inventory-grid,.promo-admin-grid,.camera-grid{grid-template-columns:1fr}.inventory-card{grid-template-columns:45px 1fr auto}.feature-panel .ghost-btn{margin:8px 0 0;width:100%}.feature-panel .primary-btn{width:100%}.camera-view{height:220px}.web-order-head{flex-direction:column}.web-order-head>div:last-child{text-align:left}.display-header{height:72px;padding:0 18px}.display-brand .brand-mark{width:40px;height:40px}.display-status{font-size:0}.display-main{height:calc(100dvh - 72px);grid-template-columns:1fr}.display-total-panel{position:fixed;left:0;right:0;bottom:0;height:180px;padding:20px}.display-items{padding:22px 18px 210px}.display-graphic{display:none}.grand-total strong{font-size:2rem}.display-total-panel footer{margin-top:12px}.display-idle{height:calc(100dvh - 72px);padding:35px 22px}.display-idle h1{font-size:clamp(2.6rem,13vw,4.4rem)}.customer-line>div>strong{width:44px;height:44px}.customer-line{padding:13px 0}.cart-line{grid-template-columns:48px 1fr auto}.mini-part{width:48px;height:48px}}

/* Lenzo Motopartes v0.2 additions */
.tracking-section{margin:0 auto;max-width:1400px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;padding:70px clamp(20px,5vw,72px);background:linear-gradient(135deg,#0a78c3,#10b9e6);color:#fff;border-radius:34px;overflow:hidden;position:relative}.tracking-copy h2{font-family:Montserrat,sans-serif;font-size:clamp(34px,4vw,62px);line-height:1.02;margin:10px 0 16px}.tracking-copy h2 em{font-style:normal;color:#b9f4ff}.tracking-copy p{max-width:650px;opacity:.92}.tracking-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-top:28px}.tracking-form label{display:grid;gap:7px;font-weight:800;font-size:12px}.tracking-form input{height:48px;border:0;border-radius:14px;padding:0 14px;font:inherit;min-width:0}.tracking-form .white-btn{height:48px;border:0;cursor:pointer}.tracking-card{background:#fff;color:var(--ink);border-radius:26px;padding:26px;box-shadow:0 24px 70px rgba(5,41,68,.18);min-height:300px;display:flex;flex-direction:column;justify-content:center}.tracking-empty{text-align:center;color:var(--muted)}.tracking-empty>span{display:grid;place-items:center;margin:0 auto 14px;width:58px;height:58px;border-radius:18px;background:#eaf8fd;color:var(--blue);font-size:28px}.tracking-empty strong{display:block;color:var(--ink);font-size:19px}.tracking-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.tracking-order-head>div{display:grid;gap:3px}.tracking-order-head span,.tracking-order-head small{color:var(--muted);font-size:12px}.tracking-order-head strong{font-size:20px}.tracking-order-head>b{font-size:24px;color:var(--blue)}.tracking-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:26px 0}.tracking-step{position:relative;display:grid;justify-items:center;gap:8px;text-align:center;color:#a6b5bf;font-size:11px}.tracking-step:before{content:"";position:absolute;left:-50%;right:50%;top:15px;height:3px;background:#e6eef3;z-index:0}.tracking-step:first-child:before{display:none}.tracking-step>span{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf3f6;font-weight:900}.tracking-step.done{color:var(--blue)}.tracking-step.done:before{background:#71d5ec}.tracking-step.done>span{background:#dff8fc;color:#0876b8}.tracking-step.current>span{background:var(--blue);color:#fff;box-shadow:0 0 0 6px #e2f4fc}.tracking-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tracking-meta>div{background:var(--soft);padding:12px;border-radius:14px;display:grid;gap:3px}.tracking-meta span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.tracking-meta strong{font-size:12px;word-break:break-word}.tracking-meta .paid{color:#178056}.tracking-meta .pending{color:#a36a00}.tracking-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tracking-items span{background:#f5fafc;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px}.tracking-error{padding:24px;border-radius:18px;background:#fff3f3;border:1px solid #ffd5d5;color:#8a3131}.tracking-error strong{font-size:18px}.tracking-error p{margin:6px 0 0;color:#985858}.address-fields{border:1px solid var(--line);background:#f8fbfd;border-radius:18px;padding:16px;margin:10px 0}.success-actions{display:grid;gap:10px;width:100%}.full{width:100%}

.nav-count{margin-left:auto;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;padding:0 6px;background:#ffdd50;color:#0b3150;font-size:10px}.sale-tier button b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:rgba(255,255,255,.2);margin-left:4px;font-size:10px}.sale-tier button:not(.active) b{background:#eaf2f6;color:var(--navy)}.payment-box{display:grid;gap:10px;padding:14px;border-radius:16px;background:#f6fafc;border:1px solid var(--line);margin:12px 0}.payment-box label{display:grid;gap:6px;font-size:11px;font-weight:800}.payment-box input,.payment-box select,.orders-toolbar select,.order-actions-row select,.code-controls input,.code-controls select,.settings-card input,.settings-card select,.settings-card textarea{width:100%;border:1px solid #d9e5ec;border-radius:12px;padding:10px 12px;background:#fff;font:inherit;color:var(--ink)}.change-row{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--line)}.change-row strong{font-size:20px;color:var(--blue)}.payment-warning{min-height:15px;color:#c33;font-weight:700}.row-actions{display:flex;align-items:center;gap:10px}.order-payment-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);gap:20px}.pending-orders-panel,.order-payment-panel{min-height:540px}.pending-orders-list{display:grid;gap:10px;margin-top:14px}.pending-order-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px;display:flex;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;color:var(--ink)}.pending-order-card:hover,.pending-order-card.selected{border-color:#62bde8;box-shadow:0 0 0 3px rgba(8,123,193,.08)}.pending-order-card>div{display:grid;gap:3px}.pending-order-card span,.pending-order-card small{font-size:10px;color:var(--muted)}.pending-order-card strong{font-size:13px}.pending-order-card>b{font-size:15px;color:var(--blue)}.order-pay-customer{display:grid;gap:2px;background:var(--soft);padding:12px;border-radius:14px}.order-pay-customer span{font-size:12px;color:var(--muted)}.order-pay-lines{display:grid;margin:14px 0}.order-pay-lines>span{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.order-pay-lines em{font-style:normal;font-weight:800}.orders-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;margin-bottom:16px}.orders-list{display:grid;gap:16px}.order-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 8px 30px rgba(19,58,84,.05)}.order-card.cancelled{opacity:.72}.order-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.order-card-head>div:first-child>span{font-size:10px;color:var(--muted)}.order-card-head h3{margin:4px 0;font-size:17px}.order-card-head p{margin:0;color:var(--muted);font-size:12px}.order-total-box{display:grid;justify-items:end;gap:5px}.order-total-box>strong{font-size:20px;color:var(--blue)}.payment-pill{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.payment-pill.pending{background:#fff3d8;color:#9a6a00}.payment-pill.paid{background:#e0f7ea;color:#16784c}.order-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:18px 0}.order-timeline>span{position:relative;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:5px;padding:9px;border-radius:12px;background:#f4f8fa;color:#93a5af;font-size:10px}.order-timeline>span.done{background:#e9f8fc;color:#0878ba}.order-timeline>span.current{background:#d9f3fb;box-shadow:inset 0 0 0 1px #8ed9ec}.order-timeline.cancelled{display:block;background:#fff0f0;color:#a33;padding:10px;border-radius:12px}.order-actions-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:end}.order-actions-row label{display:grid;gap:5px;font-size:10px;font-weight:800;color:var(--muted)}.danger-outline{border:1px solid #efb8b8;background:#fff;color:#b64040;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer}.danger-outline:disabled,.ghost-btn:disabled{opacity:.45;cursor:not-allowed}.order-details{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.order-details summary{cursor:pointer;color:var(--blue);font-size:12px;font-weight:800}.order-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.order-detail-grid>div{background:#f7fafc;border-radius:12px;padding:10px;display:grid;gap:3px}.order-detail-grid span{font-size:9px;text-transform:uppercase;color:var(--muted);letter-spacing:.06em}.order-detail-grid strong{font-size:12px}.order-detail-grid small{font-size:10px;color:var(--muted);word-break:break-word}.web-order-items em{margin-left:auto;font-style:normal;color:var(--ink)}

.driver-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.driver-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:start}.driver-card.inactive{opacity:.6}.driver-avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#0c7dc2,#20c4e8);color:#fff;display:grid;place-items:center;font:900 22px Montserrat,sans-serif}.driver-info>span{font-size:9px;letter-spacing:.08em;color:var(--muted)}.driver-info h3{margin:3px 0}.driver-info p{margin:0;color:var(--muted);font-size:12px}.driver-info small{display:block;margin-top:8px;color:var(--muted)}.driver-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.driver-tags span{font-size:9px;padding:5px 7px;border-radius:999px;background:#edf4f7}.driver-tags .available{background:#dff6e9;color:#1d7c51}.driver-tags .busy{background:#fff0dc;color:#a56400}.driver-actions{display:flex;gap:8px;align-items:center}

.code-layout{display:grid;grid-template-columns:minmax(320px,.65fr) minmax(0,1fr);gap:20px}.code-controls{display:grid;gap:14px;align-content:start}.code-controls label,.settings-card label{display:grid;gap:6px;font-size:11px;font-weight:800}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check-grid label{display:flex;align-items:center;gap:8px;background:#f4f8fa;border-radius:12px;padding:10px;font-size:11px}.check-grid input{width:auto}.label-preview-panel{min-height:460px}.label-stage{min-height:380px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#f5f8fa,#f5f8fa 10px,#eef4f7 10px,#eef4f7 20px);border-radius:18px;padding:24px}.print-label-preview{width:min(420px,90%);background:#fff;border:1px solid #d3dde3;box-shadow:0 12px 35px rgba(22,51,71,.12);padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center;min-height:160px}.print-label-preview>strong{font-size:14px;line-height:1.1}.print-label-preview>small{font-size:10px}.print-label-preview>b{font-size:16px}.label-logo{max-width:90px;max-height:42px;object-fit:contain;margin-bottom:4px}.label-code{width:100%;display:grid;place-items:center;min-height:70px;margin:4px 0}.label-code svg{max-width:90%;height:68px}.label-code canvas,.label-code img{max-width:92px!important;max-height:92px!important}

.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{display:grid;gap:12px;align-content:start}.settings-card h3{margin:0 0 5px}.settings-save-card{align-self:start}.settings-save-card p{color:var(--muted)}.logo-config-preview{min-height:76px;border:1px dashed #bfd1db;border-radius:14px;background:#f7fafc;display:flex;align-items:center;gap:14px;padding:10px}.logo-config-preview img{width:64px;height:54px;object-fit:contain;background:#fff;border-radius:10px}.logo-config-preview span{font-size:11px;color:var(--muted)}.settings-saved{min-height:18px;color:#1e8155;font-weight:800;font-size:12px}

@media (max-width:1100px){.tracking-section{grid-template-columns:1fr}.tracking-form{grid-template-columns:1fr 1fr}.tracking-form .white-btn{grid-column:1/-1}.tracking-meta{grid-template-columns:repeat(2,1fr)}.order-payment-layout,.code-layout{grid-template-columns:1fr}.driver-grid{grid-template-columns:1fr}.order-detail-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.order-actions-row{grid-template-columns:1fr 1fr}.order-actions-row button{width:100%}}
@media (max-width:720px){.tracking-section{padding:44px 18px;border-radius:0}.tracking-form{grid-template-columns:1fr}.tracking-steps{grid-template-columns:1fr;gap:6px}.tracking-step{grid-template-columns:30px 1fr;justify-items:start;text-align:left;align-items:center}.tracking-step:before{display:none}.tracking-meta{grid-template-columns:1fr}.orders-toolbar{grid-template-columns:1fr}.order-card{padding:15px}.order-card-head{display:grid}.order-total-box{justify-items:start}.order-timeline{grid-template-columns:1fr 1fr}.order-actions-row{grid-template-columns:1fr}.order-detail-grid{grid-template-columns:1fr}.driver-card{grid-template-columns:44px 1fr}.driver-avatar{width:44px;height:44px}.driver-actions{grid-column:2}.check-grid{grid-template-columns:1fr 1fr}.row-actions{align-items:flex-end;flex-direction:column}.sale-tier{width:100%;overflow:auto;justify-content:flex-start}.sale-tier span{display:none}}

/* v0.4 · ERP/POS integral, multisucursal, PWA y tiempo real */
.online-dot.offline{background:#e6a228!important;box-shadow:0 0 0 4px rgba(230,162,40,.14)!important}.product-promo-note{display:inline-flex;max-width:100%;margin:-8px 0 12px;padding:5px 8px;border-radius:999px;background:#fff6c9;color:#6b5700;font-size:.61rem;font-weight:900}.sale-promo{display:block!important;color:#8a6d00!important;font-size:.58rem!important;margin-top:2px}.table-promo{display:block;color:#997500;font-size:.58rem;font-weight:800;margin-top:3px}.promo-card>small{display:block;margin-top:12px;color:inherit;opacity:.72;font-size:.65rem}.promo-admin-card{gap:18px}.promo-admin-card>div:first-child>small{display:block;color:var(--muted);font-size:.68rem;line-height:1.5;margin-top:8px}.promo-admin-value{display:inline-flex;margin:4px 0 2px;color:var(--blue);font:900 1.1rem Montserrat,sans-serif}.promo-target-box{margin:8px 22px 16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.promo-target-box>span{display:block;font-size:.72rem;font-weight:900;margin-bottom:9px}.promo-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:210px;overflow:auto}.promo-targets label{margin:0!important;display:flex!important;align-items:center;gap:8px;background:#fff;padding:9px 10px;border:1px solid var(--line);border-radius:10px;font-size:.68rem!important}.promo-targets input{width:auto!important;margin:0}.promo-rule-note{margin:8px 22px 12px;padding:11px 12px;border-radius:12px;background:#eef9ff;color:#31647e;font-size:.68rem;line-height:1.5}.settings-help{margin:0;color:var(--muted);font-size:.73rem;line-height:1.55}.promo-dialog{width:min(720px,calc(100% - 30px))}

.display-status b{font-weight:800}.display-idle{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:center;gap:5vw;padding:5vw 6vw}.display-idle:after{z-index:0}.display-idle-copy{position:relative;z-index:2}.display-idle-copy h1{font-size:clamp(2.8rem,5.3vw,6rem)}.display-idle-slider{position:relative;z-index:2;width:100%;min-height:440px;display:grid;place-items:center}.display-catalog-card{width:min(680px,100%);min-height:390px;background:#fff;color:var(--ink);border-radius:30px;padding:30px;display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:center;box-shadow:0 30px 70px rgba(3,38,63,.25);animation:displaySlideIn .45s ease}.display-catalog-media{height:310px;border-radius:24px;background:linear-gradient(145deg,#eefaff,#dff3fb);display:grid;place-items:center;position:relative;overflow:hidden}.display-catalog-media>span{position:absolute;right:14px;top:14px;background:var(--yellow);color:var(--navy);font-size:.72rem;font-weight:900;padding:8px 11px;border-radius:999px}.display-catalog-media img{width:100%;height:100%;object-fit:cover}.display-product-icon{width:62%;color:var(--blue)}.display-product-icon svg{width:100%}.display-catalog-card small{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-weight:900}.display-catalog-card h2{font:900 clamp(1.55rem,2.5vw,2.5rem) Montserrat,sans-serif;line-height:1.03;margin:9px 0 8px;color:var(--navy)}.display-catalog-card p{font-size:.78rem;color:#8b6d00;background:#fff6cc;border-radius:10px;padding:8px 10px;margin:0 0 15px}.display-price{display:grid;grid-template-columns:1fr auto;align-items:end;border-top:1px solid var(--line);padding-top:14px}.display-price span{font-size:.7rem;color:var(--muted)}.display-price strong{font:900 2rem Montserrat;color:var(--blue)}.display-price del{grid-column:2;color:#99a6ad;font-size:.72rem}.display-wholesale{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;background:#eaf9ff;border-radius:11px}.display-wholesale span{font-size:.7rem;color:var(--muted)}.display-wholesale b{font-size:.9rem;color:var(--blue)}.display-slider-empty{padding:30px;border:1px solid rgba(255,255,255,.25);border-radius:20px;color:#d7f5ff}

.display-compact-slider{height:118px;min-height:118px;margin-bottom:18px;position:relative;z-index:3}.display-mini-promo{height:100%;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:12px;display:grid;grid-template-columns:76px 1fr auto;gap:12px;align-items:center;animation:displaySlideIn .35s ease}.display-mini-promo>div{height:76px;border-radius:13px;background:#fff;display:grid;place-items:center;overflow:hidden;color:var(--blue)}.display-mini-promo>div img{width:100%;height:100%;object-fit:cover}.display-mini-promo .display-product-icon{width:58%}.display-mini-promo section{display:grid;gap:3px;min-width:0}.display-mini-promo section>span{font-size:.55rem;letter-spacing:.12em;color:#a9efff;font-weight:900}.display-mini-promo section>strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display-mini-promo section>small{font-size:.6rem;color:#c7e8f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display-mini-promo>b{font:900 1rem Montserrat;color:var(--yellow);white-space:nowrap}.display-total-panel .display-graphic{height:24%;min-height:90px}.display-total-panel .display-graphic svg{width:125px}.display-total-panel .display-summary{margin-top:auto}@keyframes displaySlideIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

@media (max-width:1100px){.display-idle{grid-template-columns:1fr 1fr;padding:4vw}.display-catalog-card{grid-template-columns:1fr;min-height:0;padding:20px}.display-catalog-media{height:220px}.display-catalog-card h2{font-size:1.55rem}.promo-targets{grid-template-columns:1fr}}
@media (max-width:900px){.display-idle{grid-template-columns:1fr;overflow:auto;align-content:start;padding:34px 24px}.display-idle-copy h1{font-size:clamp(2.5rem,8vw,4rem)}.display-idle-slider{min-height:360px}.display-catalog-card{grid-template-columns:.8fr 1.2fr}.display-catalog-media{height:240px}.display-compact-slider{height:95px;min-height:95px;margin-bottom:10px}.display-mini-promo{grid-template-columns:58px 1fr auto}.display-mini-promo>div{height:58px}.display-total-panel .display-graphic{display:none}}
@media (max-width:680px){.display-idle{height:calc(100dvh - 72px);display:block;overflow:auto;padding:26px 16px}.display-idle-copy{margin-bottom:22px}.display-idle-copy h1{font-size:2.35rem}.display-idle-slider{min-height:0}.display-catalog-card{grid-template-columns:1fr;padding:16px;border-radius:20px}.display-catalog-media{height:170px}.display-catalog-card h2{font-size:1.35rem}.display-price strong{font-size:1.5rem}.display-compact-slider{position:absolute;left:14px;right:14px;top:12px;height:66px;min-height:66px;margin:0}.display-mini-promo{grid-template-columns:44px 1fr auto;padding:7px;gap:8px;border-radius:12px}.display-mini-promo>div{height:44px;border-radius:9px}.display-mini-promo section>small{display:none}.display-mini-promo>b{font-size:.8rem}.display-summary{padding-top:72px}.display-total-panel{height:210px}.display-items{padding-bottom:235px}.promo-target-box{margin-inline:14px}}
.product-photo{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.product-media:has(.product-photo):after{background:linear-gradient(180deg,transparent,rgba(5,42,66,.12));clip-path:none;width:100%;height:45%;right:0;bottom:0}
/* v0.4 storefront refinements */
.product-card-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:stretch}.share-product-btn{border:1px solid #cfe1ef;border-radius:12px;background:#f6fbff;color:#087bc1;font-weight:900;font-size:18px;cursor:pointer}.share-product-btn:hover{background:#e9f6ff}.fitment-badge{display:inline-flex;max-width:100%;margin:7px 0 0;padding:5px 8px;border-radius:9px;background:#eef7ff;color:#226899;font-size:11px;font-weight:700;line-height:1.25}.site-footer>#installApp{margin-right:auto}@media(max-width:620px){.product-card-actions{grid-template-columns:1fr 42px}}

/* v0.5 · flujo de pedidos por sucursal */
.next-order-btn{display:inline-flex;align-items:center;gap:.45rem}.next-order-btn span{font-size:.72rem;opacity:.82}.transfer-readonly{display:inline-block;margin-top:.35rem;padding:.32rem .55rem;border-radius:8px;background:#eef4f7;color:#5f7482;font-weight:700}.order-card.transferred-away{opacity:.82;border-style:dashed}.order-transfer-history{margin:.8rem 0;padding:.7rem;border:1px solid #d9e5ec;border-radius:12px;background:#f8fbfd}.order-transfer-history h4{margin:0 0 .45rem}.order-transfer-history .transfer-line{display:flex;justify-content:space-between;gap:.8rem;padding:.4rem 0;border-top:1px solid #e3ebf0;font-size:.76rem}.branch-order-info{margin-top:.45rem;padding:.65rem .75rem;border-radius:12px;background:#eef8fd;color:#315c74;font-size:.78rem}.branch-order-info.warning{background:#fff4e6;color:#8a5a13}.tracking-transfer-note{margin:.75rem 0;padding:.75rem;border-radius:12px;background:#eef7fc;border:1px solid #d7e9f3;color:#315f79}.tracking-transfer-note strong{display:block;margin-bottom:.18rem}
