:root{--theme-brand:#cf5f7e;--theme-on-brand:#ffffff;--theme-radius:14px;--theme-radius-sm:9px;--logo:#e83c6a;--brand:var(--theme-brand);--on-brand:var(--theme-on-brand);--brand-dark:color-mix(in srgb,var(--brand) 78%,#000);--brand-50:color-mix(in srgb,var(--brand) 6%,var(--surface));--brand-100:color-mix(in srgb,var(--brand) 15%,var(--surface));--teal:#0fb1bb;--surface:#ffffff;--bg:color-mix(in srgb,var(--brand) 4%,#fdfcfc);--ink:color-mix(in srgb,var(--brand) 10%,#1d1a1c);--ink-soft:color-mix(in srgb,var(--brand) 12%,#4b484a);--muted:color-mix(in srgb,var(--brand) 14%,#86828a);--line:color-mix(in srgb,var(--brand) 9%,#ece9ea);--line-strong:color-mix(in srgb,var(--brand) 16%,#dcd8da);--brand-gradient:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,#fff) 0%,color-mix(in srgb,var(--brand) 22%,#fff) 100%);--danger:#b3261e;--danger-bg:#fdeeed;--ok:#1d8656;--ok-bg:#e9f6ef;--warn:#8a5a00;--warn-bg:#fff4d6;--info:#1f4f9a;--info-bg:#e6f0fd;--radius:var(--theme-radius);--radius-sm:var(--theme-radius-sm);--shadow:0 1px 2px rgba(30,24,28,0.04),0 8px 24px rgba(30,24,28,0.05);--font:"IBM Plex Sans Arabic","Segoe UI",system-ui,-apple-system,sans-serif;--font-display:"Cormorant Garamond","IBM Plex Sans Arabic",Georgia,serif;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg);line-height:1.6}h1{font-size:1.6rem;margin:0 0 .25rem;letter-spacing:-.01em}h1,h2{font-weight:600}h2{font-size:1.05rem;margin:0}p{margin:.4rem 0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.muted{color:var(--muted)}.spacer{flex:1 1}.center{text-align:center;-webkit-margin-before:3rem;margin-block-start:3rem;color:var(--muted)}.row{display:flex;gap:.6rem;align-items:center}.row.wrap{flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin-block:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow)}.card.narrow{max-width:25rem;margin:5rem auto}.error{color:var(--danger);background:var(--danger-bg);padding:.6rem .85rem;border-radius:var(--radius-sm)}label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--ink-soft);font-weight:500}label.inline{flex-direction:row;align-items:center}button,input,select,textarea{font:inherit}input,select,textarea{padding:.55rem .75rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-100)}input[type=checkbox]{accent-color:var(--brand);width:1rem;height:1rem;padding:0}fieldset{border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:.6rem;padding:1rem}legend{padding-inline:.4rem;color:var(--muted);font-size:.85rem}a.button,button{cursor:pointer;border:1px solid var(--brand);background:var(--brand);color:var(--on-brand);border-radius:var(--radius-sm);padding:.5rem 1.05rem;font-weight:500;text-decoration:none;transition:background .15s,transform .05s;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}a.button:hover,button:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark);text-decoration:none}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.danger{background:var(--danger);border-color:var(--danger)}button.link{background:none;border:none;color:var(--brand);padding:0;font-weight:500}button.link:hover:not(:disabled){background:none;text-decoration:underline;text-underline-offset:3px}.chip{background:var(--surface);color:var(--ink-soft);border-color:var(--line-strong);border-radius:999px;padding:.3rem .9rem;font-size:.88rem}.chip:hover:not(:disabled){background:var(--brand-50);border-color:var(--brand);color:var(--brand)}.chip.active,.chip.active:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:#fff}.filters{gap:.5rem;flex-wrap:wrap}.actions,.filters{display:flex;margin-block:1rem}.actions{gap:.6rem}.badge{font-size:.75rem;background:var(--brand-100);color:var(--brand-dark);border-radius:999px;padding:.15rem .65rem;font-weight:500;vertical-align:middle}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.card table{box-shadow:none}td,th{text-align:start;padding:.7rem .9rem;-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line);vertical-align:top}thead th{background:#fdfbfb;color:var(--muted);font-size:.8rem;font-weight:600;letter-spacing:.02em}tbody tr:last-child td,tbody tr:last-child th{-webkit-border-after:none;border-block-end:none}tbody tr:hover td{background:var(--brand-50)}tfoot th{-webkit-border-before:2px solid var(--line-strong);border-block-start:2px solid var(--line-strong)}.matrix td,.matrix th{text-align:center}.matrix td:first-child,.matrix th:first-child{text-align:start}dl{display:grid;grid-template-columns:max-content 1fr;grid-gap:.4rem 1.25rem;gap:.4rem 1.25rem;margin:0}dt{color:var(--muted)}dd,pre{margin:0}pre{font-size:.75rem;white-space:pre-wrap}.notes{list-style:none;padding:0}.notes li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .9rem;-webkit-margin-after:.6rem;margin-block-end:.6rem}.notes p{margin:0 0 .25rem;white-space:pre-wrap}.maker-credit{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;color:var(--muted);font-size:.8rem}.maker-credit svg{height:1.35rem;width:auto;color:var(--ink)}main{max-width:64rem;margin:0 auto;padding:2.5rem 1.25rem 4rem;min-height:60vh}h1{font-size:2rem}.bar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1rem;padding:.6rem clamp(1rem,4vw,3rem);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line)}.brand{display:block;color:var(--ink);line-height:0}.brand svg{height:3.4rem;width:auto;color:var(--logo)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));grid-gap:1.25rem;gap:1.25rem;-webkit-margin-before:1.25rem;margin-block-start:1.25rem}.grid .card{margin:0;gap:.9rem;transition:transform .2s,box-shadow .2s}.grid .card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(42,27,34,.05),0 16px 36px rgba(42,27,34,.09)}.grid .card small:first-child{color:var(--brand);font-weight:500;letter-spacing:.04em}.grid .card h2{font-size:1.2rem}.grid .row{flex-wrap:wrap;justify-content:space-between;-webkit-padding-before:.8rem;padding-block-start:.8rem;-webkit-border-before:1px dashed var(--line-strong);border-block-start:1px dashed var(--line-strong)}.grid .row strong{font-size:1.1rem;color:var(--ink)}.grid .row .button{-webkit-margin-start:auto;margin-inline-start:auto}input.qty{width:5rem}.reference{font-size:2rem;font-weight:600;letter-spacing:.12em;margin:0;color:var(--brand)}.card>.row,main>form .row{justify-content:space-between}.site-foot{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 1rem 2rem;background:var(--brand-gradient)}.site-foot,.site-foot .maker-credit{color:var(--ink-soft)}.site-foot .maker-credit svg{color:var(--ink)}.foot-mark{height:4rem;width:auto;color:var(--logo)}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;grid-gap:1.5rem;gap:1.5rem;padding:2rem clamp(1.25rem,4vw,3rem);border-radius:calc(var(--radius) * 1.5);background:linear-gradient(135deg,var(--brand-50),var(--brand-100));border:1px solid var(--line);overflow:hidden}.hero h1{font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.25;-webkit-margin-after:.75rem;margin-block-end:.75rem}.hero p{color:var(--ink-soft);max-width:30rem;-webkit-margin-after:1.25rem;margin-block-end:1.25rem}.hero-art{width:100%;max-height:15rem}.perks{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));grid-gap:1rem;gap:1rem}.perks li{display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1.1rem;background:var(--surface);border:1px solid var(--line);-webkit-border-start:4px solid var(--brand);border-inline-start:4px solid var(--brand);border-radius:var(--radius-sm)}.perks span{color:var(--muted);font-size:.88rem}.section-title{font-size:1.5rem;margin-block:2.25rem .25rem;scroll-margin-top:5rem}.grid .card{overflow:hidden}.art-photo{object-fit:cover}.photos{display:contents}.photos-strip{display:flex;gap:.35rem;flex-wrap:wrap}.photos-strip button{width:2.75rem;height:2.75rem;padding:0;border:2px solid var(--line);border-radius:6px;overflow:hidden;background:none;cursor:pointer}.photos-strip button.on{border-color:var(--brand)}.photos-strip img{width:100%;height:100%;object-fit:cover;display:block}.card .art{display:block;width:calc(100% + 2.5rem);height:10rem;margin:-1.25rem -1.25rem 0}@media (max-width:40rem){.hero{grid-template-columns:1fr}.hero-art{max-height:10rem}}