:root{color:#211f2a;background:#f7f5f2;font-family:Noto Kufi Arabic,Segoe UI,Arial,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.catalog{min-height:100vh;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 31rem),#f7f5f2}.hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1240px;margin:auto;padding:3.5rem 1.5rem 2.25rem}.brand{display:flex;align-items:center;gap:1.25rem;min-width:0}.logo{width:5rem;height:5rem;flex:0 0 auto;border-radius:1.5rem;overflow:hidden;box-shadow:0 15px 35px #241c3815}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1{margin:.25rem 0 0;font-size:clamp(2rem,5vw,3.65rem);line-height:1.04;letter-spacing:-.045em;overflow-wrap:anywhere}.language-button{border:1px solid #ded9d2;border-radius:999px;background:#fff9;padding:.65rem 1rem;cursor:pointer}.language-button:hover,.language-button:focus-visible{border-color:var(--accent);outline:none}.content{max-width:1240px;min-height:55vh;margin:auto;padding:0 1.5rem 4rem}.toolbar{position:sticky;top:0;z-index:3;padding:.75rem 0 1.15rem;background:linear-gradient(#f7f5f2 70%,transparent)}.search{display:flex;align-items:center;gap:.75rem;width:min(100%,34rem);border:1px solid #ded9d2;border-radius:1rem;background:#fff;padding:0 .9rem;box-shadow:0 8px 24px #342b4510}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.search input{width:100%;padding:.85rem 0;border:0;outline:0;background:transparent}.chips{display:flex;gap:.5rem;margin-top:1rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.chips button{white-space:nowrap;border:1px solid #ded9d2;border-radius:999px;background:#fff;padding:.5rem .85rem;cursor:pointer}.chips button.active{border-color:var(--accent);background:var(--accent);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:1.15rem}.item-card{min-width:0;overflow:hidden;border:1px solid #e5e0da;border-radius:1.25rem;background:#fff;padding:0;text-align:start;cursor:pointer;box-shadow:0 8px 30px #342b450d;transition:transform .18s ease,box-shadow .18s ease}.item-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #342b4517}.item-card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:3px}.item-image{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#eeeae4}.catalog-image{display:block;width:100%;height:100%;object-fit:cover}.image-placeholder{display:grid;width:100%;height:100%;place-items:center;color:#fff;background:linear-gradient(140deg,var(--accent, #6d4aff),#2c1b61);font-size:2.5rem;font-weight:800}.item-image .sold-out{position:absolute;top:.75rem;inset-inline-end:.75rem}.sold-out{display:inline-flex;width:max-content;border-radius:999px;background:#27232de8;color:#fff;padding:.35rem .65rem;font-size:.72rem;font-weight:700}.item-copy{padding:1rem 1rem 1.15rem}.item-copy h2{margin:0;font-size:1.05rem;line-height:1.35}.item-copy p{display:-webkit-box;overflow:hidden;margin:.45rem 0 .8rem;color:#716b76;font-size:.85rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.item-copy strong{display:block;color:var(--accent);font-size:.9rem}.empty,.state-page{display:grid;min-height:60vh;place-content:center;justify-items:center;color:#716b76;text-align:center}.empty span,.state-mark{color:var(--accent, #6d4aff);font-size:3rem;font-weight:800}.state-page h1{color:#211f2a;font-size:2rem}.state-page button{border:0;border-radius:999px;background:#6d4aff;color:#fff;padding:.7rem 1rem;cursor:pointer}.loader{width:2.5rem;height:2.5rem;border:3px solid #ddd;border-top-color:#6d4aff;border-radius:50%;animation:spin .8s linear infinite}footer{padding:2rem;color:#8a848d;text-align:center;font-size:.8rem}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;align-items:end;background:#18141d99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-sheet{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);width:min(100%,980px);max-height:min(90vh,760px);margin:auto;overflow:auto;border-radius:1.75rem 1.75rem 0 0;background:#fff;box-shadow:0 -20px 70px #0003}.detail-image{min-height:28rem;background:#eeeae4}.detail-copy{display:flex;flex-direction:column;align-items:flex-start;padding:3.5rem 2.25rem 2rem}.detail-copy h2{margin:.8rem 0;font-size:2rem;line-height:1.18}.detail-copy p{color:#716b76;line-height:1.75;white-space:pre-line}.detail-price{margin:.5rem 0 1.5rem;color:var(--accent);font-size:1.1rem}.close-button{position:absolute;z-index:2;top:1rem;inset-inline-end:1rem;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 5px 20px #0002}.variants{width:100%;border-top:1px solid #ece8e3;padding-top:1rem}.variants h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.variant{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #f0ece8}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){.hero{align-items:flex-start;padding-top:2rem}.logo{width:4rem;height:4rem;border-radius:1.2rem}.language-button{padding:.5rem .7rem;font-size:.8rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.item-copy{padding:.8rem}.detail-sheet{grid-template-columns:1fr}.detail-image{min-height:0;aspect-ratio:4 / 3}.detail-copy{padding:1.5rem}}@media(max-width:430px){.hero,.content{padding-inline:1rem}.brand{gap:.8rem}h1{font-size:1.65rem}.logo{width:3.5rem;height:3.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}