:root{--green:#083d2d;--green2:#0e5b43;--gold:#e7bd62;--ink:#14201b;--paper:#f7f5ee;--line:#d8d8ce;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans KR","Noto Sans Arabic",Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.notice{background:#062f23;color:#d6e8df;text-align:center;padding:8px 16px;font-size:.78rem;letter-spacing:.04em}header{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);position:sticky;top:0;z-index:10;border-bottom:1px solid #eee}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.05em;line-height:.85}.brand b{color:var(--green2)}.brand small{display:block;font-size:.55rem;letter-spacing:.28em;margin-top:7px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50% 50% 50% 8px;background:var(--green);color:var(--gold);font-family:Georgia,serif;font-size:1.5rem}nav{display:flex;gap:30px;font-size:.92rem}nav a:hover{color:var(--green2)}.actions{display:flex;align-items:center;gap:10px}select,.icon-button,.cart{height:42px;border:1px solid var(--line);background:white;border-radius:24px;padding:0 13px;font:inherit}.icon-button{font-size:1.5rem;width:42px;padding:0}.cart{background:var(--green);color:#fff;border-color:var(--green);display:flex;gap:10px;align-items:center}.cart b{display:grid;place-items:center;background:var(--gold);color:var(--ink);width:22px;height:22px;border-radius:50%;font-size:.75rem}.hero{min-height:630px;background:linear-gradient(90deg,rgba(4,22,17,.99) 0%,rgba(4,22,17,.88) 37%,rgba(4,22,17,.12) 68%),url('assets/al-bazaar-hero.png') center/cover no-repeat;display:flex;align-items:center;color:#fff}.hero-copy{max-width:650px;padding:72px clamp(24px,7vw,110px)}.eyebrow{color:var(--gold);font-size:.76rem;letter-spacing:.18em;font-weight:800}.eyebrow.dark{color:var(--green2)}h1{font:700 clamp(2.8rem,6vw,5.4rem)/.98 Georgia,serif;margin:20px 0 24px;letter-spacing:-.035em}h1 em{color:var(--gold);font-weight:400}.hero-text{font-size:1.1rem;line-height:1.65;max-width:540px;color:#d4ded9}.primary{display:inline-flex;gap:25px;align-items:center;background:var(--gold);color:#10271f;padding:16px 21px;margin-top:18px;font-weight:800;border-radius:3px}.primary:hover{background:#f2cc7c}.proof{display:flex;gap:36px;margin-top:52px}.proof span{display:flex;flex-direction:column;border-left:1px solid #587068;padding-left:14px}.proof b{font:700 1.35rem Georgia,serif;color:#fff}.proof small{color:#aebdb7;margin-top:5px}.category-section{padding:80px clamp(20px,6vw,92px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2,.service h2{font:700 clamp(2rem,4vw,3.4rem) Georgia,serif;margin:8px 0}.search{width:min(390px,100%);height:48px;border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:12px}.search input{border:0;background:transparent;width:100%;font:inherit;outline:none}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.category{min-height:155px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.2s;background:#faf9f4}.category:hover,.category.featured{background:var(--green);color:#fff}.category .number{font-size:.7rem;color:#89928d}.category h3{margin:0 0 8px;font:700 1.35rem Georgia,serif}.category p{margin:0;color:#68726d;font-size:.88rem}.category:hover p,.category.featured p{color:#b8cbc3}.category b{align-self:flex-end;color:var(--gold);font-size:1.3rem}.category.hidden{display:none}.service{background:var(--green);color:#fff;padding:80px clamp(20px,6vw,92px)}.service>div:first-child{max-width:680px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#416a5e;margin-top:45px}.service article{background:var(--green);padding:35px}.service article span{color:var(--gold);font-size:1.8rem}.service h3{font:700 1.4rem Georgia,serif}.service article p{color:#bcd0c8;line-height:1.6}footer{position:relative;background:#051f18;color:#dce7e2;padding:60px clamp(20px,6vw,92px) 34px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:42px}.footer-brand{color:white;align-self:start}footer h3{color:var(--gold);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}footer a,footer p{display:block;color:#aebfb8;margin:9px 0;line-height:1.5}.copyright{position:absolute;bottom:10px;left:clamp(20px,6vw,92px);font-size:.75rem}dialog{border:0;border-radius:8px;width:min(560px,90vw);padding:0;box-shadow:0 20px 80px #0007}dialog::backdrop{background:#001b1399}dialog form{padding:40px;position:relative}dialog button{position:absolute;right:15px;top:10px;border:0;background:none;font-size:2rem}dialog h2{font:700 2rem Georgia,serif}dialog input{width:100%;height:52px;border:1px solid var(--line);padding:0 15px;font:inherit}dialog p{color:#66716c}[dir=rtl] .hero{background:linear-gradient(270deg,rgba(4,22,17,.99) 0%,rgba(4,22,17,.88) 37%,rgba(4,22,17,.12) 68%),url('assets/al-bazaar-hero.png') center/cover no-repeat}[dir=rtl] .hero-copy{margin-left:auto}[dir=rtl] .proof span{border-left:0;border-right:1px solid #587068;padding-left:0;padding-right:14px}[dir=rtl] .category b{align-self:flex-start}@media(max-width:900px){nav{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:repeat(2,1fr)}.hero{min-height:570px;background-position:60% center}.hero-copy{padding-top:60px;padding-bottom:60px}.proof{gap:18px}.actions select{max-width:95px}}@media(max-width:600px){.notice{font-size:.68rem}header{height:68px}.brand-mark{width:36px;height:36px}.brand{font-size:.82rem}.actions{gap:5px}.actions .icon-button{display:none}.cart span{display:none}.hero{min-height:600px;background-position:68% center}.hero-copy{padding:60px 20px;background:linear-gradient(90deg,rgba(4,22,17,.6),transparent)}.hero-text{font-size:1rem}.proof{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-heading{align-items:stretch;flex-direction:column}.category-grid{grid-template-columns:1fr}.category{min-height:130px}.service-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding-bottom:65px}}
