[hidden]{display:none!important}:root{--red:#BF1E2D;--ink:#182631;--muted:#66727b;--line:#e4e8eb;--bg:#f5f7f8;--pale:#fff1f2}*{box-sizing:border-box}body{margin:0;font:15px/1.5 Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.side{width:242px;background:white;border-right:1px solid var(--line);padding:26px 16px;flex:none}.logo{margin:0 12px 35px}.logo img{display:block;width:148px;height:auto}.login-brand .logo img{width:178px;filter:brightness(0) invert(1)}.side small{display:block;color:#87929a;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.12em;margin:0 12px 14px}.nav{display:grid;gap:5px}.nav button{border:0;background:transparent;text-align:left;color:#495862;padding:12px 14px;border-radius:10px;font-weight:600}.nav button.active{background:var(--pale);color:var(--red)}.nav button:hover{background:#f4f5f6}.side-foot{font-size:12px;color:var(--muted);margin:38px 12px}.main{min-width:0;flex:1}.top{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:12px}.top strong{font-size:14px}.account{background:#f5f7f8;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:13px}.content{max-width:1330px;padding:34px 36px 60px;margin:auto}.title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:26px}h1{font-size:28px;letter-spacing:-.04em;margin:0 0 3px}p{margin:0;color:var(--muted)}h2{font-size:17px;margin:0 0 18px;letter-spacing:-.02em}.btn{background:var(--red);border:1px solid var(--red);color:white;padding:11px 16px;border-radius:9px;font-weight:700}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.btn:focus-visible,.nav button:focus-visible,input:focus-visible{outline:3px solid #eaa6ac;outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.card,.panel{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 16px #18263108}.card{padding:21px}.card .label{color:var(--muted);font-size:13px}.card .number{font-size:27px;font-weight:800;letter-spacing:-.04em;margin-top:8px}.card .detail{font-size:12px;color:var(--muted);margin-top:5px}.panel{padding:24px;margin-bottom:18px}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap}.search{height:43px;max-width:410px;width:100%;border:1px solid var(--line);border-radius:9px;padding:0 14px;color:var(--ink)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#76828a;font-size:12px;font-weight:700;background:#fafbfb}td,th{padding:14px 12px;border-bottom:1px solid #edf0f1}tr:last-child td{border-bottom:0}td strong{font-weight:700}.muted{color:var(--muted)}.money{font-weight:700}.tag{border-radius:99px;background:#edf6f0;color:#237047;font-size:12px;font-weight:700;padding:5px 9px}.tag.wait{background:#fff3e4;color:#9b5f10}.tag.red{background:var(--pale);color:var(--red)}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.stepper button{border:0;background:#f8f9fa;width:30px;height:32px}.stepper span{min-width:28px;text-align:center}.product{display:flex;align-items:center;gap:12px}.thumb{width:44px;height:44px;border-radius:9px;background:#f2f4f5;border:1px solid var(--line);display:grid;place-items:center;color:#88949c;font-size:19px}.two{display:grid;grid-template-columns:1fr 320px;gap:18px}.summary{position:sticky;top:20px;align-self:start}.sumline{display:flex;justify-content:space-between;margin:12px 0}.sumline.total{border-top:1px solid var(--line);padding-top:16px;font-size:19px;font-weight:800}.balance{background:var(--ink);color:white;border-radius:12px;padding:24px}.balance small{color:#c2cbd0}.balance strong{display:block;font-size:32px;letter-spacing:-.04em;margin-top:7px}.section{display:none}.section.active{display:block}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-brand{background:var(--ink);color:white;padding:55px;display:flex;flex-direction:column;justify-content:space-between}.login-brand .logo{margin:0}.login-brand h1{font-size:46px;line-height:1.13;max-width:480px}.login-brand p{color:#c9d2d8;max-width:450px;margin-top:20px}.login-brand .bar{height:6px;width:72px;background:var(--red);margin-bottom:25px}.login-form{display:grid;place-items:center;padding:30px}.login-box{width:min(100%,410px)}.login-box h1{font-size:29px}.field{display:grid;gap:7px;margin:20px 0}.field label{font-weight:600;font-size:14px}.field input{height:46px;border:1px solid #cfd6da;border-radius:9px;padding:0 13px;width:100%}.hint{font-size:12px;color:var(--muted);margin-top:15px}.login-box .btn{width:100%;margin-top:12px;height:46px}.mobilebar{display:none}@media(max-width:900px){.side{display:none}.mobilebar{display:flex;overflow:auto;gap:6px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line)}.mobilebar button{white-space:nowrap;border:0;border-radius:8px;background:#f2f4f5;color:var(--ink);padding:8px 11px}.mobilebar button.active{background:var(--pale);color:var(--red)}.top{padding:0 18px}.content{padding:24px 16px}.two{grid-template-columns:1fr}.summary{position:static}.login{grid-template-columns:1fr}.login-brand{min-height:220px;padding:30px}.login-brand h1{font-size:30px}.login-brand p{display:none}.login-form{padding:40px 20px}}@media(max-width:620px){.grid{grid-template-columns:1fr}.title{align-items:start;flex-direction:column}.top{height:60px}.top .account{font-size:11px}.panel{padding:16px}.card{padding:17px}}

.product-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.select{height:43px;border:1px solid var(--line);border-radius:9px;padding:0 12px;color:var(--ink);background:#fff}.toggle{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.toggle button{border:0;background:#fff;color:var(--ink);padding:10px 13px}.toggle button.active{background:var(--pale);color:var(--red);font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.product-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;cursor:pointer}.product-card:hover,.product-row:hover{border-color:#d9a0a5;box-shadow:0 4px 16px #18263112}.product-art{height:145px;background:#eef1f4;display:grid;place-items:center;position:relative}.product-art img{max-width:105px;max-height:80px;filter:grayscale(1);opacity:.22}.product-art span{position:absolute;top:10px;left:10px;background:var(--ink);color:white;font-size:11px;border-radius:30px;padding:3px 8px}.product-body{padding:15px}.product-body h3{font-size:14px;margin:0 0 5px}.product-body small{color:var(--muted)}.product-body .money{font-size:18px;margin:8px 0 12px}.buy{display:flex;gap:7px}.buy input{width:56px;min-width:0;border:1px solid var(--line);border-radius:7px;padding:0 6px;text-align:center}.buy button{flex:1;padding:8px 6px;font-size:12px}.product-row{cursor:pointer}.filter-note{color:var(--muted);font-size:13px}.dates{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.dates label{display:grid;gap:5px;font-size:13px;font-weight:600}.dates input{height:43px;border:1px solid var(--line);border-radius:9px;padding:0 10px;color:var(--ink)}.check{display:flex;align-items:center;gap:9px;font-size:14px;margin:10px 0 16px}.check input{accent-color:var(--red);width:16px;height:16px}.modal-backdrop{position:fixed;inset:0;background:#18263199;display:grid;place-items:center;padding:16px;z-index:20}.modal-backdrop[hidden]{display:none}.modal{background:#fff;width:min(100%,650px);border-radius:15px;box-shadow:0 20px 80px #0003;padding:25px}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.modal-close{border:0;background:#f3f5f6;border-radius:8px;padding:8px 12px}.modal-product{display:grid;grid-template-columns:190px 1fr;gap:22px;margin-top:18px}.modal-product .product-art{height:190px;border-radius:10px}.detail-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0}.modal-actions{display:flex;gap:8px;margin-top:20px}.modal-actions input{width:72px;border:1px solid var(--line);border-radius:8px;padding:8px}.no-results{padding:20px;color:var(--muted)}@media(max-width:620px){.modal-product{grid-template-columns:1fr}.modal-product .product-art{height:125px}.product-controls{width:100%}.product-controls .search{max-width:none}.dates label{flex:1;min-width:135px}}

/* Dua Et Gıda — refreshed portal */
:root{--bg:#f4f6f8;--line:#e3e7ec;--muted:#697680;--pale:#fff0f2}
body{font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit}button{transition:background .15s,box-shadow .15s,transform .15s}.app{display:block}.top{height:90px;padding:0 3.2%;gap:28px;box-shadow:0 3px 20px #18263104}.brand{display:flex;align-items:center;gap:17px;flex:none;border:0;background:none;text-align:left;padding:0;color:var(--ink)}.brand img{width:94px;height:auto}.brand>span{border-left:1px solid var(--line);padding-left:17px}.brand strong{font-size:16px;display:block;letter-spacing:-.4px}.brand small{font-size:11px;display:block;color:var(--muted);margin-top:3px;letter-spacing:.03em}.nav{display:flex;gap:5px;flex:1;justify-content:center}.nav button{display:flex;align-items:center;gap:8px;padding:13px 12px;font-size:13px;white-space:nowrap}.nav svg{width:18px;height:18px}.nav-count{font-size:11px;background:#e9edf0;border-radius:5px;padding:1px 5px}.nav button.active .nav-count{background:#f9d9df}.account{border:0;background:none;display:flex;align-items:center;gap:10px;border-radius:10px;text-align:left;color:var(--ink);padding:8px;flex:none}.account:hover{background:#f5f6f8}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf0f3;font-size:12px;font-weight:700}.account strong{font-size:12px;display:block}.account small{font-size:11px;color:var(--muted);display:block;margin-top:2px}.account-exit{color:var(--muted);margin-left:6px}.content{max-width:1580px;padding:26px 3.2% 60px}.context-line{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.06em;color:#7b8791;margin-bottom:32px}.context-separator{padding:0 12px;color:#b5bec6}.demo-label{font-size:11px;letter-spacing:0}.title{margin-bottom:27px;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--red);margin-bottom:9px}h1{font-size:32px;font-weight:700;letter-spacing:-1.2px;line-height:1.2;margin-bottom:9px}.title p{font-size:14px}.btn{padding:12px 18px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 3px 8px #bf1e2d0c}.btn:hover{background:#a71825;border-color:#a71825}.btn.secondary{box-shadow:none}.btn.secondary:hover{background:#f5f6f8;border-color:#cfd7df}.panel{border-radius:12px;padding:24px;box-shadow:0 4px 18px #18263103}h2{margin-bottom:0;font-weight:650;font-size:17px}.toolbar{margin-bottom:22px;gap:16px}.card{border-radius:12px;box-shadow:0 4px 18px #18263103;padding:25px}.card .number{font-size:30px;font-weight:650}.card .label{font-size:13px}.card .detail{margin-top:9px}.grid{gap:20px;margin-bottom:28px}.search,.select,.dates input{height:46px;border-color:#dfe4e9;background:#fff;border-radius:8px;font-size:13px}.search{max-width:none;width:320px;padding-left:15px}.select{min-width:170px}.product-controls{gap:12px}.toggle{background:#eef1f4;padding:4px;border:0;border-radius:8px}.toggle button{background:transparent;font-size:12px;padding:8px 13px;border-radius:6px}.toggle button.active{background:#fff;box-shadow:0 1px 5px #18263113;color:var(--red)}#products>.panel{background:transparent;border:0;padding:0;box-shadow:none}#products .toolbar{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px;margin-bottom:20px}.filter-note{margin:0 0 15px;font-size:12px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #18263103;transition:transform .16s,box-shadow .16s,border-color .16s}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1826310f}.product-art{height:155px;background:linear-gradient(130deg,#f0f2f5,#e8edf1)}.product-art img{max-width:115px;max-height:74px;opacity:.18}.product-art>span{background:#fff9;border:1px solid #dce2e8;color:#697783;font-size:10px;border-radius:5px;left:14px;top:14px;letter-spacing:.04em;padding:3px 7px}.placeholder-caption{position:absolute;bottom:15px;color:#9aa6b0;font-size:10px;letter-spacing:.09em}.product-body{padding:20px}.product-body h3{font-size:16px;font-weight:700;letter-spacing:-.25px;margin-bottom:5px}.product-body small{font-size:11px}.product-dot{padding:0 3px}.price-line{display:flex;align-items:end;justify-content:space-between;margin:19px 0 16px}.price-line .money{margin:2px 0 0;font-size:23px;letter-spacing:-.8px;font-weight:700}.unit-label{font-size:11px;color:var(--muted);margin-bottom:3px}.buy{gap:9px}.buy input{width:60px;height:40px;font-size:13px}.buy button{font-size:12px;padding:10px}.table-wrap{border-radius:9px}th{font-size:11px;letter-spacing:.025em;color:#687683;background:#f7f9fa;padding:14px}td{padding:18px 14px;font-size:13px}table .money{font-variant-numeric:tabular-nums}.tag{font-size:11px;font-weight:600;padding:5px 9px}#statement .panel:first-of-type{margin-bottom:20px}.balance-card{background:var(--ink);border-radius:12px;color:#fff;display:flex;align-items:center;padding:25px 28px;gap:20px;margin:0 0 25px;max-width:620px;box-shadow:0 10px 24px #18263112}.balance-icon{height:53px;width:53px;border:1px solid #ffffff29;border-radius:12px;display:grid;place-items:center;font-size:25px;color:#fff}.balance-card span{font-size:12px;color:#c3cbd1}.balance-card strong{display:block;font-size:32px;font-weight:600;letter-spacing:-.8px;margin-top:3px;line-height:1.2}.balance-card strong small{font-size:21px;color:#a9b7c2;font-weight:400}.balance-side{margin-left:auto;display:grid;gap:8px;text-align:right}.balance-side small{font-size:11px;color:#a9b7c2}.balance-side .balance-badge{color:#fff;background:#ffffff12;border:1px solid #ffffff20;border-radius:6px;font-size:11px;padding:5px 10px}#statement td:nth-child(n+5),#statement th:nth-child(n+5){text-align:right;font-variant-numeric:tabular-nums}.dates{gap:16px}.dates label{font-size:12px}.dates input{min-width:185px}.dates .btn{height:46px;min-width:125px}#dateError:empty{display:none}.summary{top:24px}.summary h2{margin-bottom:22px}.two>.panel:not(.summary) h2{margin-bottom:22px}.sumline{font-size:13px}.sumline.total{font-size:17px}.login{background:#fff;grid-template-columns:1.05fr 1fr;padding:20px;gap:0}.login-brand{border-radius:18px;padding:48px;background:linear-gradient(150deg,#182631,#273c49);position:relative;overflow:hidden}.login-brand:after{content:'';position:absolute;width:450px;height:450px;border:1px solid #ffffff0c;transform:rotate(-30deg);right:-300px;bottom:130px;pointer-events:none}.login-brand .logo{background:#fff;border-radius:10px;width:140px;padding:12px 16px}.login-brand .logo img{filter:none;width:108px}.login-brand h1{font-size:56px;letter-spacing:-2.5px;line-height:1.12;max-width:500px}.login-brand .eyebrow{color:#e6b4bb;font-size:10px;margin-bottom:22px}.login-brand p{font-size:15px;line-height:1.8;max-width:370px;color:#c0cbd3;margin-top:23px}.login-features{display:grid;gap:15px;color:#af8289;font-size:11px}.login-features strong{font-size:13px;color:#dce3e8;font-weight:500;margin-left:13px}.login-form{padding:60px}.login-box{width:100%;max-width:360px}.login-box h1{font-size:34px;letter-spacing:-1px}.login-box>p{font-size:13px}.field{margin:23px 0}.field label{font-size:12px}.field input{height:48px;background:#fbfcfd;border-color:#dfe4e9;font-size:14px}.login-box .check{font-size:13px;margin:4px 0 20px}.login-box .btn{display:flex;align-items:center;justify-content:space-between;height:49px;font-size:14px;margin-bottom:18px}.login-box .hint{font-size:11px;line-height:1.7;color:#89939b}.modal{padding:28px;border-radius:16px;max-height:90vh;overflow:auto}.modal h2{font-size:24px}.modal-head p{font-size:12px;margin-top:6px}.modal-product{margin-top:25px;grid-template-columns:215px 1fr}.modal-product .product-art{height:235px}.detail-line{font-size:13px;padding:13px 0}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:30;background:var(--ink);color:#fff;padding:15px 22px;border-radius:10px;box-shadow:0 10px 35px #18263130;font-size:13px;max-width:90vw}.mobilebar{display:none}:focus-visible{outline:3px solid #e5a3ac;outline-offset:3px}
@media(min-width:1650px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-art{height:185px}}
@media(max-width:1190px){.top{gap:16px}.brand>span{display:none}.nav{justify-content:start}.nav button{font-size:12px;padding:12px 8px}.account strong{font-size:11px}.product-grid{gap:15px}.product-body{padding:16px}}
@media(max-width:960px){.top{height:76px;padding:0 22px}.top>.nav{display:none}.account{margin-left:auto}.brand>span{display:block}.mobilebar{display:flex;gap:4px;background:#fff;padding:8px 18px;overflow:auto;border-bottom:1px solid var(--line)}.mobilebar button{display:flex;align-items:center;gap:7px;background:none;padding:10px 12px;font-size:12px;border:0;border-radius:7px;white-space:nowrap;color:var(--ink)}.mobilebar button.active{color:var(--red);background:var(--pale)}.mobilebar svg{width:16px;height:16px}.content{padding:23px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-controls{flex:1}.search{width:230px}.login{grid-template-columns:1fr 1fr;padding:12px}.login-brand{padding:30px}.login-brand h1{font-size:39px}.login-form{padding:30px}.two{grid-template-columns:1fr}.summary{position:static}}
@media(max-width:700px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-art{height:145px}.context-line{margin-bottom:25px}.demo-label{display:none}h1{font-size:28px}.title{gap:17px}.title .btn{white-space:nowrap}.grid{gap:10px}.card{padding:17px}.card .number{font-size:24px}.card .label{font-size:12px}.search{width:100%}.product-controls{width:100%}.select{flex:1}.toolbar{gap:10px}.login{display:block;padding:0}.login-brand{display:none}.login-form{min-height:100vh;padding:36px 25px}.login-box:before{content:'';display:block;background:var(--login-logo) no-repeat left center;background-size:120px;width:130px;height:65px;margin-bottom:36px}}
@media(max-width:480px){.content{padding:20px 15px 40px}.brand img{width:74px}.brand>span{padding-left:10px}.brand{gap:10px}.brand strong{font-size:13px}.brand small{font-size:9px}.account strong,.account small,.account-exit{display:none}.top{padding:0 15px}.avatar{height:32px;width:32px}.title{align-items:start;flex-direction:column}.title p{font-size:13px}.product-grid{gap:11px}.product-body{padding:13px}.product-body h3{font-size:14px}.product-body small{font-size:10px}.product-art{height:128px}.product-art img{max-width:86px}.price-line .money{font-size:20px}.buy{gap:5px}.buy input{width:43px}.buy button{font-size:10px;padding:8px 4px}.panel{padding:17px}.balance-card{padding:20px;gap:13px;flex-wrap:wrap}.balance-icon{width:42px;height:42px}.balance-card strong{font-size:28px}.balance-side{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:3px}.dates input{min-width:0;width:100%}.dates .btn{width:100%}.modal{padding:20px}.modal-product{grid-template-columns:1fr}.modal-product .product-art{height:140px}.modal h2{font-size:21px}}

/* Existing payment service */
.payment-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--red);padding:13px 12px;font-size:13px;font-weight:600;white-space:nowrap;border-radius:10px;transition:background .15s}.payment-link:hover{background:var(--pale)}.payment-link svg{width:18px;height:18px;flex-shrink:0}.external-mark{font-size:12px}.payment-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;white-space:nowrap}.payment-action svg{width:18px;height:18px;flex-shrink:0}
@media(max-width:1190px){.nav .payment-link{font-size:12px;padding:12px 8px}}
@media(min-width:961px) and (max-width:1100px){.top>.nav{display:none}.mobilebar{display:flex;gap:4px;background:#fff;padding:8px 18px;overflow:auto;border-bottom:1px solid var(--line)}.mobilebar button{display:flex;align-items:center;gap:7px;background:none;padding:10px 12px;font-size:12px;border:0;border-radius:7px;white-space:nowrap;color:var(--ink)}.mobilebar button.active{color:var(--red);background:var(--pale)}.mobilebar svg{width:16px;height:16px}.account{margin-left:auto}}
@media(max-width:1100px){.mobilebar .payment-link{padding:10px 12px;font-size:12px;gap:7px}}

/* Payment stays inside the portal; frame loads only on first visit. */
.payment-container{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 4px 18px #18263103}.payment-container iframe{display:block;width:100%;height:calc(100vh - 280px);min-height:780px;border:0;background:#fff}.nav button[data-page="payment"]{color:var(--red)}
@media(max-width:700px){.payment-container iframe{min-height:950px}.payment-container{border-radius:9px}}

/* Statement filters and current balance share one row. */
.statement-controls{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:stretch;margin-bottom:24px}.statement-filter{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px;display:flex;flex-direction:column;justify-content:center}.statement-controls .balance-card{max-width:none;margin:0;padding:20px;gap:14px;box-shadow:0 4px 18px #18263108}.statement-controls .balance-icon{width:42px;height:42px;flex-shrink:0;font-size:22px}.statement-controls .balance-card strong{font-size:27px;white-space:nowrap}.statement-controls .balance-side{gap:7px}.statement-controls .balance-badge{font-size:10px;padding:4px 7px}.statement-controls .balance-side small{font-size:10px}
@media(max-width:1100px){.statement-controls{grid-template-columns:1fr}.statement-controls .balance-card{max-width:none}.statement-controls .balance-side{margin-left:auto}}
@media(max-width:480px){.statement-filter{padding:17px}.statement-controls{gap:14px}.statement-controls .balance-card{flex-wrap:nowrap}.statement-controls .balance-side{width:auto;display:grid;margin-top:0;flex-shrink:0}.statement-controls .balance-card strong{font-size:24px}.statement-controls .balance-icon{display:none}}

body{--login-logo:url(../../Images/dua-et-logo.png)} .app-form{margin:0;min-height:100vh} .cart-qty{width:85px;padding:8px;border:1px solid var(--line);border-radius:6px} .remove-item{border:0;background:var(--pale);color:var(--red);padding:8px;border-radius:6px}

/* Real product catalog */
.product-art img.is-product-image{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;filter:none;opacity:1;padding:12px;background:#fff}
.product-art>span{z-index:1;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-card h3,.product-row strong,.detail-description{overflow-wrap:anywhere}
.product-card{display:flex;flex-direction:column}.product-body{flex:1;display:flex;flex-direction:column}.product-body .buy{margin-top:auto}
.product-art{flex-shrink:0}.detail-description{font-size:13px;line-height:1.7;margin-top:15px;white-space:pre-wrap;max-height:200px;overflow:auto}
.detail-categories{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}
.detail-gallery{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.detail-gallery button{background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 10px;color:var(--ink)}
.detail-gallery button[aria-pressed="true"]{color:var(--red);border-color:var(--red);background:var(--pale)}
.catalog-error{padding:20px;border:1px solid #edc9cd;border-radius:10px;background:#fff3f4;margin-bottom:18px}.catalog-error p{margin-bottom:12px}
.catalog-warning{font-size:12px;color:#8c3037;line-height:1.5;margin:10px 0}.catalog-warning:empty{display:none}
button:disabled{opacity:.5;cursor:not-allowed}.product-row .buy{min-width:180px}.product-row td{vertical-align:middle}.row-product{display:flex;gap:12px;align-items:center;min-width:210px}.row-product img{width:48px;height:48px;object-fit:contain;border-radius:6px;background:#fff;flex-shrink:0}.row-product img.is-placeholder{opacity:.35}
.cart-unavailable{font-size:12px;color:#8c3037;margin-top:6px}.price-line{min-height:48px}.price-unavailable{font-size:13px!important;letter-spacing:0!important}
.detail-open{overflow:hidden}#detailPriceLine[hidden]{display:none!important}

/* Keep source aspect ratio and bound both cards and detail dialog. */
.product-card .product-art{height:176px!important;min-height:176px!important;max-height:176px!important;display:block!important;position:relative!important;overflow:hidden!important}
.product-art img.is-product-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;box-sizing:border-box!important;padding:10px!important;filter:none!important;opacity:1!important;background:#fff}
.product-art img.is-placeholder{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:120px!important;max-height:78px!important;width:auto!important;height:auto!important;object-fit:contain!important;opacity:.18!important;filter:grayscale(1)!important}
.modal-product{align-items:start;min-width:0}.modal-product>div{min-width:0}
.modal-product .product-art{height:235px!important;min-height:235px!important;max-height:235px!important;display:block!important;position:relative!important;overflow:hidden!important}
.row-product img.is-product-image{position:static!important;width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;object-fit:contain!important;opacity:1!important;filter:none!important;padding:0!important;background:#fff}
.row-product img.is-placeholder{position:static!important;width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;object-fit:contain!important;opacity:.28!important;transform:none!important}
@media(max-width:700px){.product-card .product-art{height:150px!important;min-height:150px!important;max-height:150px!important}}
@media(max-width:480px){.product-card .product-art{height:128px!important;min-height:128px!important;max-height:128px!important}.modal-product .product-art{height:180px!important;min-height:180px!important;max-height:180px!important}}

.order-submit{width:100%}.order-success{border:1px solid #b7dbc9;background:#f1faf5;color:#1d5b42;padding:16px 20px;border-radius:9px;margin-bottom:18px;font-weight:600}

#cartValidation[hidden]{display:none!important}#cartValidation{margin:0 0 18px;line-height:1.5}

.orders-panel{min-width:0}.orders-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:14px}
.orders-filters label{display:grid;gap:5px;font-size:12px;font-weight:600;color:var(--ink)}
.orders-filters input{height:43px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--ink);background:#fff}
.orders-filters .search{width:min(280px,100%)}.orders-filters .btn{height:43px}
.orders-count{color:var(--muted);font-size:13px;margin:8px 0 16px}.orders-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}
.orders-pager a,.order-detail-link{display:inline-block;text-decoration:none}.order-detail{margin-top:20px;scroll-margin-top:20px}
.order-detail-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}
.order-detail-head h2{font-size:22px;margin:0 0 5px}.order-detail-head p,.order-meta{font-size:13px;color:var(--muted);margin:5px 0 12px}
#orderDateError{color:#9d1925;font-size:12px;margin:0 0 12px}#orderDateError:empty{display:none}
#orders th,#orders td{white-space:nowrap}#orderDetail td:first-child{white-space:normal;min-width:150px}
@media(max-width:700px){.orders-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.orders-filters label:first-child{grid-column:1/-1}.orders-filters .search{width:100%}.orders-filters input{width:100%}.orders-filters .btn{width:100%}.order-detail-head{flex-wrap:wrap}}
/* Dashboard: clear summary and keyboard-friendly links. */
.dashboard-grid{margin-bottom:24px}.dashboard-card{display:block;text-decoration:none;color:inherit;transition:border-color .16s,transform .16s}.dashboard-card:hover,.dashboard-card:focus-visible{border-color:var(--red);transform:translateY(-2px)}.dashboard-card .number{display:block;overflow-wrap:anywhere}.dashboard-shortcuts{margin-top:24px}.dashboard-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.dashboard-shortcuts h2{margin:0}
@media(max-width:700px){.dashboard-links .btn{width:100%;text-align:center}}