body.lux{--paper: var(--lux-bg);--surface: var(--lux-bg);--surface-2: var(--lux-surface);--line: var(--lux-line);--line-strong: #c4b19c;--ink: var(--lux-ink);--ink-2: var(--lux-ink-2);--ink-3: var(--lux-ink-2);--accent: var(--lux-accent);--accent-ink: var(--lux-accent);--photo-bg: var(--lux-photo);--photo-glow: none;background:var(--lux-bg);color:var(--lux-ink)}body.lux .site-header{background:var(--lux-bg)}body.lux .announcement,body.lux .site-footer{background:var(--lux-ink);color:var(--lux-surface)}body.lux :focus-visible{outline-color:var(--lux-accent)}.lux-label{color:var(--lux-accent);font-size:var(--fs-12);font-weight:500}:lang(en) .lux-label{letter-spacing:.16em;text-transform:uppercase}.lux-hero{position:relative;display:grid;gap:8px;align-items:center;padding-block:24px 40px}@media(min-width:900px){.lux-hero{grid-template-columns:1fr 1fr;gap:48px;padding-block:32px 72px}}.lux-hero-copy{position:relative;display:grid;gap:20px;max-inline-size:28rem;padding-block:32px}.lux-hero-copy:before{content:"";position:absolute;z-index:-1;inset:-30% -25%;background:radial-gradient(closest-side,var(--lux-light),transparent)}.lux-display{margin:0;font:500 clamp(2.75rem,7vw,5.5rem) / 1.05 var(--font-display);color:var(--lux-ink)}:lang(ar) .lux-display{line-height:1.25}.lux-hero-copy p{margin:0;max-inline-size:26rem;color:var(--lux-ink-2);font-size:var(--fs-18)}.lux-hero-img{display:block;justify-self:center;inline-size:min(100%,500px);block-size:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:28px;background:var(--lux-photo);animation:lux-lights-on 1.6s var(--ease-out) both}@keyframes lux-lights-on{0%{opacity:0;filter:brightness(.3)}}@media(prefers-reduced-motion:reduce){.lux-hero-img{animation:none}}.lux-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:10px 12px;padding-inline-start:20px;border-radius:var(--pill);background:var(--lux-surface);font-size:var(--fs-14)}@media(max-width:599px){.lux-filters{border-radius:var(--radius-lg)}}.lux-filters label{display:inline-flex;align-items:center;gap:8px;color:var(--lux-ink-2)}.lux-filters select{padding-block:7px;padding-inline:14px 30px;border:1px solid var(--line-strong);border-radius:var(--pill);background:var(--lux-bg);color:var(--lux-ink);font:inherit}.lux-filters .lux-count{margin-inline-start:auto;color:var(--lux-ink-2)}.lux-link{color:var(--lux-accent);text-decoration:underline;text-underline-offset:3px}.lux-apply{padding:8px 20px;border:0;border-radius:var(--pill);background:var(--lux-ink);color:var(--lux-bg);font:500 var(--fs-14) / 1.2 var(--font-body);cursor:pointer}.lux-apply:hover{background:var(--lux-accent)}.lux-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 14px;padding-block:36px 24px}@media(min-width:768px){.lux-grid{grid-template-columns:repeat(3,1fr);gap:52px 24px}}@media(min-width:1100px){.lux-grid{grid-template-columns:repeat(4,1fr);gap:60px 28px}}.lux-card{position:relative;display:grid;gap:4px;align-content:start}.lux-card-ph{position:relative;aspect-ratio:3 / 4;overflow:hidden;margin-block-end:12px;border-radius:20px;background:var(--lux-photo)}.lux-card-ph img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;transition:opacity .5s var(--ease-out)}.lux-card-ph img.lux-contain{object-fit:contain;background:#f2eee7}.lux-card-ph img+img{opacity:0}.lux-card:is(:hover,:focus-within) .lux-swap img+img{opacity:1}@media(prefers-reduced-motion:reduce){.lux-card-ph img{transition:none}}.lux-card h3{margin:0;font:500 var(--fs-16) / 1.45 var(--font-display)}.lux-card h3 a:after{content:"";position:absolute;inset:0}.lux-card h3 a:focus-visible{outline:none}.lux-card:has(h3 a:focus-visible) .lux-card-ph{outline:2px solid var(--lux-accent);outline-offset:4px}.lux-card .price{color:var(--lux-ink);font-size:var(--fs-18)}.lux-card .price-ask{color:var(--lux-ink-2);font:500 var(--fs-14) / 1.4 var(--font-body)}.lux-empty{padding-block:64px;color:var(--lux-ink-2);text-align:center}.lux-pdp{display:grid;gap:36px;padding-block:16px 64px}@media(min-width:1000px){.lux-pdp{grid-template-columns:7fr 5fr;gap:64px;align-items:start}.lux-buy{position:sticky;inset-block-start:24px}}.lux-gallery .gallery-main{aspect-ratio:3 / 4;overflow:hidden;border-radius:24px;background:var(--lux-photo)}.lux-gallery .gallery-main:has(img:not(.img-cover)){background:#f2eee7}.lux-gallery .gallery-main img{inline-size:100%;block-size:100%;object-fit:contain}.lux-gallery .gallery-main img.img-cover{object-fit:cover}.lux-gallery .gallery-thumbs .ph{overflow:hidden;border-radius:12px;background:var(--lux-photo)}.lux-gallery .gallery-thumbs .ph[aria-pressed=true]{border-color:var(--lux-accent)}.lux-gallery-note{margin-block-start:12px;color:var(--lux-ink-2);font-size:var(--fs-12)}.lux-buy{display:grid;gap:28px}.lux-buy h1{margin:6px 0 0;font:500 clamp(2rem,3.4vw,var(--fs-48)) / 1.2 var(--font-display)}.lux-buy .lux-desc{margin:0;color:var(--lux-ink-2)}.lux-buy .buybox{gap:18px}.lux-buy .btn{border-radius:var(--pill)}.lux-buy .btn-outline{border-color:var(--line-strong);color:var(--lux-ink)}.lux-buy .buybox-ask{justify-self:center;color:var(--lux-ink-2);font-size:var(--fs-14);text-decoration:underline;text-underline-offset:3px}.lux-specs{display:grid;margin:0;padding:0;list-style:none;border-block-start:1px solid var(--lux-line)}.lux-specs li{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding-block:12px;border-block-end:1px solid var(--lux-line);font-size:var(--fs-14)}.lux-specs svg{color:var(--lux-accent)}.lux-specs span{color:var(--lux-ink-2)}.lux-specs b{font-weight:500}.lux-dims{display:flex;justify-content:center;color:var(--lux-ink-2)}.lux-strip{display:grid;gap:14px;margin:0;padding:20px 22px;list-style:none;border-radius:var(--radius-lg);background:var(--lux-surface);font-size:var(--fs-14)}@media(min-width:600px){.lux-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.lux-strip li{display:flex;gap:10px;align-items:flex-start}.lux-strip svg{flex:none;color:var(--lux-accent)}.lux-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-block-start:28px;border-block-start:1px solid var(--lux-line)}.lux-section-head h2{margin:0;font:500 var(--fs-28) / var(--lh-display) var(--font-display)}
