@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--ink:#18211d;--muted:#68716c;--line:#e7e9e6;--paper:#f7f8f5;--green:#184d38;--lime:#d8ef8d}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif}.app-shell{grid-template-columns:225px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:3;background:#fff;flex-direction:column;width:225px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 10px 34px;font-size:17px;font-weight:750;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;font-family:Georgia;font-style:italic;display:grid}.sidebar nav{gap:4px;display:grid}.nav-item{color:#727a75;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;display:flex}.nav-item:hover,.nav-item.active{color:var(--green);background:#eef3ee;font-weight:700}.nav-icon{text-align:center;width:20px;font-size:18px}.sync-card{background:#f1f5ef;border:1px solid #e3e9e1;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:13px;display:flex}.sync-card strong,.rep-card strong{font-size:12px;display:block}.sync-card small,.rep-card small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.sync-dot{background:#83a644;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #dce8c2}.rep-card{border-top:1px solid var(--line);grid-template-columns:36px 1fr auto;align-items:center;gap:9px;margin-top:18px;padding:14px 4px 0;display:grid}.rep-card button{background:0 0;border:0}.avatar{background:#c7d8cf;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.content{grid-column:2;width:100%;max-width:1500px;margin:auto;padding:30px 40px 60px}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:.14em;color:#879088;margin:0 0 6px;font-size:10px;font-weight:800}.topbar h1{margin:0;font-family:Georgia,serif;font-size:28px;font-weight:500}.top-actions{align-items:center;gap:9px;display:flex}.search{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;width:280px;height:40px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:40px;height:40px;position:relative}.icon-button i{background:#d16b52;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.sign-in{background:var(--green);color:#fff;border-radius:10px;align-items:center;height:40px;padding:0 14px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.metrics{background:var(--green);color:#fff;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 28px;display:grid}.metrics>div{border-right:1px solid #ffffff25;padding-right:18px}.metrics>div:last-child{border:0}.metrics span{color:#c5d5cd;font-size:11px;display:block}.metrics strong{margin:9px 0 4px;font-family:Georgia,serif;font-size:27px;font-weight:500;display:block}.metrics em{color:#aabbb2;font-size:10px;font-style:normal}.metrics .up{color:var(--lime)}.progress{background:#ffffff2e;border-radius:8px;height:4px;margin-top:9px}.progress i{background:var(--lime);border-radius:8px;width:71%;height:100%;display:block}.section-heading,.panel-head{justify-content:space-between;align-items:end;margin:30px 0 14px;display:flex}.section-heading h2,.panel h2{margin:0;font-family:Georgia,serif;font-size:21px;font-weight:500}.section-heading button,.panel-head button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:750}.page-heading>span{color:var(--muted);font-size:12px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.product-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;transition:all .2s;overflow:hidden}.product-card:hover,.product-card.selected{border-color:#b8c9bf;transform:translateY(-2px);box-shadow:0 8px 26px #20382c12}.product-art{color:#ffffffa6;place-items:center;height:130px;display:grid;position:relative}.product-art>span{filter:drop-shadow(0 8px 12px #0002);font-family:Georgia;font-size:68px}.product-art small{color:#53605a;background:#ffffffba;border-radius:5px;padding:4px 6px;font-size:8px;position:absolute;top:10px;left:12px}.product-info{padding:13px}.product-info>div:first-child>span{text-transform:uppercase;color:#8c948f;letter-spacing:.08em;font-size:9px}.product-info h3{margin:4px 0 12px;font-size:13px}.price-row{justify-content:space-between;align-items:center;display:flex}.price-row strong{font-family:Georgia;font-size:17px}.price-row span{color:#64845c;background:#edf4e9;border-radius:5px;padding:4px 6px;font-size:9px}.price-row span.low{color:#a45a46;background:#faeee9}.product-info button{border:1px solid var(--line);color:#47514c;cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;width:100%;margin-top:12px;padding:8px;font-size:10px;font-weight:700;display:flex}.product-info button:hover{background:var(--green);color:#fff}.lower-grid{grid-template-columns:1.35fr .65fr;gap:14px;margin-top:22px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.panel-head{align-items:center;margin:0 0 10px}.panel-head>span{color:var(--muted);font-size:10px}.sale-row,.customer-row{border-top:1px solid #eef0ed;grid-template-columns:1fr 80px 90px;align-items:center;padding:12px 0;font-size:11px;display:grid}.sale-row>div strong,.customer-row>div strong{font-size:11px;display:block}.sale-row small,.customer-row small{color:#929994;margin-top:3px;font-size:9px;display:block}.sale-row>b,.customer-row>b{font-family:Georgia;font-size:13px}.sale-row>span,.customer-row>span{color:#65726b;background:#f1f4ee;border-radius:5px;justify-self:end;padding:5px 7px;font-size:9px}.route-panel{position:relative}.route{align-items:center;gap:12px;padding:10px 2px;font-size:10px;display:flex;position:relative}.route i{z-index:1;background:#fff;border:2px solid #a6b1aa;border-radius:50%;width:9px;height:9px}.route i.done{border-color:var(--green);background:var(--lime)}.route-line{background:#dce1dd;width:1px;height:48px;position:absolute;top:76px;left:26px}.customer-panel{margin-top:12px}.customer-panel .panel-head{margin-bottom:12px}.customer-row{grid-template-columns:45px 1fr 100px 100px;padding:15px 5px}.customer-avatar,.order-icon{width:32px;height:32px;color:var(--green);background:#e9efe9;border-radius:9px;place-items:center;font-size:9px;font-weight:800;display:grid}.order-icon{font-size:15px}.toast{color:#fff;z-index:10;background:#173f30;border-radius:10px;padding:13px 18px;font-size:12px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0003}@media (max-width:1000px){.product-grid,.metrics{grid-template-columns:repeat(2,1fr)}.metrics>div:nth-child(2){border:0}.search{width:210px}}@media (max-width:700px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:14px;display:block;position:static}.brand{padding:0 4px 14px}.sidebar nav{display:flex;overflow:auto}.nav-item{min-width:max-content}.sync-card,.rep-card{display:none}.content{padding:22px 15px}.topbar{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.search{order:3;width:auto;position:absolute;top:145px;left:15px;right:15px}.topbar{margin-bottom:75px}.metrics{grid-template-columns:1fr 1fr;padding:18px}.metrics strong{font-size:22px}.product-grid{grid-template-columns:1fr 1fr}.product-art{height:105px}.lower-grid{grid-template-columns:1fr}.sign-in{font-size:10px}.customer-row{grid-template-columns:40px 1fr 70px}.customer-row>span{display:none}}@media (max-width:430px){.product-grid,.metrics{grid-template-columns:1fr}.metrics>div{border-bottom:1px solid #ffffff25;border-right:0;padding-bottom:10px}.metrics>div:last-child{border-bottom:0}.product-art{height:140px}}
.order-grid{grid-template-columns:repeat(4,minmax(220px,1fr));align-items:stretch}.order-card{cursor:pointer;background:#fff;border:1px solid #e4e7e3;border-radius:16px;flex-direction:column;min-height:520px;padding:14px;transition:all .2s;display:flex;box-shadow:0 3px 12px #1f332914}.order-card:hover,.order-card.selected{border-color:#afc3b7;transform:translateY(-2px);box-shadow:0 10px 28px #1f33291c}.card-top{justify-content:space-between;align-items:center;display:flex}.card-top button{color:#34483f;cursor:pointer;background:#fff;border:1px solid #dfe3df;border-radius:9px;width:34px;height:34px;font-size:22px;line-height:1}.card-top strong{font-size:14px}.order-art{border-radius:10px;place-items:center;height:142px;margin:8px 0 10px;display:grid}.order-art>span{color:#fffc;border-radius:17px 17px 22px 22px;place-items:center;width:104px;height:58px;font-size:38px;display:grid;box-shadow:0 12px 18px #20282022}.order-copy>p{text-transform:uppercase;letter-spacing:.1em;color:#89918c;margin:0 0 4px;font-size:9px}.order-copy h3{min-height:36px;margin:0 0 11px;font-size:14px;line-height:1.3}.order-copy>small{color:#747c77;margin-bottom:10px;font-size:11px;display:block}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{border-radius:6px;padding:5px 8px;font-size:9px;font-weight:700}.stock-tag{color:#22654b;background:#e4f2ec}.must-tag{color:#bf5c22;background:#fdf0dd}.promotion{color:#214333;white-space:nowrap;text-overflow:ellipsis;background:#dff274;border-radius:7px;margin-top:9px;padding:8px 9px;font-size:9px;font-weight:700;overflow:hidden}.order-copy em{color:#89908c;margin:6px 0 12px;font-size:9px;font-style:normal;display:block}.commercials{border-top:1px solid #e6e8e6;justify-content:space-between;margin-top:auto;padding-top:13px;display:flex}.commercials>div{gap:6px;font-size:11px;display:grid}.commercials>div:last-child{text-align:right}.commercials strong{font-size:15px}.commercials small{color:#a2a8a4;margin-left:3px;font-size:8px}.stepper{text-align:center;border:1px solid #dfe3e0;border-radius:28px;grid-template-columns:40px 1fr 40px;align-items:center;height:48px;margin-top:16px;padding:4px;display:grid}.stepper button{color:#fff;cursor:pointer;background:#184d38;border:0;border-radius:50%;width:38px;height:38px;font-size:22px}.stepper strong{font-size:14px}@media (max-width:1200px){.order-grid{grid-template-columns:repeat(3,minmax(210px,1fr))}}@media (max-width:900px){.order-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}}@media (max-width:520px){.order-grid{grid-template-columns:1fr}.order-card{min-height:500px}}
.order-art{background:var(--surface)}.order-art img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.order-copy h3{min-height:54px}.promotion{background:var(--tbf-yellow);color:#171717}
:root{--tbf-blue:#2323ff;--tbf-blue-hover:#1515d8;--tbf-blue-light:#eef;--tbf-yellow:#ffe500;--surface:#fff;--surface-muted:#f6f7fa;--border:#dfe3ea;--text-primary:#171923;--text-secondary:#687180;--success:#237443;--warning:#ad5b0d;--danger:#b44037;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--sidebar-width:224px;--sidebar-collapsed-width:76px;--control-height:46px;--radius-small:8px;--radius-control:10px;--radius-card:12px;--focus-ring:0 0 0 3px #2323ff29;--shadow-card:0 2px 8px #141c3c0d;--shadow-raised:0 16px 42px #141c3c1f;--green:var(--tbf-blue);--lime:var(--tbf-yellow);--ink:var(--text-primary);--paper:var(--surface-muted);--muted:var(--text-secondary);--line:var(--border)}*{box-sizing:border-box}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--tbf-blue);outline-offset:2px}.brand-mark,.avatar{background:var(--tbf-blue-light);color:var(--tbf-blue)}.eyebrow,.section-heading button,.panel-head button{color:var(--tbf-blue)}.delivery-note,.promotion{color:#4c4300;background:#fff8bf}.stepper button,.sign-in,.toast{background:var(--tbf-blue)}.stock-tag{color:var(--success);background:#edf8f0}
.tbf-app{background:var(--surface-muted);min-height:100vh;color:var(--text-primary);overflow-x:clip}.lucide{flex:none;display:block}.tbf-side{z-index:20;width:var(--sidebar-width);padding:var(--space-5) var(--space-4);border-right:1px solid var(--border);background:var(--surface);color:var(--text-primary);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.tbf-logo{place-items:center;min-width:0;display:grid}.tbf-logo-full{object-fit:contain;width:124px;height:68px;display:block}.tbf-logo-compact{display:none}.tbf-side nav{gap:var(--space-2);display:grid}.tbf-side nav button{min-height:var(--control-height);padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--text-secondary);align-items:center;gap:var(--space-3);text-align:left;background:0 0;border:0;font-size:13px;font-weight:700;display:flex}.tbf-side nav button:hover{background:var(--surface-muted);color:var(--text-primary)}.tbf-side nav button.active{background:var(--tbf-blue);color:#fff;font-weight:800}.zoho-state{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-muted);color:var(--text-primary);align-items:center;gap:10px;margin-top:auto;padding:10px 11px;display:flex}.zoho-state>i{background:var(--success);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #2374431f}.zoho-state b,.tbf-user b{font-size:11px;line-height:1.2;display:block}.zoho-state small,.tbf-user small{color:var(--text-secondary);margin-top:3px;font-size:9px;display:block}.tbf-user{margin-top:var(--space-3);padding:var(--space-3) 2px 0;border-top:1px solid var(--border);align-items:center;gap:9px;display:flex}.tbf-user>span{background:var(--tbf-blue-light);width:34px;height:34px;color:var(--tbf-blue);border-radius:50%;flex:0 0 34px;place-items:center;font-size:10px;font-weight:900;display:grid}.tbf-main{min-width:0;margin-left:var(--sidebar-width);margin-right:0;padding:26px clamp(20px,2.4vw,34px) 64px;transition:margin-left .2s,margin-right .22s,padding .2s}.tbf-header{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.page-heading{min-width:260px}.tbf-header p,.cart-title p{color:var(--tbf-blue);letter-spacing:.16em;margin:0 0 5px;font-size:9px;font-weight:900}.tbf-header h1,.cart-title h2{color:var(--text-primary);letter-spacing:-.045em;margin:0;font-size:clamp(27px,2.5vw,34px);line-height:1.02}.page-heading>small{border-radius:var(--radius-small);color:#554b00;background:#fff8bf;align-items:center;gap:8px;width:max-content;max-width:100%;margin-top:10px;padding:7px 10px;font-size:9px;display:flex}.page-heading>small b{font-weight:850}.page-heading>small span{color:#716600;font-weight:700}.header-tools{align-items:center;gap:var(--space-2);min-width:0;display:flex}.header-tools label{width:clamp(220px,24vw,320px);height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--text-secondary);align-items:center;gap:9px;padding:0 12px;display:flex}.header-tools label:focus-within{border-color:var(--tbf-blue);box-shadow:var(--focus-ring);color:var(--tbf-blue)}.header-tools input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:12px}.cart-button{min-width:106px;height:var(--control-height);border-radius:var(--radius-control);background:var(--tbf-blue);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:800;display:flex}.cart-button:hover,.submit-order:hover,.add-product:hover,.card-quantity button:hover:not(:disabled),.cart-quantity button:hover:not(:disabled){background:var(--tbf-blue-hover)}.cart-button span{background:var(--tbf-yellow);min-width:22px;height:22px;color:var(--text-primary);border-radius:999px;place-items:center;padding:0 5px;font-size:10px;display:inline-grid}.order-context{margin-top:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);grid-template-columns:minmax(280px,1.45fr) minmax(210px,.85fr) minmax(238px,.9fr);gap:14px;padding:14px;display:grid}.order-context>label,.order-context>.order-step{border-right:0;align-items:center;gap:10px;min-width:0;min-height:68px;padding:0;display:flex}.order-context>label>span,.order-context>.order-step>span{background:var(--tbf-blue);color:#fff;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:900;display:grid}.order-context label div,.order-context .order-step>div{flex:1;min-width:0}.order-context small{color:var(--text-secondary);letter-spacing:.1em;margin:0 0 6px;font-size:8px;font-weight:850;display:block}.order-context select{width:100%;height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--text-primary);outline:0;padding:0 11px;font-size:12px;font-weight:750}.order-context select:focus{border-color:var(--tbf-blue);box-shadow:var(--focus-ring)}.catalogue-head{justify-content:space-between;align-items:end;margin:27px 0 12px;display:flex}.catalogue-head h2{color:var(--text-primary);letter-spacing:-.025em;margin:0;font-size:21px}.catalogue-head p{color:var(--text-secondary);margin:4px 0 0;font-size:10px}.tbf-grid{--product-card-min:clamp(215px, 18vw, 270px);grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--product-card-min)), 1fr));gap:var(--space-3);align-items:stretch;width:100%;display:grid}.tbf-card{background:var(--surface);min-width:0}.cart-drawer{z-index:30;width:clamp(390px,38vw,500px);padding:var(--space-6);background:var(--surface);flex-direction:column;transition:transform .22s;display:flex;position:fixed;inset:0 0 0 auto;transform:translate(100%);box-shadow:-12px 0 35px #11152b24}.cart-drawer.open{transform:translate(0)}.cart-title{padding-bottom:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;display:flex}.cart-title button{border-radius:var(--radius-control);background:var(--surface-muted);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border:0;place-items:center;display:grid}.cart-lines{overflow:auto}.empty-cart{text-align:center;gap:5px;margin:auto;display:grid}.empty-cart span{color:var(--text-secondary);font-size:10px}.cart-summary{border-top:1px solid var(--border);margin-top:auto;padding-top:15px}.cart-summary>div{justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.cart-summary .total{border-top:1px solid var(--border);padding-top:9px;font-size:15px}.cart-summary p{border-radius:var(--radius-small);color:var(--danger);background:#fff0ee;padding:9px;font-size:9px}.cart-summary p.success{color:var(--success);background:#edf8f0}.submit-order{border-radius:var(--radius-control);background:var(--tbf-blue);color:#fff;cursor:pointer;border:0;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 15px;font-size:11px;font-weight:800;display:flex}.submit-order:disabled{opacity:.45;cursor:not-allowed}@media (min-width:1100px){.tbf-app.cart-active .tbf-main{margin-right:clamp(390px,38vw,500px)}}@media (max-width:1050px){.order-context{grid-template-columns:minmax(0,1.25fr) minmax(230px,.8fr)}.header-shipment-date{grid-column:1/-1}}@media (max-width:900px){.tbf-header{align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.header-tools{width:100%}.header-tools label{flex:1;width:auto}}@media (max-width:850px){.tbf-side{width:72px;padding-inline:10px}.tbf-logo-full,.tbf-side nav span,.zoho-state div,.tbf-user div{display:none}.tbf-logo-compact{object-fit:contain;width:24px;height:46px;display:block}.tbf-main{margin-left:72px}.tbf-grid{--product-card-min:215px}}@media (max-width:700px){.order-context{grid-template-columns:1fr}.header-shipment-date{grid-column:auto}}@media (max-width:620px){.tbf-side{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;width:100%;height:62px;padding:8px 14px;position:static}.tbf-logo-compact{display:block}.tbf-side nav,.zoho-state{display:none}.tbf-main{margin:0;padding:18px 13px 54px}.page-heading>small{flex-direction:column;align-items:flex-start;gap:2px}.header-tools{z-index:10;background:var(--surface-muted);padding:8px 0;position:sticky;top:0}.cart-button{min-width:96px}.order-context{margin-top:var(--space-4)}.cart-drawer{width:100%}}@media (prefers-reduced-motion:reduce){.tbf-main,.cart-drawer{transition:none}}
.tbf-card>img[src=""],.cart-line img[src=""]{visibility:hidden}
.order-context.order-context-required{grid-template-columns:minmax(280px,1.45fr) minmax(210px,.85fr) minmax(238px,.9fr)}@media (max-width:1050px){.order-context.order-context-required{grid-template-columns:minmax(0,1.25fr) minmax(230px,.8fr)}.order-context.order-context-required>label:last-child{grid-column:1/-1}}@media (max-width:700px){.order-context.order-context-required{grid-template-columns:1fr}.order-context.order-context-required>label:last-child{grid-column:auto}}