:root{--primary:#9e0b25;--primary-strong:#7c0219;--primary-soft:#c2455b;--gold:#d4a24e;--pomegranate:#7b2d3a;--bg:#f7f3ec;--surface:#fffdf9;--surface-2:#f2ece1;--text:#1c1b1a;--text-soft:#6b6459;--line:#e5ddcd;--success:#2f7d4f;--success-bg:#e5f3ea;--danger:#a13345;--danger-bg:#f9e9ec;--focus:#c2455b;--font-arabic:"Vazirmatn","Noto Naskh Arabic",sans-serif;--font-latin:"Inter",system-ui,sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--radius:12px;--radius-lg:18px;--shadow:0 1px 2px rgba(28,27,26,.05),0 8px 24px rgba(28,27,26,.07);--ease:cubic-bezier(0.22,0.8,0.36,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-arabic);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}:lang(en) body,body:lang(en){font-family:var(--font-latin);line-height:1.55}h1,h2,h3{line-height:1.35;margin:0}p{margin:0}a{color:var(--primary)}.ornament{display:flex;align-items:center;gap:var(--s3);color:var(--gold);opacity:.9;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ornament:after,.ornament:before{content:"";flex:1 1;height:1px;background:linear-gradient(to var(--ornament-dir,right),transparent,var(--line))}.ornament:after{background:linear-gradient(to var(--ornament-dir-rev,left),transparent,var(--line))}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{justify-content:space-between;gap:var(--s4);padding:var(--s3) clamp(var(--s4),4vw,var(--s6));background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-border-after:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));border-block-end:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{gap:var(--s3);font-weight:700}.brand__mark{inline-size:38px;block-size:38px;border-radius:50%;background:#f7f3ec;border:1px solid var(--line);display:grid;place-items:center}.brand__mark img{inline-size:15px;block-size:auto;display:block}.brand__sub{font-size:12px;color:var(--text-soft);font-weight:500}.main{inline-size:min(1080px,100% - clamp(var(--s4),6vw,var(--s7)) * 2);margin-inline:auto;padding-block:var(--s6) var(--s8);flex:1 1}.page-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s4);-webkit-margin-after:var(--s5);margin-block-end:var(--s5)}.page-head h1{font-size:27px;font-weight:800;letter-spacing:-.01em}.page-head .sub{color:var(--text-soft);font-size:14px;-webkit-margin-before:var(--s1);margin-block-start:var(--s1)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:10px 18px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s2);transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease),opacity .16s;min-block-size:44px}.btn:hover{box-shadow:var(--shadow)}.btn:active{transform:translateY(1px)}.btn:focus-visible,.input:focus-visible,.select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn--primary{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 86%,#fff) 0,var(--primary) 60%);border-color:color-mix(in srgb,var(--primary) 80%,#000);color:#fff}.btn--primary:hover{background:var(--primary-strong)}.btn--danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.btn--ghost{border-color:transparent;background:transparent}.btn--sm{padding:6px 12px;min-block-size:36px;font-size:13px}.spinner{inline-size:16px;block-size:16px;border-radius:50%;border:2px solid;border-inline-start-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.field{display:grid;grid-gap:var(--s1);gap:var(--s1)}.field>label{font-size:13px;font-weight:600;color:var(--text-soft)}.field .error{color:var(--danger);font-size:12.5px;min-block-size:1.2em}.input,.select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:10px 14px;font:inherit;font-size:14.5px;min-block-size:44px;inline-size:100%;transition:border-color .16s var(--ease)}.input:hover,.select:hover{border-color:var(--primary-soft)}.input[aria-invalid=true]{border-color:var(--danger)}.checks{display:flex;flex-wrap:wrap;gap:var(--s3)}.check{display:inline-flex;align-items:center;gap:var(--s2);font-size:14px;cursor:pointer;min-block-size:44px}.check input{inline-size:18px;block-size:18px;accent-color:var(--primary)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.table-wrap{overflow-x:auto}.table{inline-size:100%;border-collapse:collapse;font-size:14px}.table th{text-align:start;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft);font-weight:600;background:var(--surface-2)}.table td,.table th{padding:var(--s3) var(--s4);-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line)}.table td{vertical-align:middle}.table tbody tr{transition:background .14s var(--ease)}.table tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.table tbody tr:last-child td{-webkit-border-after:none;border-block-end:none}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:600}.badge:before{content:"";inline-size:7px;block-size:7px;border-radius:50%;background:currentColor}.badge--active{color:var(--success);background:var(--success-bg)}.badge--suspended{color:var(--danger);background:var(--danger-bg)}.skeleton{display:block;block-size:14px;border-radius:6px;background:linear-gradient(90deg,var(--surface-2) 25%,color-mix(in srgb,var(--surface-2) 40%,var(--surface)) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.state{text-align:center;padding:var(--s7) var(--s5);display:grid;grid-gap:var(--s3);gap:var(--s3);justify-items:center}.state__icon{font-size:34px}.state h3{font-size:17px}.state p{color:var(--text-soft);font-size:14px;max-inline-size:42ch}.overlay{position:fixed;inset:0;z-index:40;background:rgba(20,18,15,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:var(--s4);animation:fade .18s var(--ease)}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);inline-size:min(560px,100%);max-block-size:90dvh;overflow-y:auto;padding:var(--s5);display:grid;grid-gap:var(--s4);gap:var(--s4);animation:rise .22s var(--ease)}.modal h2{font-size:19px}.modal .grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3)}@media (max-width:560px){.modal .grid2{grid-template-columns:1fr}}.modal__actions{display:flex;justify-content:flex-end;gap:var(--s3);-webkit-margin-before:var(--s2);margin-block-start:var(--s2)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.toast{position:fixed;inset-block-end:var(--s5);inset-inline-start:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:var(--shadow);z-index:60;animation:rise .22s var(--ease)}[dir=rtl] .toast{transform:translateX(50%)}.login{min-height:100dvh;display:grid;place-items:center;padding:var(--s5);background:radial-gradient(1100px 500px at 80% -10%,color-mix(in srgb,var(--primary-soft) 14%,transparent),transparent 60%),radial-gradient(900px 480px at 10% 110%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 60%),var(--bg)}.login__card{inline-size:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--s6);display:grid;grid-gap:var(--s4);gap:var(--s4)}.login__head{display:grid;grid-gap:var(--s2);gap:var(--s2);justify-items:center;text-align:center}.login__head h1{font-size:21px}.login__head p{color:var(--text-soft);font-size:13.5px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.builder{display:grid;grid-template-columns:260px 1fr;grid-gap:var(--s5);gap:var(--s5);align-items:start}@media (max-width:860px){.builder{grid-template-columns:1fr}}.rail{display:grid;grid-gap:var(--s2);gap:var(--s2)}.rail__item{display:flex;align-items:center;gap:var(--s2);inline-size:100%;text-align:start;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:10px 14px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;min-block-size:44px;transition:border-color .16s var(--ease),background .16s var(--ease)}.rail__item:hover{border-color:var(--primary-soft)}.rail__item[aria-current=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface))}.rail__item .count{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--text-soft);font-weight:500;font-size:12.5px}.rail__mini{display:flex;gap:2px}.rail__mini .btn{min-block-size:28px;padding:2px 8px;font-size:12px;border-color:transparent}.item-row{display:flex;align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line)}.item-row:last-child{-webkit-border-after:none;border-block-end:none}.item-row__thumb{inline-size:56px;block-size:56px;border-radius:10px;object-fit:cover;background:var(--surface-2);flex-shrink:0}.item-row__body{flex:1 1;min-inline-size:0;display:grid;grid-gap:2px;gap:2px}.item-row__name{font-weight:700;font-size:15px;display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.item-row__meta{color:var(--text-soft);font-size:12.5px;display:flex;gap:var(--s3);flex-wrap:wrap}.item-row__price{font-weight:700;white-space:nowrap}.item-row__price .was{color:var(--text-soft);text-decoration:line-through;font-weight:500;font-size:12.5px;-webkit-margin-start:6px;margin-inline-start:6px}.item-row__actions{display:flex;align-items:center;gap:var(--s2);flex-shrink:0}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:1px 10px;font-size:11.5px;font-weight:600;background:var(--surface-2);color:var(--text-soft)}.chip--gold{background:color-mix(in srgb,var(--gold) 18%,var(--surface));color:var(--gold)}.chip--danger{background:var(--danger-bg);color:var(--danger)}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0;inline-size:100%;block-size:100%;cursor:pointer}.switch .track{inline-size:40px;block-size:22px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);transition:background .18s var(--ease);position:relative}.switch .track:after{content:"";position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:16px;block-size:16px;border-radius:50%;background:var(--text-soft);transition:transform .18s var(--ease),background .18s var(--ease)}.switch input:checked+.track{background:color-mix(in srgb,var(--success) 30%,var(--surface-2))}.switch input:checked+.track:after{transform:translateX(18px);background:var(--success)}[dir=rtl] .switch input:checked+.track:after{transform:translateX(-18px)}.switch input:focus-visible+.track{outline:2px solid var(--focus);outline-offset:2px}.opt-group{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3);display:grid;grid-gap:var(--s3);gap:var(--s3);background:var(--surface-2)}.opt-group .row{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}.opt-group .input,.opt-group .select{background:var(--surface);min-block-size:38px;padding-block:6px}.modal--wide{inline-size:min(760px,100%)}.section-label{font-size:13px;font-weight:700;color:var(--text-soft);letter-spacing:.03em}.rail__select{all:unset;cursor:pointer;flex:1 1;min-inline-size:0;display:flex;align-items:center;gap:var(--s2)}.rail__select:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.hint{font-size:12.5px;color:var(--text-soft)}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3)}@media (max-width:560px){.grid2{grid-template-columns:1fr}}.brd{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:var(--s5);gap:var(--s5);align-items:start}@media (max-width:960px){.brd{grid-template-columns:1fr}}.brd__form{display:grid;grid-gap:var(--s5);gap:var(--s5);min-inline-size:0}.brd__section{padding:var(--s5);display:grid;grid-gap:var(--s4);gap:var(--s4)}.brd__section h2{font-size:16px}.brd__theme-row{display:grid;grid-gap:var(--s2);gap:var(--s2);-webkit-margin-before:var(--s2);margin-block-start:var(--s2)}.brd__theme-cat{font-size:12px;font-weight:700;color:var(--text-soft);letter-spacing:.04em}.brd__themes{display:flex;flex-wrap:wrap;gap:var(--s2)}.brd__theme{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600;border:2px solid var(--line);cursor:pointer;transition:border-color .15s ease-out,transform .15s ease-out}.brd__theme:hover{transform:translateY(-1px)}.brd__theme:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.brd__theme--on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.brd__theme-dot{inline-size:12px;block-size:12px;border-radius:50%;flex:none}.brd__colors{display:flex;flex-wrap:wrap;gap:var(--s3)}.brd__color{display:inline-flex;align-items:center;gap:8px;font-size:13px;border:1px solid var(--line);border-radius:var(--radius);padding:6px 10px;background:var(--surface-2);cursor:pointer}.brd__color input[type=color]{inline-size:30px;block-size:30px;padding:0;border:none;border-radius:8px;background:none;cursor:pointer}.brd__color input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.brd__color input[type=color]::-webkit-color-swatch{border:1px solid var(--line);border-radius:6px}.brd__color code{font-size:11.5px;color:var(--text-soft)}.brd__color-hex{inline-size:84px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.brd__color-hex:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.brd__color-hex:disabled{opacity:.6;cursor:not-allowed}.brd__color-hex[data-invalid=true]{border-color:var(--danger)}.brd__grades{display:flex;flex-wrap:wrap;gap:var(--s2)}.brd__grade{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.brd__grade--pass{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.brd__grade--large-only{color:#b07a1e;background:color-mix(in srgb,#d99b2b 16%,transparent)}.brd__grade--fail{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.brd__preview{position:-webkit-sticky;position:sticky;inset-block-start:var(--s5);display:grid;grid-gap:var(--s3);gap:var(--s3)}.brd__preview-head{display:grid;grid-gap:2px;gap:2px}.phone{border-radius:28px;border:6px solid var(--line);overflow:hidden;box-shadow:var(--shadow);min-block-size:420px;transition:background .2s ease-out,color .2s ease-out}.phone__hero{position:relative;block-size:150px}.phone__hero img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.phone__hero-fallback{inline-size:100%;block-size:100%;opacity:.85}.phone__video-chip{position:absolute;inset-block-start:8px;inset-inline-end:8px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:3px 8px;border-radius:999px}.phone__hero-text{position:absolute;inset-block-end:0;inset-inline:0;padding:24px 14px 10px;display:grid;grid-gap:2px;gap:2px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.62))}.phone__hero-text strong{font-size:16px}.phone__hero-text small{font-size:11.5px;opacity:.9}.phone__body{padding:var(--s3);display:grid;grid-gap:var(--s3);gap:var(--s3)}.phone__pill{justify-self:start;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px}.phone__card{border-radius:14px;padding:12px;display:grid;grid-gap:7px;gap:7px;position:relative;box-shadow:0 1px 4px rgba(0,0,0,.08)}.phone__line{display:block;block-size:9px;border-radius:4px;inline-size:62%}.phone__line--short{inline-size:38%}.phone__price{position:absolute;inset-inline-end:12px;inset-block-start:12px;font-size:12.5px;font-weight:700}.phone__info{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);font-size:11.5px;-webkit-border-before:1.5px solid;border-block-start:1.5px solid;-webkit-padding-before:var(--s3);padding-block-start:var(--s3);opacity:.9}@media (prefers-reduced-motion:reduce){.brd__theme,.phone{transition:none}.brd__theme:hover{transform:none}}.badge--vip{color:#8a6410;background:color-mix(in srgb,#d4a24e 24%,transparent)}.badge--basic{color:var(--text-soft);background:color-mix(in srgb,var(--text-soft) 12%,transparent)}.plan-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--surface-2);gap:2px}.plan-seg__opt{all:unset;cursor:pointer;font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;color:var(--text-soft);transition:background .15s ease-out,color .15s ease-out}.plan-seg__opt:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.plan-seg__opt:disabled{cursor:wait;opacity:.7}.plan-seg__opt--on{background:var(--accent);color:#fff}.plan-seg__opt--vip.plan-seg__opt--on{background:#b8863b}@media (prefers-reduced-motion:reduce){.plan-seg__opt{transition:none}}.lf__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.lf__label{font-size:13px;font-weight:600;color:var(--text-soft)}.lf__tabs{display:inline-flex;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:2px}.lf__tab{all:unset;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;color:var(--text-soft);display:inline-flex;align-items:center;gap:6px;transition:background .14s var(--ease),color .14s var(--ease)}.lf__tab:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.lf__tab[aria-selected=true]{background:var(--primary);color:#fff}.lf__tab[data-empty]:after{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:#d99b2b}.lf__tab[aria-selected=true][data-empty]:after{background:#ffd88a}.media-row{display:flex;align-items:flex-start;gap:var(--s3);flex-wrap:wrap}.media-row__side{display:grid;grid-gap:var(--s2);gap:var(--s2);justify-items:start}.dropzone{position:relative;inline-size:132px;block-size:88px;padding:0;border:1.5px dashed var(--line);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;overflow:hidden;display:grid;place-items:center;transition:border-color .14s var(--ease),background .14s var(--ease)}.dropzone:hover,.dropzone[data-drag]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface-2))}.dropzone:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dropzone:disabled{cursor:wait;opacity:.7}.dropzone[data-has]{border-style:solid}.dropzone img,.dropzone video{inline-size:100%;block-size:100%;object-fit:cover;display:block}.dropzone__cta{font-size:11.5px;color:var(--text-soft);padding:var(--s2);text-align:center}.dropzone__hover{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:rgba(0,0,0,.45);opacity:0;transition:opacity .14s var(--ease)}.dropzone:focus-visible .dropzone__hover,.dropzone:hover .dropzone__hover{opacity:1}.dropzone__busy{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#fff;background:rgba(0,0,0,.55)}.brd--nav{grid-template-columns:168px minmax(0,1fr) 300px}@media (max-width:1100px){.brd--nav{grid-template-columns:168px minmax(0,1fr)}.brd--nav .brd__preview{display:none}}@media (max-width:780px){.brd--nav{grid-template-columns:1fr}}.brd-nav{position:-webkit-sticky;position:sticky;inset-block-start:var(--s5);display:grid;grid-gap:2px;gap:2px;align-content:start}.brd-nav__item{all:unset;cursor:pointer;font-size:14px;font-weight:600;padding:10px 14px;border-radius:var(--radius);color:var(--text-soft);-webkit-border-start:3px solid transparent;border-inline-start:3px solid transparent;transition:background .14s var(--ease),color .14s var(--ease)}.brd-nav__item:hover{background:var(--surface-2);color:var(--text)}.brd-nav__item:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.brd-nav__item[aria-current=true]{background:var(--surface-2);color:var(--text);border-inline-start-color:var(--primary)}@media (max-width:780px){.brd-nav{position:static;grid-auto-flow:column;overflow-x:auto;-webkit-padding-after:var(--s2);padding-block-end:var(--s2)}.brd-nav__item{white-space:nowrap;-webkit-border-start:none;border-inline-start:none;-webkit-border-after:3px solid transparent;border-block-end:3px solid transparent}.brd-nav__item[aria-current=true]{border-block-end-color:var(--primary)}}.savebar{position:fixed;inset-inline:0;inset-block-end:0;z-index:30;transform:translateY(110%);transition:transform .22s var(--ease);pointer-events:none}.savebar[data-show]{transform:none;pointer-events:auto}.savebar__inner{margin-inline:auto;max-inline-size:1160px;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s3) var(--s5);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);-webkit-border-after:none;border-block-end:none;border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);box-shadow:0 -8px 30px rgba(0,0,0,.18)}.savebar__status{font-size:13.5px;font-weight:600}.savebar__actions{display:flex;gap:var(--s3);flex:none}.cat-chips{display:flex;flex-wrap:wrap;gap:var(--s2);-webkit-margin-after:var(--s4);margin-block-end:var(--s4)}.cat-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:3px 6px 3px 3px;transition:border-color .14s var(--ease),background .14s var(--ease)}[dir=rtl] .cat-chip{padding:3px 3px 3px 6px}.cat-chip[data-dim]{opacity:.55}.cat-chip[data-drop]{border-style:dashed;border-color:var(--primary)}.cat-chip[aria-selected=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.cat-chip__select{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;padding:6px 8px;border-radius:999px}.cat-chip__select:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.cat-chip__count{font-size:11px;font-weight:700;color:var(--text-soft);background:var(--surface-2);border-radius:999px;padding:1px 7px}.cat-chip__edit{all:unset;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:999px;color:var(--text-soft)}.cat-chip__edit:hover{background:var(--surface-2);color:var(--text)}.cat-chip__edit:focus-visible{outline:2px solid var(--focus)}.cat-chip--add{cursor:pointer;font-size:13px;font-weight:600;color:var(--text-soft);padding:8px 14px;border-style:dashed}.cat-chip--add:hover{color:var(--text);border-color:var(--primary-soft)}.item-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--s3);gap:var(--s3)}.item-card{display:grid;grid-template-rows:auto 1fr auto;text-align:start;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;cursor:pointer;transition:border-color .14s var(--ease),box-shadow .14s var(--ease),transform .14s var(--ease)}.item-card:hover{border-color:var(--primary-soft);box-shadow:var(--shadow);transform:translateY(-1px)}.item-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.item-card[data-off] .item-card__img{filter:grayscale(.9);opacity:.6}.item-card[data-drop]{border-style:dashed;border-color:var(--primary)}.item-card__img{position:relative;aspect-ratio:16/10;background:var(--surface-2)}.item-card__img img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.item-card__noimg{position:absolute;inset:0;display:grid;place-items:center;font-size:26px;opacity:.5}.item-card__flag{position:absolute;inset-block-start:8px;inset-inline-start:8px}.item-card__body{padding:var(--s2) var(--s3);display:grid;grid-gap:4px;gap:4px;align-content:start}.item-card__name{font-weight:700;font-size:14.5px}.item-card__meta{flex-wrap:wrap;color:var(--text-soft);font-size:12px}.item-card__foot,.item-card__meta{display:flex;gap:var(--s2);align-items:center}.item-card__foot{justify-content:space-between;padding:var(--s2) var(--s3) var(--s3)}.item-card__price{font-weight:700;font-size:14px}.item-card__price .was{-webkit-margin-start:6px;margin-inline-start:6px;font-size:11.5px;color:var(--text-soft);text-decoration:line-through;font-weight:500}.item-card--add{place-items:center;display:grid;min-block-size:180px;border-style:dashed;color:var(--text-soft);font-size:14px;font-weight:600;background:transparent}.item-card--add:hover:not(:disabled){color:var(--text)}.item-card--add:disabled{opacity:.5;cursor:not-allowed}.searchbox{min-inline-size:200px;max-inline-size:260px}.overlay--end{display:flex;justify-content:flex-end;align-items:stretch;padding:0;place-items:unset}.drawer{inline-size:min(560px,100%);max-inline-size:100%;block-size:100dvh;max-block-size:100dvh;border-radius:0;border-block:none;-webkit-border-end:none;border-inline-end:none;animation:drawer-in .24s var(--ease)}.drawer--wide{inline-size:min(720px,100%)}@keyframes drawer-in{0%{transform:translateX(var(--drawer-off,100%))}}[dir=rtl] .drawer{--drawer-off:-100%}@media (prefers-reduced-motion:reduce){.cat-chip,.drawer,.dropzone,.item-card,.lf__tab,.savebar{transition:none;animation:none}}.brd__section[hidden]{display:none}.toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-block-size:44px;cursor:pointer;font-size:14px}.toggle>span:first-child{flex:1 1}.pill-checks{display:flex;flex-wrap:wrap;gap:var(--s2)}.pill-check{border:1px solid var(--line);background:var(--surface-2);color:var(--text-soft);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;min-block-size:36px;transition:background .14s var(--ease),color .14s var(--ease),border-color .14s var(--ease)}.pill-check:hover{border-color:var(--primary-soft)}.pill-check:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.pill-check[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.pill-check[aria-pressed=true]:before{content:"✓";-webkit-margin-end:6px;margin-inline-end:6px;font-weight:800}.pill-check:disabled{opacity:.55;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.pill-check{transition:none}}