/* DietGrill Control — styles ported from the approved design. */
body{margin:0;background:#F5EFE6}
a{color:#0B5D3B}a:hover{color:#063D28}
.ac{font-family:'IBM Plex Sans',system-ui,sans-serif;color:#3E2723;background:#F5EFE6;min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}
.ac[data-lang="ar"],.ac[data-lang="ku"]{font-family:'Noto Sans Arabic','IBM Plex Sans',sans-serif}
.ac *{box-sizing:border-box}
.serif{font-family:'Playfair Display',Georgia,serif;font-weight:700}
.ac[data-lang="ar"] .serif,.ac[data-lang="ku"] .serif{font-family:'Noto Sans Arabic',serif;font-weight:700}
.ar-font{font-family:'Noto Sans Arabic',sans-serif!important}
.muted{color:#6B5348}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;inset-inline-start:12px;top:-80px;z-index:100;background:#0B5D3B;color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:600}
.skip:focus{top:12px;color:#fff}
.ac :focus-visible{outline:3px solid #B8860B;outline-offset:2px}
.flip{display:inline-block}
.ac[dir="rtl"] .flip{transform:scaleX(-1)}
.grain{position:relative;isolation:isolate}
.grain::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.5;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 1px,transparent 1px 5px)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid transparent;font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s,transform .1s}
.btn:active{transform:translateY(1px)}
.btn-primary{background:#0B5D3B;color:#fff}
.btn-primary:hover{background:#084A2F;color:#fff}
.btn-primary[disabled]{opacity:.8;cursor:progress}
.btn-ghost{background:#fff;color:#3E2723;border-color:#C9B48F}
.btn-ghost:hover{background:#FBF8F2;border-color:#9C8664;color:#3E2723}
.btn-danger{background:#A1301E;color:#fff}
.btn-danger:hover{background:#86271A}
.btn-danger-ghost{background:#fff;color:#A1301E;border-color:#E2B4AA}
.btn-danger-ghost:hover{background:#FBEAE6}
.btn-lg{min-height:52px;font-size:16px;width:100%}
.btn-sm{min-height:40px;padding:0 12px;font-size:14px}
.icon-btn{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #C9B48F;background:#fff;color:#3E2723;cursor:pointer;flex-shrink:0}
.icon-btn:hover{background:#FBF8F2}
.icon-btn[disabled]{opacity:.35;cursor:not-allowed}
.spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
/* fields */
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.flabel{font-size:14px;font-weight:600;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;color:#3E2723}
.req{font-size:12px;color:#A1301E;font-weight:500}
.opt{font-size:12px;color:#6B5348;font-weight:500}
.input{width:100%;min-height:48px;border-radius:10px;border:1px solid #9C8664;background:#fff;padding:0 14px;font:inherit;font-size:16px;color:#3E2723;transition:border-color .15s,box-shadow .15s}
.input::placeholder{color:#8C7666}
.input:focus{outline:none;border-color:#0B5D3B;box-shadow:0 0 0 3px rgba(11,93,59,.18)}
.input[aria-invalid="true"]{border-color:#A1301E;box-shadow:0 0 0 3px rgba(161,48,30,.12)}
.ta{min-height:76px;padding:10px 14px;resize:vertical;line-height:1.5}
select.input{appearance:none;padding-inline-end:36px;background-image:linear-gradient(45deg,transparent 50%,#5D4037 50%),linear-gradient(135deg,#5D4037 50%,transparent 50%);background-size:6px 6px,6px 6px;background-repeat:no-repeat;background-position:calc(100% - 18px) 21px,calc(100% - 12px) 21px}
.ac[dir="rtl"] select.input{background-position:18px 21px,12px 21px}
.hint{font-size:13px;color:#6B5348}
.ferr{display:flex;gap:6px;align-items:center;color:#A1301E;font-size:13px;font-weight:500;margin:0}
.counter{font-size:12px;color:#6B5348;text-align:end}
.pw-wrap,.unit-wrap{position:relative}
.pw-wrap .input{padding-inline-end:88px}
.pw-toggle{position:absolute;inset-inline-end:4px;top:4px;min-height:40px;padding:0 12px;border:0;background:transparent;color:#0B5D3B;font:inherit;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.pw-toggle:hover{background:#EEF5F0}
.unit-wrap .input{padding-inline-end:54px}
.unit{position:absolute;inset-inline-end:12px;top:13px;color:#6B5348;font-size:14px;pointer-events:none}
.alert{display:flex;gap:10px;align-items:flex-start;background:#FBEAE6;color:#7A2214;border:1px solid #E7B7AC;border-radius:12px;padding:12px 14px;font-size:14px}
.success{display:flex;gap:12px;align-items:flex-start;background:#E6F2EA;color:#063D28;border:1px solid #A9CDB7;border-radius:14px;padding:14px 16px}
/* switch */
.switch{position:relative;flex-shrink:0;width:60px;height:44px;border:0;background:transparent;padding:0;cursor:pointer}
.switch::before{content:"";position:absolute;inset-inline:4px;top:7px;height:30px;border-radius:999px;background:#9C8664;transition:background-color .2s}
.switch .knob{position:absolute;top:10px;inset-inline-start:7px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:inset-inline-start .2s}
.switch[aria-checked="true"]::before{background:#0B5D3B}
.switch.gold[aria-checked="true"]::before{background:#B8860B}
.switch[aria-checked="true"] .knob{inset-inline-start:29px}
.star{width:44px;height:44px;border:0;background:transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#8C7353}
.star:hover{background:#FBF3E0}
.star svg{fill:none;stroke:currentColor}
.star[aria-pressed="true"]{color:#B8860B}
.star[aria-pressed="true"] svg{fill:#B8860B;stroke:#8A6508}
/* login */
.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:88px 16px 32px;background:#063D28;position:relative;overflow:hidden}
.login-top{position:absolute;top:16px;inset-inline-end:16px;z-index:2}
.login-card{position:relative;z-index:1;width:100%;max-width:420px;background:#FFFDF9;border-radius:20px;padding:32px 24px 26px;box-shadow:0 30px 70px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:18px;border:1px solid rgba(184,134,11,.35)}
.logo-slot{display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #B8860B;font-size:11px;letter-spacing:.14em;font-weight:600;flex-shrink:0}
.login-foot{position:relative;z-index:1;color:#D9C7A7;font-size:13px;margin:0;letter-spacing:.04em}
/* lang segmented */
.seg{display:flex;align-items:center;gap:2px;padding:2px;border-radius:12px;background:#F1E7D6;border:1px solid #E3D5BC}
.segbtn{min-height:44px;min-width:44px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#3E2723;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.segbtn:hover{background:rgba(255,255,255,.6)}
.segbtn[aria-pressed="true"]{background:#063D28;color:#fff}
.seg.dark{background:rgba(245,239,230,.1);border-color:rgba(245,239,230,.28)}
.seg.dark .segbtn{color:#F5EFE6}
.seg.dark .segbtn:hover{background:rgba(245,239,230,.12)}
.seg.dark .segbtn[aria-pressed="true"]{background:#F5EFE6;color:#063D28}
.lg-short{display:none}
.seg-label{font-size:12px;font-weight:600;color:#6B5348;padding-inline:8px 4px;display:flex;align-items:center;gap:6px}
/* shell */
.shell{display:flex;min-height:100vh}
.side{flex:0 0 260px;background:#063D28;color:#F5EFE6;display:flex;flex-direction:column;padding:20px 14px;gap:28px}
.side-brand{display:flex;align-items:center;gap:12px;padding:4px 6px}
.navlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.navbtn{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px;border-radius:10px;background:transparent;border:0;color:#E9E0D0;font:inherit;font-size:15px;font-weight:500;cursor:pointer;text-align:start}
.navbtn:hover{background:rgba(245,239,230,.08)}
.navbtn[aria-current="page"]{background:#0B5D3B;color:#fff;box-shadow:inset 0 0 0 1px rgba(184,134,11,.55)}
.navbtn .navdot{margin-inline-start:auto;width:7px;height:7px;border-radius:50%;background:transparent}
.navbtn[aria-current="page"] .navdot{background:#B8860B}
.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(245,239,230,.14);padding-top:16px}
.side-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:10px;color:#D9C7A7;text-decoration:none;font-size:14px}
.side-link:hover{background:rgba(245,239,230,.08);color:#F5EFE6}
.mainwrap{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 24px;min-height:66px;background:rgba(255,253,249,.95);backdrop-filter:blur(6px);border-bottom:1px solid #E3D5BC}
.hamb{display:none}
.tb-brand{display:flex;align-items:baseline;gap:8px;min-width:0}
.tb-name{font-size:20px;color:#063D28}
.tb-sub{font-size:13px;color:#6B5348;font-weight:600}
.tb-spacer{flex:1 1 auto}
.content{width:100%;max-width:1160px;margin:0 auto;padding:28px 24px 40px}
.view{animation:fadeIn .25s ease both}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.page-head{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
.h1{font-size:32px;margin:0;color:#063D28;line-height:1.15;outline:none}
.card{background:#fff;border:1px solid #E3D5BC;border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(62,39,35,.04)}
.card-h{font-size:20px;margin:0;color:#063D28;line-height:1.25}
.card-sub{font-size:14px;color:#6B5348;margin:4px 0 0}
/* drawer */
.scrim{position:fixed;inset:0;background:rgba(6,40,26,.5);border:0;z-index:55;cursor:pointer;animation:fadeOnly .2s ease both}
.drawer{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(300px,86vw);z-index:60;overflow-y:auto;animation:drawerIn .25s cubic-bezier(.2,.7,.2,1) both;box-shadow:0 0 40px rgba(0,0,0,.35)}
.ac[dir="rtl"] .drawer{animation-name:drawerInR}
@keyframes drawerIn{from{transform:translateX(-100%)}to{transform:none}}
@keyframes drawerInR{from{transform:translateX(100%)}to{transform:none}}
@keyframes fadeOnly{from{opacity:0}to{opacity:1}}
/* stats + home */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.stat{background:#fff;border:1px solid #E3D5BC;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px}
.stat-l{font-size:14px;color:#6B5348;font-weight:600;display:flex;align-items:center;gap:10px}
.stat-i{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.stat-v{font-size:40px;line-height:1;color:#063D28}
.home-grid{display:flex;flex-wrap:wrap;gap:20px}
.home-grid>.card{flex:1 1 340px;min-width:0}
.att-list,.quick{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column}
.att-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #EFE5D3}
.att-item:first-child{border-top:0}
.quick-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 4px;border:0;border-top:1px solid #EFE5D3;background:transparent;font:inherit;font-size:15px;font-weight:600;color:#3E2723;cursor:pointer;text-align:start;text-decoration:none}
.quick li:first-child .quick-btn{border-top:0}
.quick-btn:hover{color:#0B5D3B}
.quick-btn .chev{margin-inline-start:auto;color:#9C8664}
/* list */
.list-card{padding:0;overflow:hidden}
.list-tools{padding:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;border-bottom:1px solid #EFE5D3}
.search{position:relative;flex:1 1 260px;min-width:0}
.search .input{padding-inline-start:44px}
.search svg{position:absolute;inset-inline-start:14px;top:14px;color:#6B5348}
.rows{list-style:none;margin:0;padding:0}
.row{display:grid;grid-template-columns:96px 56px minmax(0,1fr) 120px 64px 160px 168px;grid-template-areas:"order thumb info price best status actions";gap:12px;align-items:center;padding:12px 16px;border-top:1px solid #EFE5D3}
.rows .row:first-child{border-top:0}
.row-head{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6B5348;font-weight:600;padding-block:10px;background:#FBF8F2;border-top:0;border-bottom:1px solid #EFE5D3}
.ac[data-lang="ar"] .row-head,.ac[data-lang="ku"] .row-head{letter-spacing:0;font-size:13px}
.br{display:none}
.c-order{grid-area:order;display:flex;gap:4px}
.c-order .icon-btn{width:42px;height:42px}
.c-thumb{grid-area:thumb}
.c-info{grid-area:info;min-width:0}
.c-price{grid-area:price}
.c-best{grid-area:best}
.c-status{grid-area:status;display:flex;align-items:center;gap:6px}
.c-actions{grid-area:actions;display:flex;gap:8px;justify-content:flex-end}
.thumb{width:56px;height:56px;border-radius:12px;object-fit:cover;display:flex;align-items:center;justify-content:center}
.ph{background:#E9DCC4;color:#5D4037}
.tone-2{background:#DCE8DF;color:#0B5D3B}
.tone-3{background:#EAD9CC;color:#5D4037}
.r-name{font-weight:600;font-size:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#3E2723}
.r-meta{font-size:13px;color:#6B5348}
.lchips{display:flex;gap:4px;margin-top:4px}
.lchip{font-size:11px;font-weight:600;padding:1px 6px;border-radius:6px;letter-spacing:.04em;border:1px solid transparent;font-family:'IBM Plex Sans',sans-serif}
.lc-ok{background:#E3F0E8;color:#0B5D3B}
.lc-miss{background:transparent;color:#A1301E;border:1px dashed #A1301E}
.pill-off{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#F1E7D6;color:#5D4037;letter-spacing:.04em}
.pill-best{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#B8860B;color:#2B1A0E}
.price{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.st-text{font-size:14px;font-weight:500}
.row.is-off .thumb{filter:grayscale(1);opacity:.6}
.row.is-off .r-name{color:#6B5348}
.empty{padding:32px 16px;text-align:center;color:#6B5348;margin:0}
/* form */
.form-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.col-a{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:20px}
.col-b{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:20px}
.cat-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cat-opt{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:0 14px;border:1.5px solid #D9C7A7;border-radius:12px;background:#fff;cursor:pointer;font-weight:600;color:#3E2723}
.cat-opt:focus-within{outline:3px solid #B8860B;outline-offset:2px}
.cat-opt.is-on{border-color:#0B5D3B;background:#EEF5F0;color:#063D28}
.cat-opt .radio-dot{margin-inline-start:auto;width:20px;height:20px;border-radius:50%;border:2px solid #9C8664;display:flex;align-items:center;justify-content:center}
.cat-opt.is-on .radio-dot{border-color:#0B5D3B}
.cat-opt.is-on .radio-dot::after{content:"";width:10px;height:10px;border-radius:50%;background:#0B5D3B}
.price-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px}
.lblocks{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.lblock{border:1px solid #E3D5BC;border-radius:14px;overflow:hidden}
.lhead{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#FBF8F2;border-bottom:1px solid #EFE5D3}
.lbadge{min-width:34px;height:24px;padding:0 6px;border-radius:6px;background:#063D28;color:#F5EFE6;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-family:'IBM Plex Sans',sans-serif}
.lnative{font-weight:600;font-size:15px}
.ldir{font-size:11px;font-weight:600;color:#6B5348;border:1px solid #D9C7A7;border-radius:5px;padding:0 5px;font-family:'IBM Plex Sans',sans-serif;letter-spacing:.06em}
.lstate{margin-inline-start:auto;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}
.lstate.ok{color:#0B5D3B}
.lstate.miss{color:#8A5A12}
.lbody{padding:14px;display:flex;flex-direction:column;gap:12px}
.ldots{display:flex;gap:6px;align-items:center}
.ldot{width:10px;height:10px;border-radius:50%;border:2px solid #9C8664}
.ldot.ok{background:#0B5D3B;border-color:#0B5D3B}
.lprog{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#3E2723;margin-top:12px;padding:8px 12px;background:#FBF8F2;border-radius:10px;width:fit-content}
.nutri{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:220px;padding:20px;border:2px dashed #C9B48F;border-radius:14px;background:#FBF8F2;cursor:pointer;color:#5D4037;transition:background-color .15s,border-color .15s}
.drop:hover{border-color:#0B5D3B;background:#F3F7F2}
.drop.is-drag{border-color:#0B5D3B;background:#E6F2EA}
.photo-card:focus-within .drop{outline:3px solid #B8860B;outline-offset:2px}
.drop-t{font-weight:600;font-size:15px;color:#3E2723}
.ph-prev{border-radius:14px;overflow:hidden;border:1px solid #E3D5BC;background:#FBF8F2}
.ph-prev img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.ph-actions{display:flex;gap:8px;padding:10px}
.ph-actions>*{flex:1 1 0}
.vis-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #EFE5D3}
.vis-row:first-of-type{border-top:0}
.vis-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.vis-l{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px}
.vis-state{font-size:13px;font-weight:600;min-width:64px;text-align:end}
.savebar{position:sticky;bottom:0;z-index:20;margin:24px -24px -40px;padding:12px 24px;background:rgba(255,253,249,.97);border-top:1px solid #E3D5BC;display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.sb-msg{margin-inline-end:auto;font-size:14px;font-weight:600;color:#A1301E;display:flex;gap:6px;align-items:center}
.errsum{outline:none}
.errsum ul{margin:6px 0 0;padding-inline-start:18px}
.errsum a{color:#7A2214;font-weight:600}
/* modal + toast */
.modal-wrap{position:fixed;inset:0;z-index:70;background:rgba(6,30,20,.55);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeOnly .15s ease both}
.modal{background:#fff;border-radius:18px;max-width:420px;width:100%;padding:24px;box-shadow:0 30px 70px rgba(0,0,0,.35);animation:pop .2s ease both}
@keyframes pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.toast-wrap{position:fixed;top:78px;inset-inline:0;display:flex;justify-content:center;z-index:80;pointer-events:none;padding:0 16px}
.toast{background:#063D28;color:#fff;border-radius:12px;padding:12px 16px;display:flex;gap:10px;align-items:center;box-shadow:0 14px 34px rgba(0,0,0,.3);font-size:14px;font-weight:500;border:1px solid rgba(184,134,11,.5);animation:pop .2s ease both;max-width:440px}
.settings-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.settings-grid>.card{flex:1 1 360px;min-width:0}
.stack{display:flex;flex-direction:column;gap:14px}
.check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:500;cursor:pointer}
.check input{width:20px;height:20px;accent-color:#0B5D3B;margin:0}
[hidden]{display:none!important}
@media (max-width:900px){
.side.desk{display:none}
.hamb{display:inline-flex}
.topbar{padding:10px 16px}
.content{padding:20px 16px 32px}
.savebar{margin:20px -16px -32px;padding:10px 16px}
}
@media (max-width:860px){
.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.row-head{display:none}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:14px}
.c-thumb{order:1}.c-info{order:2;flex:1 1 0}.c-best{order:3}
.br{display:block;flex-basis:100%;height:0}
.br1{order:4}.c-status{order:5;flex:1 1 auto}.c-price{order:6}
.br2{order:7}.c-order{order:8}.c-actions{order:9;flex:1 1 auto}
.thumb{width:64px;height:64px}
.c-order .icon-btn{width:44px;height:44px}
}
@media (max-width:600px){
.lg-long{display:none}
.lg-short{display:inline}
.seg-label,.tb-sub,.lbl-wide{display:none}
.h1{font-size:26px}
.stat-v{font-size:32px}
.nutri{grid-template-columns:repeat(2,minmax(0,1fr))}
.price-row{grid-template-columns:minmax(0,1fr) 104px}
.savebar .btn{flex:1 1 0}
.sb-msg{flex-basis:100%}
.login-card{padding:28px 18px 22px}
}
@media (prefers-reduced-motion:reduce){.view,.drawer,.scrim,.modal,.modal-wrap,.toast{animation:none}.switch .knob,.switch::before{transition:none}}