/* LuQta brand palette from the supplied marketing guide. */
@font-face{font-family:'Plus Jakarta Sans';src:url('fonts/plus-jakarta-sans.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url('fonts/noto-sans-arabic.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--primary:#0F2D5B;--accent:#14B8A6;--highlight:#FBBF24;--surface:#E5EAF0;--ink:#1F2937;--green:var(--primary);--muted:#596779;--paper:#fff;--line:var(--surface);--lime:var(--highlight)}
body{font-family:Inter,'Segoe UI',Arial,sans-serif}
h1,h2,h3,.logo{font-family:'Plus Jakarta Sans',Inter,sans-serif;color:var(--primary)}
.hero h1 em{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:650;color:#087f74}
.announcement{background:var(--primary);color:white}
.eyebrow{color:#087f74}.button{background:var(--primary);border-color:var(--primary)}
.button:hover{background:#17437b}.button.secondary{color:var(--primary);border-color:#acbbcd}
.button.secondary:hover{background:#f0f5fa}.button:focus-visible,a:focus-visible{outline-color:var(--accent)}
input:focus,select:focus,textarea:focus{outline-color:var(--accent)}
.logo{display:inline-flex;flex-shrink:0;align-items:center;letter-spacing:0;line-height:1}
.logo img{width:172px;height:auto;object-fit:contain}.site-header{padding-top:15px;padding-bottom:15px;gap:20px}
.site-header nav{gap:24px}.language-switch{font-family:'Noto Sans Arabic',Inter,sans-serif;border:1px solid #b3dcd7;border-radius:5px;padding:7px 12px;color:var(--primary);white-space:nowrap;font-size:12px}
.language-switch:hover{background:#e8f8f5}.cart-link span{background:var(--accent);color:#082d35}
.hero-art{isolation:isolate}.art-circle{background:#e7f7f5}.art-card{background:var(--primary);color:white;box-shadow:15px 18px 0 #0f2d5b12}
.art-card>span{color:#71e0d4}.art-card strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:24px;font-weight:650}
.art-card small{color:#dce7f7}.art-sticker{background:var(--highlight);color:var(--primary);font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:17px}
.lamp:before,.lamp:after{background:#0a706b}.lamp i{background:var(--accent);box-shadow:inset -23px -1px 0 #0d9488}.lamp b{background:#d6f9f1}
.filters,.summary{background:#f3f6fa}.product-image{background:var(--surface)}
.image-placeholder{background:linear-gradient(140deg,#e5eaf0,#f1f7f8);color:var(--primary)}
.image-placeholder>span{font-family:'Plus Jakarta Sans','Noto Sans Arabic',sans-serif;font-weight:700}
.image-placeholder small{color:var(--muted)}.badge{background:#e2f6f2;color:#075f57}.condition{background:#fffef3}
.step{color:#087f74;font-family:'Plus Jakarta Sans',sans-serif;font-size:24px}.available{color:#087367}
.notice{background:#fffae8;border-left-color:var(--highlight)}.empty-state>span{color:#087f74}
.metric:last-child{background:var(--primary)}.metric:last-child>span{color:#cee8f1}.history-entry{border-left-color:var(--accent)}
.sidebar nav a:hover:not(.active){background:#e9f4f6}.sidebar nav a.active{background:var(--primary)}
th{background:#f0f4f8}.detail-image{background:#f0f4f8}.summary-line{border-color:var(--surface)}
footer .logo img{width:130px}footer{gap:24px}
/* Direction-sensitive layout. Product identifiers and entered text retain their own direction. */
[dir=rtl] body{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;line-height:1.9}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .hero h1 em{font-family:'Noto Sans Arabic',Tahoma,sans-serif;letter-spacing:0;line-height:1.55}
[dir=rtl] .hero h1{font-size:51px;line-height:1.5;letter-spacing:-.5px}
[dir=rtl] .eyebrow{letter-spacing:0;font-size:11px}[dir=rtl] .hero p{line-height:2.1}
[dir=rtl] .announcement span{margin-left:0;margin-right:35px}
[dir=rtl] .cart-link span{margin-left:0;margin-right:8px}
[dir=rtl] .button span{margin-left:0;margin-right:20px}
[dir=rtl] footer small{margin-left:0;margin-right:auto}
[dir=rtl] .condition{left:auto;right:12px}[dir=rtl] .image-arrow{right:auto;left:12px}
[dir=rtl] .sidebar{border-right:0;border-left:1px solid var(--line)}
[dir=rtl] .notice{border-left:0;border-right:3px solid var(--highlight)}
[dir=rtl] .history-entry{border-left:0;border-right:2px solid var(--accent);padding-left:0;padding-right:17px}
[dir=rtl] .cart-item strong{margin-left:0;margin-right:auto}
[dir=rtl] th{text-align:right}[dir=rtl] .art-card{transform:rotate(8deg)}
[dir=rtl] .art-card strong,[dir=rtl] .art-sticker{font-family:'Noto Sans Arabic',sans-serif;line-height:1.6}
[dir=rtl] input:not([type=email]):not([type=tel]):not([type=number]),[dir=rtl] textarea{unicode-bidi:plaintext}
input[type=email],input[type=tel],input[name=slug]{direction:ltr;text-align:left}
.breadcrumbs,.detail-copy>.eyebrow{unicode-bidi:plaintext}
.staff-label{font-size:12px;color:var(--primary)}
label{color:#48586c}input,select,textarea{border-color:#ccd6e1}
[dir=rtl] .art-sticker{right:auto;left:0;bottom:20px}
@media(max-width:800px){.logo img{width:145px}.site-header nav{gap:12px}[dir=rtl] .hero h1{font-size:38px}[dir=rtl] .sidebar{border-left:0}[dir=rtl] footer small{margin-right:0}[dir=rtl] .hero-art{transform-origin:left center;margin-left:0;margin-right:-45px}}
@media(max-width:580px){.site-header{flex-wrap:wrap;gap:8px;padding:12px 5%}.logo img{width:116px}.site-header nav{gap:9px;flex-wrap:wrap;justify-content:flex-end;flex:1}.site-header nav>a:first-child{display:none}.language-switch{padding:5px 8px;font-size:11px}.site-header .cart-link{white-space:nowrap}.hero h1{font-size:39px}[dir=rtl] .hero h1{font-size:35px;line-height:1.55}[dir=rtl] .hero .eyebrow{font-size:10px}[dir=rtl] .hero-note{font-size:10px;gap:12px}[dir=rtl] .how-it-works>div:not(:first-child){padding-left:0;padding-right:40px}[dir=rtl] .step{left:auto;right:0}[dir=rtl] .condition{right:8px;left:auto}[dir=rtl] .section-heading{align-items:start}[dir=rtl] .section-heading h2{font-size:21px}[dir=rtl] .page-heading h1{font-size:30px}[dir=rtl] .filters label{font-size:10px}.filters input,.filters select{min-width:0}footer .logo img{width:108px}}