:root{--primary: #0f4c5c;--primary-ink: #fff;--accent: #e9a23b;--accent-ink: #1a1a1a;--bg: #f7f6f2;--surface: #ffffff;--tint: #efece4;--text: #1d2327;--muted: #5d676d;--line: #e3dfd5;--dark: #0d1b20;--radius: 14px;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--heading: var(--font);--shadow: 0 1px 2px rgb(0 0 0 / .05), 0 8px 24px rgb(0 0 0 / .06);--ok: #1f8a4c;--err: #c0392b}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;font-size:16px;overflow-x:hidden}[dir=rtl] body{font-family:"Tajawal",var(--font)}img{max-width:100%;display:block}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--heading);line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:clamp(1.8rem,4vw,2.6rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.15rem}p{margin:0 0 1em}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{width:100%;padding:.7rem .85rem;border:1px solid var(--line);border-radius:calc(var(--radius) * .6);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s;min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}input[type=range]{padding:0;min-height:28px;accent-color:var(--accent);border:0;background:none;box-shadow:none}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{width:min(1200px,100% - 32px);margin-inline:auto}.narrow{width:min(760px,100% - 32px)}.pad{padding-block:40px 64px}.center{text-align:center}.muted{color:var(--muted)}.muted-light{color:#ffffffb8}.small{font-size:.875rem}.row{display:flex;align-items:center}.row.wrap{flex-wrap:wrap;gap:12px}.between{justify-content:space-between}.end{justify-content:flex-end}.gap-s{gap:8px}.grow{flex:1;min-width:0;display:flex;flex-direction:column}.nowrap{white-space:nowrap}.error{color:var(--err);font-size:.9rem}.flip-rtl{transition:transform .2s}[dir=rtl] .flip-rtl,[dir=rtl] .back .icon{transform:scaleX(-1)}.eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}.icon{flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.7rem 1.25rem;min-height:44px;border-radius:calc(var(--radius) * .7);border:1px solid transparent;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .1s,background .15s,box-shadow .15s;text-decoration:none!important}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:progress}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-primary:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 35%,transparent)}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--text)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-glass{background:#ffffff24;color:#fff;border-color:#ffffff59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-danger{background:#fdecea;color:var(--err)}.btn-block{width:100%}.btn-sm{padding:.45rem .8rem;min-height:36px;font-size:.875rem}.icon-btn{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 8px;border-radius:50%;border:0;background:transparent;cursor:pointer;color:inherit;position:relative}.icon-btn:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.icon-btn.soft{background:var(--tint)}.icon-btn.danger{color:var(--err)}.link-btn{background:none;border:0;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0;margin-bottom:16px}.announce{background:var(--dark);color:#fff;text-align:center;font-size:.85rem;padding:8px 16px}.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}.header.scrolled{border-color:var(--line);box-shadow:0 4px 20px #0000000a}.header-row{display:flex;align-items:center;gap:24px;height:70px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;font-family:var(--heading);font-size:1.2rem;text-decoration:none!important}.brand.light{color:#fff}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--primary);color:var(--primary-ink);font-size:1.1rem}.brand.light .brand-mark{background:var(--accent);color:var(--accent-ink)}.nav{display:flex;gap:4px;margin-inline-start:auto}.nav a{padding:8px 12px;border-radius:8px;color:var(--text);font-weight:500;font-size:.95rem;text-decoration:none}.nav a:hover,.nav a.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,transparent)}.nav-mobile-extra{display:none}.header-actions{display:flex;align-items:center;gap:4px}.lang-btn{border-radius:999px;display:inline-flex;gap:6px;font-weight:600;font-size:.85rem}.cart-btn b{position:absolute;top:2px;inset-inline-end:0;background:var(--accent);color:var(--accent-ink);font-size:.7rem;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center}.menu-btn{display:none}.hero{position:relative;color:#fff;min-height:min(78vh,680px);display:flex;align-items:center;overflow:hidden;background:var(--dark)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,color-mix(in srgb,var(--dark) 88%,transparent),color-mix(in srgb,var(--dark) 55%,transparent) 55%,color-mix(in srgb,var(--dark) 25%,transparent))}[dir=rtl] .hero-shade{transform:scaleX(-1)}.hero-inner{position:relative;padding-block:72px;max-width:1200px}.hero-eyebrow{display:inline-block;padding:6px 14px;border-radius:999px;background:#ffffff24;border:1px solid rgb(255 255 255 / .25);font-size:.85rem;margin-bottom:18px}.hero h1{font-size:clamp(2.1rem,5.5vw,3.8rem);max-width:16ch;margin-bottom:16px}.hero-sub{font-size:clamp(1rem,2vw,1.2rem);max-width:56ch;color:#ffffffd9}.hero-search-wrap{max-width:680px;margin-top:28px}.hero-tabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.hero-tabs button{border:0;background:#ffffff26;color:#fff;padding:8px 16px;border-radius:999px;cursor:pointer;font-weight:600}.hero-tabs button.on{background:#fff;color:var(--dark)}.hero-search{display:flex;align-items:center;gap:8px;background:#fff;color:var(--text);padding:6px;padding-inline-start:16px;border-radius:calc(var(--radius) * .9);box-shadow:0 20px 50px #00000040}.hero-search input{border:0;box-shadow:none!important;padding-inline:4px}.hero-ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero-chips{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:24px;font-size:.9rem;color:#ffffffd9}.hero-chips span{display:inline-flex;align-items:center;gap:6px}.hero-chips .icon{color:var(--accent)}.page-head{position:relative;color:#fff;padding:64px 0 52px;background:var(--dark);overflow:hidden}.page-head .container{position:relative}.page-head p{color:#fffc;max-width:60ch;margin:0}.section{padding-block:clamp(48px,7vw,88px);scroll-margin-top:70px}.section.tint{background:var(--tint)}.section-tight{padding-block:32px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;flex-wrap:wrap}.section-head h2{margin-bottom:.25rem}.section-head p{margin:0;max-width:60ch}.center .section-head{justify-content:center;text-align:center}.link-more{display:inline-flex;align-items:center;gap:6px;font-weight:600}.stats-band{background:var(--primary);color:var(--primary-ink)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-block:36px;text-align:center}.stats strong{display:block;font-size:clamp(1.6rem,3.5vw,2.4rem);font-family:var(--heading)}.stats span{opacity:.8;font-size:.95rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px}.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid.people{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 2px 4px #0000000d,0 18px 40px #0000001a}.card-click{color:inherit;text-decoration:none!important;display:flex;flex-direction:column;flex:1}.card-media{position:relative;overflow:hidden}.card-media img,.card-media .img-fallback{width:100%;object-fit:cover;transition:transform .5s}.card:hover .card-media img{transform:scale(1.04)}.badge{position:absolute;top:12px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.badge-accent{inset-inline-start:12px;background:var(--accent);color:var(--accent-ink)}.badge-dark{inset-inline-end:12px;background:#000000a6;color:#fff}.badge-sale{inset-inline-start:12px;top:auto;bottom:12px;background:var(--err);color:#fff}.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.card-body h3{margin:0;font-size:1.08rem}.card-body .eyebrow{margin:0}.card-sub{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.9rem;margin:0}.card-meta{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 0 0;margin:4px 0 0;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}.card-meta li{display:inline-flex;gap:5px;align-items:center}.card-foot{margin-top:auto;padding-top:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.price strong{font-size:1.15rem;color:var(--primary)}.price small{color:var(--muted);font-size:.8rem}.price s{color:var(--muted);font-size:.85rem}.price.big strong{font-size:1.7rem}.card-link{display:inline-flex;gap:4px;align-items:center;font-size:.85rem;font-weight:600;color:var(--primary);white-space:nowrap}.card-cart{border-radius:0}.stars{display:inline-flex;color:#d6d0c4}.stars .on{color:#f5a623;fill:#f5a623}.person-card{background:var(--surface);border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow)}.person-card img,.person-card .img-fallback{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0 auto 12px}.person-card h3{margin-bottom:2px}.person-card p{margin-bottom:8px}.row.center{justify-content:center}.img-fallback{display:grid;place-items:center;width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 50%,var(--accent)));color:#fffc;font-size:2.5rem;font-weight:800;font-family:var(--heading)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.cat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 12px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);color:var(--text);text-align:center;text-decoration:none!important;transition:transform .2s;overflow:hidden;min-height:130px}.cat:hover{transform:translateY(-3px);color:var(--primary)}.cat-icon{font-size:2rem;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--tint)}.cat-label{font-weight:600}.cat small{color:var(--muted)}.cat img,.cat .img-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}.cat:has(img){color:#fff;min-height:180px;justify-content:flex-end}.cat:has(img):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 30%,#000000b3)}.cat:has(img) .cat-label,.cat:has(img) small{position:relative;z-index:1;color:#fff}.cat-grid.big{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.feature{background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.feature-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--accent) 18%,transparent);font-size:1.6rem;margin-bottom:14px}.feature p{margin:0;font-size:.95rem}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;counter-reset:s}.steps li{position:relative;padding:24px;border-radius:var(--radius);border:1px dashed var(--line);background:var(--surface)}.step-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--primary-ink);font-weight:800;margin-bottom:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}.split.reverse>:first-child{order:2}.split-img{width:100%;border-radius:calc(var(--radius) * 1.4);aspect-ratio:5/4;object-fit:cover;box-shadow:var(--shadow)}.ticks{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}.ticks.cols{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ticks li{display:flex;gap:10px;align-items:flex-start}.ticks .icon{color:var(--ok);margin-top:3px}.values{display:grid;gap:16px}.quotes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.quote{margin:0;background:var(--surface);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.quote blockquote{margin:0;font-size:1rem}.quote figcaption{display:flex;flex-direction:column;margin-top:auto;font-size:.9rem}.faq{display:grid;gap:10px}.faq-item{background:var(--surface);border-radius:calc(var(--radius) * .8);border:1px solid var(--line)}.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;background:none;border:0;cursor:pointer;font-weight:600;text-align:start}.faq-item.open button .icon{transform:rotate(45deg)}.faq-item p{padding:0 20px 18px;margin:0}.logos-band{border-block:1px solid var(--line);background:var(--surface)}.logos{display:flex;flex-wrap:wrap;justify-content:space-around;gap:16px 40px;padding-block:28px;color:var(--muted);font-weight:700;letter-spacing:.06em;font-family:var(--heading);opacity:.8}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(28px,5vw,56px);border-radius:calc(var(--radius) * 1.5);background:linear-gradient(120deg,var(--primary),color-mix(in srgb,var(--primary) 60%,var(--dark)));color:var(--primary-ink)}.cta-box h2{margin-bottom:.3rem}.cta-box p{margin:0;opacity:.85}.calc{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;background:var(--surface);border-radius:calc(var(--radius) * 1.3);padding:clamp(20px,4vw,36px);box-shadow:var(--shadow)}.calc-inputs{display:grid;gap:14px}.calc-result{background:var(--dark);color:#fff;border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:10px}.calc-result>span{opacity:.75}.calc-result>strong{font-size:clamp(1.8rem,4vw,2.5rem);color:var(--accent);font-family:var(--heading)}.calc-result dl{margin:0 0 8px;display:grid;gap:8px}.calc-result dl div{display:flex;justify-content:space-between;border-bottom:1px solid rgb(255 255 255 / .12);padding-bottom:6px}.calc-result dd{margin:0;font-weight:600}.checks{display:grid;gap:8px}.check{display:flex;align-items:center;gap:10px;cursor:pointer}.check em{margin-inline-start:auto;font-style:normal;color:var(--muted);font-size:.9rem}.track-inline,.track-form{display:flex;gap:8px;flex-wrap:wrap}.track-inline input,.track-form input{flex:1 1 200px}.track-form{margin-bottom:20px}.field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:500}.field>span{color:var(--muted)}.field small{color:var(--muted);font-weight:400}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-2{grid-column:1 / -1}.req-form{display:grid;gap:14px}.req-form h3{margin:0}.req-form>.muted{margin:-8px 0 0}.estimate{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--accent) 14%,transparent)}.estimate strong{color:var(--primary);font-size:1.15rem}.form-done{text-align:center;padding:16px 0}.done-icon{width:60px;height:60px;border-radius:50%;background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok);display:grid;place-items:center;margin:0 auto 12px}.ref{font-family:ui-monospace,monospace;font-size:1.15rem;letter-spacing:.05em}.notice{padding:14px 18px;border-radius:12px;margin-bottom:20px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.notice.ok{background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok)}.catalog{padding-block:28px 64px}.toolbar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.toolbar select{width:auto;min-width:160px}.search-box{flex:1 1 260px;display:flex;align-items:center;gap:8px;padding-inline-start:12px;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) * .6)}.search-box input{border:0;box-shadow:none!important;padding-inline-start:0}.catalog-body{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:start}.catalog-body:not(:has(.filters)){grid-template-columns:1fr}.filters{position:sticky;top:90px;display:grid;gap:14px;background:var(--surface);padding:20px;border-radius:var(--radius);box-shadow:var(--shadow)}.show-sm{display:none}.empty{padding:48px 20px;text-align:center;color:var(--muted);background:var(--surface);border-radius:var(--radius);border:1px dashed var(--line)}.spinner{width:36px;height:36px;margin:48px auto;border-radius:50%;border:3px solid var(--line);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detail{padding-block:24px 64px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}.gallery-main{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:calc(var(--radius) * 1.2)}.thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}.thumbs button{flex:0 0 88px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:none}.thumbs button.on{border-color:var(--accent)}.thumbs img,.thumbs .img-fallback{width:100%;aspect-ratio:4/3;object-fit:cover;font-size:1rem}.detail-info{padding-top:24px}.detail-info h1{margin-bottom:8px}.detail-info h3{margin-top:28px}.prose{white-space:pre-line}.specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:20px 0}.specs div{background:var(--surface);padding:12px 14px}.specs dt{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.specs dd{margin:2px 0 0;font-weight:600;word-break:break-word}.detail-side{position:sticky;top:90px}.side-card{background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);display:grid;gap:16px}.side-contact .btn{flex:1}.buy{display:grid;gap:10px}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;width:fit-content}.qty button{width:40px;height:40px;border:0;background:var(--tint);cursor:pointer;font-size:1.1rem}.qty span{min-width:40px;text-align:center;font-weight:600}.qty.small button{width:32px;height:32px}.cart-grid{display:grid;grid-template-columns:1fr 400px;gap:28px;align-items:start}.cart-lines{display:grid;gap:12px}.cart-line{display:flex;align-items:center;gap:14px;background:var(--surface);padding:12px;border-radius:var(--radius);box-shadow:var(--shadow)}.cart-line img,.cart-line .img-fallback{width:72px;height:72px;border-radius:10px;object-fit:cover;font-size:1.2rem}.line-total{min-width:90px;text-align:end}.totals{margin:0;display:grid;gap:6px}.totals div{display:flex;justify-content:space-between}.totals dd{margin:0}.totals .grand{border-top:1px solid var(--line);padding-top:8px;font-weight:800;font-size:1.1rem}.timeline{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:0}.timeline li{position:relative;padding:0 0 18px 28px;color:var(--muted);text-transform:capitalize}[dir=rtl] .timeline li{padding:0 28px 18px 0}.timeline li span{position:absolute;inset-inline-start:4px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--line)}.timeline li:before{content:"";position:absolute;inset-inline-start:9px;top:18px;bottom:0;width:2px;background:var(--line)}.timeline li:last-child:before{display:none}.timeline li.done{color:var(--text);font-weight:600}.timeline li.done span{background:var(--ok)}.timeline.compact li{padding-bottom:10px;font-weight:400}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:capitalize;background:var(--tint);color:var(--muted);margin-inline-end:4px;white-space:nowrap}.s-new,.s-pending,.s-received,.s-submitted{background:#fff4d6;color:#8a6100}.s-contacted,.s-confirmed,.s-preparing,.s-in-review,.s-viewing,.s-documents,.s-scheduled{background:#e3efff;color:#1d4f99}.s-qualified,.s-out-for-delivery,.s-picked-up,.s-processing,.s-negotiation,.s-under-review,.s-in-progress,.s-ongoing{background:#efe6ff;color:#5b2ea6}.s-won,.s-delivered,.s-completed,.s-published,.s-approved,.s-closed,.s-returned{background:#dff5e7;color:#1f7a45}.s-lost,.s-cancelled,.s-rejected,.s-archived,.s-no-show{background:#fde8e6;color:#a8322a}.s-featured{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text)}.s-draft,.s-sold{background:#ececec;color:#555}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:start;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--tint)}.thumb{width:52px;height:40px;border-radius:6px;object-fit:cover;font-size:.9rem}.auth-wrap{min-height:70vh;display:grid;place-items:center;padding:40px 16px}.auth-card{width:min(420px,100%);background:var(--surface);padding:32px;border-radius:calc(var(--radius) * 1.2);box-shadow:var(--shadow);display:grid;gap:14px}.auth-card h1{font-size:1.6rem}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:start}.contact-info{display:grid;gap:12px}.contact-info>a,.contact-info>div{display:flex;gap:14px;align-items:flex-start;background:var(--surface);padding:16px;border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);text-decoration:none}.contact-info .icon{color:var(--primary);margin-top:2px}.contact-info strong,.contact-info span{display:block}.contact-info span{color:var(--muted);font-size:.95rem}.map{width:100%;height:260px;border:0;border-radius:var(--radius)}.footer{background:var(--dark);color:#fff;padding-top:56px;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:32px;padding-bottom:40px}.footer h4{font-size:1rem;margin-bottom:14px}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:#ffffffb8;font-size:.95rem}.footer a{color:#fffc}.footer-contact{display:grid;gap:8px;font-size:.92rem}.footer-contact a,.footer-contact span{display:flex;gap:8px;align-items:center;color:#fffc}.newsletter{display:flex;gap:8px;flex-wrap:wrap}.newsletter input{flex:1 1 160px;background:#ffffff14;border-color:#fff3;color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgb(255 255 255 / .1);padding-block:20px;font-size:.85rem;color:#fff9}.fab{position:fixed;bottom:20px;inset-inline-end:20px;z-index:40;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px #00000040}.offline-bar{position:sticky;top:0;z-index:60;background:#8a6100;color:#fff;text-align:center;font-size:.85rem;padding:6px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;background:var(--dark);color:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 12px 30px #0000004d;max-width:calc(100% - 32px);animation:pop .2s ease-out}.toast.err{background:var(--err)}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0a0f148c;display:grid;place-items:center;padding:16px;overflow-y:auto}.modal{background:var(--surface);border-radius:calc(var(--radius) * 1.2);width:min(520px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 30px 80px #0000004d}.modal.wide{width:min(820px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-body{padding:20px;overflow-y:auto;display:grid;gap:16px}.preview{max-height:180px;border-radius:10px;object-fit:cover}.admin{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:#f4f5f7}.admin-side{background:var(--dark);color:#fff;padding:20px 14px;display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-side nav{display:grid;gap:2px}.admin-side nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#ffffffbf;font-size:.93rem;text-decoration:none}.admin-side nav a:hover{background:#ffffff0f;color:#fff}.admin-side nav a.active{background:var(--primary);color:var(--primary-ink)}.admin-logout{margin-top:auto;display:flex;align-items:center;gap:10px;background:none;border:0;color:#ffffffb3;cursor:pointer;padding:10px 12px}.admin-main{min-width:0}.admin-top{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:12px 24px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.admin-menu{display:none;margin-inline-end:auto}.admin-content{padding:24px;display:grid;gap:20px;align-content:start}.admin-content h1{font-size:1.6rem;margin:0}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.kpi{background:#fff;border-radius:12px;padding:18px;border:1px solid var(--line);display:flex;flex-direction:column}.kpi span{color:var(--muted);font-size:.85rem}.kpi strong{font-size:1.6rem;font-family:var(--heading)}.kpi small{color:var(--muted)}.panel{background:#fff;border-radius:12px;padding:20px;border:1px solid var(--line);display:grid;gap:12px}.panel h3{margin:0}.admin-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.bars{display:flex;align-items:flex-end;gap:6px;height:180px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.bar{width:100%;max-width:28px;min-height:3px;background:var(--primary);border-radius:4px 4px 0 0;position:relative}.bar b{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--muted)}.bar-col small{font-size:.7rem;color:var(--muted)}.status-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.status-list li{display:grid;grid-template-columns:120px 1fr 32px;align-items:center;gap:8px}.meter{height:8px;background:var(--tint);border-radius:4px;overflow:hidden}.meter i{display:block;height:100%;background:var(--accent)}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.seg button{border:0;background:none;padding:6px 10px;cursor:pointer;color:var(--muted)}.seg button.on{background:var(--primary);color:var(--primary-ink)}.board{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}.lane{flex:0 0 250px;background:#e9ebef;border-radius:12px;padding:10px;display:grid;gap:8px;min-height:200px;align-content:start}.lane-head{display:flex;justify-content:space-between;align-items:center;padding:4px}.lane-card{background:#fff;border-radius:10px;padding:10px 12px;display:grid;gap:2px;cursor:grab;box-shadow:0 1px 2px #0000000f}.lane-card:hover{box-shadow:0 4px 12px #0000001a}.admin-form{display:grid;gap:16px}.plain-list{list-style:none;padding:0;margin:0}.plain-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr}.detail-grid,.cart-grid{grid-template-columns:1fr}.detail-side{position:static}.admin-grid{grid-template-columns:1fr}}@media (max-width: 900px){.menu-btn{display:inline-grid}.hide-sm{display:none!important}.nav{position:fixed;top:70px;right:0;bottom:0;left:0;background:var(--surface);flex-direction:column;padding:16px;gap:4px;transform:translate(100%);transition:transform .25s,visibility .25s;overflow-y:auto;z-index:49;margin:0;visibility:hidden}[dir=rtl] .nav{transform:translate(-100%)}.nav.open{transform:none;visibility:visible}.nav a{padding:14px 12px;font-size:1.05rem;border-bottom:1px solid var(--line);border-radius:0}.nav-mobile-extra{display:grid;gap:8px;margin-top:12px}.header-actions{margin-inline-start:auto}.lang-btn span{display:none}.split,.calc,.contact-grid{grid-template-columns:1fr}.split.reverse>:first-child{order:0}.catalog-body{grid-template-columns:1fr}.filters{display:none;position:static}.filters.open{display:grid}.show-sm{display:inline-flex}.stats{grid-template-columns:repeat(2,1fr)}.admin{grid-template-columns:1fr}.admin-side{position:fixed;inset:0 auto 0 0;width:260px;z-index:80;transform:translate(-100%);transition:transform .25s}[dir=rtl] .admin-side{inset:0 0 0 auto;transform:translate(100%)}.admin-side.open{transform:none;box-shadow:0 0 0 100vmax #0006}.admin-menu{display:inline-grid}.admin-content{padding:16px}}@media (max-width: 600px){body{font-size:15px}.header-row{height:62px;gap:8px}.nav{top:62px;right:0;bottom:0;left:0}.brand-text{font-size:1.05rem}.hero{min-height:auto}.hero-inner{padding-block:56px 48px}.hero-search{flex-wrap:wrap;padding:8px}.hero-search>.icon{display:none}.hero-search input{flex:1 1 100%}.hero-search .btn{width:100%}.grid,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr;gap:16px}.grid.people{grid-template-columns:1fr 1fr}.cat-grid{grid-template-columns:1fr 1fr;gap:10px}.cat-grid.big{grid-template-columns:1fr 1fr}.grid-2,.footer-grid{grid-template-columns:1fr}.toolbar select{flex:1;min-width:0}.cart-line{flex-wrap:wrap}.line-total{min-width:0}.side-card,.auth-card{padding:18px}.status-list li{grid-template-columns:100px 1fr 28px}.person-card img,.person-card .img-fallback{width:84px;height:84px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.social{display:flex;gap:8px;margin-top:16px}.social a{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgb(255 255 255 / .16);color:#ffffffd9;transition:background .15s,color .15s}.social a:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chat-launcher{position:fixed;bottom:88px;inset-inline-end:20px;z-index:45;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 18px;min-height:48px;cursor:pointer;background:var(--primary);color:var(--primary-ink);font:inherit;font-weight:700;box-shadow:0 10px 30px #00000040}.chat-launcher.is-open span{display:none}.chat-panel{position:fixed;bottom:148px;inset-inline-end:20px;z-index:60;width:min(380px,calc(100vw - 32px));height:min(540px,calc(100vh - 180px));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px #00000040;overflow:hidden}.chat-head{display:flex;align-items:center;gap:4px;padding:12px 14px;background:var(--primary);color:var(--primary-ink)}.chat-head div{flex:1;display:grid}.chat-head span{font-size:.78rem;opacity:.85}.chat-icon{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;font-size:1rem}.chat-icon:hover{background:#ffffff26}.chat-notice{margin:0;padding:8px 14px;font-size:.75rem;color:var(--muted);border-bottom:1px solid var(--line)}.chat-notice a,.chat-msg a,.chat-consent a{color:var(--primary);text-decoration:underline}.chat-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}.chat-msg{max-width:85%;padding:9px 13px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.92rem;line-height:1.45}.chat-msg.bot{align-self:flex-start;background:var(--surface);border:1px solid var(--line)}.chat-msg.user{align-self:flex-end;background:var(--primary);color:var(--primary-ink)}.chat-msg.typing{color:var(--muted);letter-spacing:.2em}.chat-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border-top:1px solid var(--line)}.chat-chips button{border:1px solid var(--primary);color:var(--primary);background:var(--surface);border-radius:999px;padding:5px 12px;font:inherit;font-size:.8rem;cursor:pointer}.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.chat-input textarea{flex:1;resize:none;min-height:42px;max-height:120px}.chat-input button{width:42px;border:0;border-radius:10px;background:var(--primary);color:var(--primary-ink);cursor:pointer}.chat-input button:disabled{opacity:.6}.chat-form{display:grid;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;font-size:.85rem}.chat-form label{display:grid;gap:3px;font-weight:600}.chat-form .chat-consent{display:block;font-weight:400}.chat-form .chat-consent input{vertical-align:middle;margin-inline-end:5px}.chat-form .hp{position:absolute;left:-9999px;width:1px;height:1px}@media (max-width: 600px){.chat-launcher{padding:12px}.chat-launcher span{display:none}.chat-panel{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100dvh;border-radius:0;z-index:95}}
