:root{--ink: #1a1611;--paper: #faf7f1;--cream: #f3ede2;--gold: #b3873a;--gold-bright: #d4af37;--gold-soft: #e8d9ba;--rose: #b8365b;--serif: "Cormorant Garamond", "Cairo", serif;--sans: "Jost", "Cairo", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--paper);color:var(--ink);overflow-x:hidden;-webkit-user-select:none;user-select:none}[dir=rtl] body,[dir=rtl]{font-family:"Cairo",var(--sans)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img{max-width:100%}.attract{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ink);overflow:hidden;cursor:pointer}.attract-slide{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background-size:cover;background-position:center;opacity:0;transform:scale(1);transition:opacity 2s ease}.attract-slide.active{opacity:1;animation:kenburns 7s linear forwards}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.08)}}.attract-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#14100a8c,#14100a40 40%,#14100abf)}.attract-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--paper);text-align:center;padding:2rem}.attract-crest{font-size:2rem;color:var(--gold-bright);letter-spacing:.5em}.attract-brand{font-family:var(--serif);font-weight:500;font-size:clamp(3.5rem,10vw,7rem);letter-spacing:.18em;text-shadow:0 2px 30px rgba(0,0,0,.4)}.attract-tagline{font-size:clamp(1.1rem,2.5vw,1.6rem);letter-spacing:.35em;text-transform:uppercase;color:var(--gold-soft)}.attract-cta{margin-top:14vh;display:flex;flex-direction:column;align-items:center;gap:1.6rem;font-size:1.3rem;letter-spacing:.25em;text-transform:uppercase;animation:fadepulse 2.6s ease-in-out infinite}@keyframes fadepulse{0%,to{opacity:.55}50%{opacity:1}}.touch-ring{width:64px;height:64px;border:2px solid var(--gold-bright);border-radius:50%;position:relative}.touch-ring:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border:1px solid rgba(212,175,55,.5);border-radius:50%;animation:ripple 2.6s ease-out infinite}@keyframes ripple{0%{transform:scale(.7);opacity:1}to{transform:scale(1.5);opacity:0}}.kiosk{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.6rem;background:#faf7f1eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gold-soft)}.topbar-brand{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.brand-word{font-family:var(--serif);font-size:2rem;font-weight:600;letter-spacing:.14em}.brand-tag{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.topbar-actions{display:flex;gap:.7rem}.pill-btn{padding:.65rem 1.4rem;border:1px solid var(--ink);border-radius:999px;font-size:1rem;letter-spacing:.08em;transition:all .2s}.pill-btn:active{background:var(--ink);color:var(--paper)}.lang-btn{border-color:var(--gold);color:var(--gold)}.home{display:flex;flex-direction:column;gap:2.2rem;padding:1.6rem;flex:1}.searchbar{display:flex;align-items:center;gap:.8rem;background:#fff;border:1px solid var(--gold-soft);border-radius:999px;padding:1rem 1.5rem;box-shadow:0 4px 20px #b3873a14}.searchbar input{flex:1;border:none;outline:none;font:inherit;font-size:1.15rem;background:transparent}.search-icon{font-size:1.5rem;color:var(--gold)}.search-clear{font-size:1.1rem;color:#999;padding:.3rem}.section-title{font-family:var(--serif);font-size:2rem;font-weight:500;letter-spacing:.05em;margin-bottom:1.1rem;display:flex;align-items:center;gap:1rem}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--gold-soft),transparent)}[dir=rtl] .section-title:after{background:linear-gradient(to left,var(--gold-soft),transparent)}.section-title.small{font-size:1.5rem}.section-title.gold{color:var(--gold-bright)}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}.cat-tile{position:relative;aspect-ratio:4 / 4.6;border-radius:18px;overflow:hidden;background:var(--cream);box-shadow:0 6px 24px #1a161114;transition:transform .15s}.cat-tile:active{transform:scale(.97)}.cat-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cat-label{position:absolute;inset-inline:0;bottom:0;padding:2.2rem 1rem 1.1rem;background:linear-gradient(to top,rgba(26,22,17,.75),transparent);color:var(--paper);font-family:var(--serif);font-size:1.5rem;font-weight:500;letter-spacing:.06em;text-align:center}.stylist-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 1.8rem;border-radius:18px;background:linear-gradient(120deg,#241d12,#3d2f17 55%,#241d12);color:var(--gold-soft);box-shadow:0 10px 30px #241d1259;transition:transform .15s}.stylist-banner:active{transform:scale(.98)}.stylist-banner-text{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;text-align:start}.stylist-title{font-family:var(--serif);font-size:1.7rem;color:var(--gold-bright);letter-spacing:.05em}.stylist-sub{font-size:1rem;opacity:.85}.stylist-cta{padding:.8rem 1.7rem;border:1px solid var(--gold-bright);border-radius:999px;color:var(--gold-bright);font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.rail{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.8rem;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.home-footer{margin-top:auto;text-align:center;padding:1.4rem;color:var(--gold);font-size:1rem;letter-spacing:.15em;border-top:1px solid var(--gold-soft)}.card{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px #1a161112;text-align:start;transition:transform .15s}.card:active{transform:scale(.97)}.card.rail-card{min-width:210px;max-width:210px}.card-img-wrap{position:relative;aspect-ratio:386 / 440;background:#f6f3ec;overflow:hidden}.card-img-wrap img{width:100%;height:100%;object-fit:cover}.sale-badge{position:absolute;top:.7rem;inset-inline-start:.7rem;background:var(--rose);color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.05em;padding:.3rem .65rem;border-radius:999px}.sale-badge.big{font-size:1rem;padding:.5rem 1rem;top:1.2rem;inset-inline-start:1.2rem}.card-3d-badge{position:absolute;bottom:.6rem;inset-inline-end:.6rem;background:#1a1611d1;color:var(--gold-bright);font-size:.7rem;font-weight:600;letter-spacing:.12em;padding:.28rem .6rem;border-radius:999px}.card-info{display:flex;flex-direction:column;gap:.25rem;padding:.85rem .95rem 1.05rem}.card-brand{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.card-name{font-size:.98rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.card-price{display:flex;align-items:baseline;gap:.6rem;margin-top:.2rem}.card-price s{color:#a89f92;font-size:.85rem}.card-price em{font-style:normal;font-weight:600;font-size:1.05rem}.catalog{display:flex;flex-direction:column;gap:1.1rem;padding:1.4rem 1.6rem;flex:1}.cat-chips{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem}.cat-chips::-webkit-scrollbar{display:none}.chip{padding:.75rem 1.5rem;border:1px solid #d8d0c0;border-radius:999px;font-size:1.02rem;white-space:nowrap;background:#fff;transition:all .15s}.chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chip.small{padding:.5rem 1.05rem;font-size:.9rem}.chip.ghost{border-style:dashed;color:var(--rose);border-color:var(--rose);background:transparent}.searchbar.compact{padding:.7rem 1.2rem}.filter-rows{display:flex;flex-direction:column;gap:.55rem}.filter-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-label{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#8d8577;min-width:4.5rem}.meta-row{justify-content:space-between;border-top:1px solid var(--gold-soft);padding-top:.7rem}.result-count{font-size:.95rem;color:#6f6758}.sort-select{font:inherit;font-size:.95rem;padding:.5rem .9rem;border:1px solid #d8d0c0;border-radius:999px;background:#fff;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.empty-state{padding:5rem 1rem;text-align:center;font-family:var(--serif);font-size:1.6rem;color:#8d8577}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1a16118c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:fadein .25s ease}.overlay.dark{background:#0f0c08e0;align-items:center}@keyframes fadein{0%{opacity:0}}.detail{position:relative;width:100%;max-height:94%;overflow-y:auto;background:var(--paper);border-radius:26px 26px 0 0;padding:1.6rem 1.6rem 2.2rem;display:flex;flex-direction:column;gap:1.4rem;animation:slideup .32s cubic-bezier(.2,.8,.2,1)}@keyframes slideup{0%{transform:translateY(60px);opacity:0}}.close-btn{position:absolute;top:1.1rem;inset-inline-end:1.1rem;z-index:5;width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:1.1rem;display:flex;align-items:center;justify-content:center}.detail-media{position:relative;flex-shrink:0;border-radius:18px;overflow:hidden;background:#f6f3ec;align-self:center;width:min(100%,520px)}.detail-media img{width:100%;aspect-ratio:386 / 460;object-fit:cover;display:block}.detail-3d{display:block;width:100%;height:auto;aspect-ratio:386 / 460;background:linear-gradient(160deg,#fbf8f2,#ece4d5);--poster-color: transparent;--progress-bar-color: var(--gold)}.view3d-btn{position:absolute;top:1rem;inset-inline-end:1rem;padding:.6rem 1.2rem;border-radius:999px;background:#1a1611d9;color:var(--gold-bright);font-size:1rem;font-weight:500;letter-spacing:.1em;border:1px solid var(--gold);z-index:4}.view3d-btn.active{background:var(--gold-bright);color:var(--ink)}.media-dots{position:absolute;bottom:.9rem;inset-inline:0;display:flex;justify-content:center;gap:.6rem}.dot{width:14px;height:14px;border-radius:50%;background:#1a161140;transition:all .2s}.dot.active{background:var(--gold);transform:scale(1.2)}.detail-info{display:flex;flex-direction:column;gap:.7rem}.detail-brand{font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.detail-name{font-family:var(--serif);font-size:1.9rem;font-weight:500;line-height:1.25}.detail-price{display:flex;align-items:baseline;gap:1rem}.detail-price s{color:#a89f92;font-size:1.15rem}.detail-price em{font-style:normal;font-weight:600;font-size:1.7rem}.stock-badge{color:#2c7a4b;font-size:.95rem}.detail-desc{font-size:1.02rem;line-height:1.65;color:#55503f}.spec-table{border:1px solid var(--gold-soft);border-radius:14px;overflow:hidden;margin-top:.4rem}.spec-row{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1.1rem;font-size:.98rem}.spec-row:nth-child(odd){background:var(--cream)}.spec-key{color:#8d8577;letter-spacing:.05em}.spec-val{font-weight:500;text-align:end}.qr-block{display:flex;align-items:center;gap:1.1rem;padding:1rem 1.2rem;background:var(--cream);border-radius:14px;margin-top:.4rem}.qr-block img{width:110px;height:110px;border-radius:10px}.qr-block span{font-size:1rem;color:#55503f;line-height:1.5}.stylist{position:relative;width:min(94%,760px);max-height:92%;overflow-y:auto;background:#17130c;color:var(--paper);border:1px solid rgba(212,175,55,.35);border-radius:24px;padding:2rem 1.8rem 2.4rem;display:flex;flex-direction:column;gap:1.2rem;animation:slideup .32s cubic-bezier(.2,.8,.2,1)}.stylist .close-btn{background:#faf7f11f}.stylist-heading{font-family:var(--serif);font-size:2.1rem;font-weight:500;color:var(--gold-bright);letter-spacing:.06em}.stylist-demo-note{font-size:.85rem;color:#faf7f18c;letter-spacing:.08em}.scan-stage{display:flex;flex-direction:column;align-items:center;gap:1.6rem;padding:1.5rem 0 2.5rem}.scan-frame{position:relative;width:min(80%,420px);aspect-ratio:3 / 3.6;border-radius:20px;overflow:hidden;background:#241f15;display:flex;align-items:center;justify-content:center}.scan-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.scan-frame video.hidden{display:none}.scan-avatar{font-size:5rem;color:#d4af3766}.scan-line{position:absolute;inset-inline:8%;height:2px;background:linear-gradient(to right,transparent,var(--gold-bright),transparent);box-shadow:0 0 18px var(--gold-bright);animation:scanline 2.2s ease-in-out infinite}@keyframes scanline{0%,to{top:12%}50%{top:86%}}.scan-corners i{position:absolute;width:34px;height:34px;border:2px solid var(--gold-bright)}.scan-corners i:nth-child(1){top:10px;left:10px;border-right:none;border-bottom:none}.scan-corners i:nth-child(2){top:10px;right:10px;border-left:none;border-bottom:none}.scan-corners i:nth-child(3){bottom:10px;left:10px;border-right:none;border-top:none}.scan-corners i:nth-child(4){bottom:10px;right:10px;border-left:none;border-top:none}.scan-status{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);animation:fadepulse 1.8s ease-in-out infinite}.stylist-result{display:flex;flex-direction:column;gap:1.2rem}.persona-chip{align-self:flex-start;display:flex;flex-direction:column;gap:.2rem;padding:.9rem 1.4rem;border:1px solid rgba(212,175,55,.5);border-radius:14px;background:#d4af3714}.persona-label{font-size:1.05rem;font-weight:500;color:var(--gold-bright)}.persona-vibe{font-size:.9rem;color:#faf7f1bf}.stylist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.9rem}.stylist-grid .card{color:var(--ink)}.detail-similar{border-top:1px solid var(--gold-soft);padding-top:1.2rem}@media (min-width: 900px){.home,.catalog{max-width:1080px;width:100%;margin-inline:auto}.detail{max-width:1080px;display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 2rem;align-items:start}.detail-media{width:100%}.detail-similar{grid-column:1 / -1}}