/* گلدن گیفت — «مخمل و طلا»: بادمجانیِ تیره، طلایی، عاجی؛ Noto Naskh برای تیتر، Noto Sans Arabic برای متن */
@font-face{font-family:Naskh;font-weight:700;font-display:swap;src:url(/a/fonts/noto-naskh-arabic-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Naskh;font-weight:700;font-display:swap;src:url(/a/fonts/noto-naskh-arabic-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:NSans;font-weight:400;font-display:swap;src:url(/a/fonts/noto-sans-arabic-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:NSans;font-weight:600 800;font-display:swap;src:url(/a/fonts/noto-sans-arabic-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}

:root{--bg:#fbf7f0;--surface:#fff;--ink:#23101f;--muted:#7a6474;--line:#efe4d6;--brand:#2b1030;--brand-ink:#f3d9a4;--accent:#c9963a;
--gold:#c9963a;--gold-l:#f3d9a4;--plum:#2b1030;--plum2:#4a1d4f;--radius:18px;--radius-sm:12px;
--shadow:0 1px 2px rgb(43 16 48/.06),0 18px 40px rgb(43 16 48/.12);--font-body:NSans,Tahoma,sans-serif;--font-display:Naskh,NSans,serif;
--ft-bg:#1d0a21;--ft-ink:#f1e6f0}
body{line-height:1.95}
h1,h2,h3,.sec__title{font-weight:700;letter-spacing:0}
.hd{background:color-mix(in srgb,#fbf7f0 90%,transparent)}
.brand svg{width:46px;height:46px}
.brand__text b{font-family:var(--font-display);font-size:23px;color:var(--plum);line-height:1.2}
.brand__text small{color:var(--gold)}
.hd__call{background:var(--plum);color:var(--gold-l)}
.nav a:hover{background:rgb(201 150 58/.12);color:var(--plum)}
.btn--brand{background:var(--plum);color:var(--gold-l)}
.btn--brand:hover{background:var(--plum2)}
.btn--gold{background:linear-gradient(135deg,#e2b65c,#c9963a);color:#2b1030}
.card{border-radius:20px;border-color:#efe4d6}
.card__img{background:#fff}
.card__img img{object-fit:contain;padding:8px}
.card__img--art img{object-fit:cover;padding:0}
.card__title{font-weight:600}
.card__price{color:var(--plum)}
.card__price::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-inline-start:6px;vertical-align:middle}
.pd__media>img:first-child{object-fit:contain;background:#fff}
.pd__price{background:linear-gradient(135deg,#fff8ea,#f7ead0);border:1px solid #ecd8b0}
.pd__price b{color:var(--plum)}
.pd__coll{color:var(--gold)}
.pl td:last-child{color:var(--plum)}
.chips a:hover{border-color:var(--gold);color:var(--plum)}
.ft{background:radial-gradient(600px 280px at 50% 0%,rgb(201 150 58/.16),transparent 70%),var(--ft-bg)}
.ft .brand__text b{color:var(--gold-l)}

/* ---------- home ---------- */
.g-hero{position:relative;overflow:hidden;color:#f1e6f0;background:
  radial-gradient(520px 380px at 22% 0%,rgb(243 217 164/.20),transparent 70%),
  radial-gradient(700px 500px at 100% 100%,rgb(74 29 79/.9),transparent 70%),linear-gradient(160deg,#3a1540,#1d0a21)}
.g-hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgb(255 255 255/.018) 0 2px,transparent 2px 7px);pointer-events:none}
.g-hero__in{position:relative;z-index:1;display:grid;gap:30px;align-items:center;padding-block:clamp(34px,6vw,80px) clamp(30px,5vw,64px)}
@media (min-width:960px){.g-hero__in{grid-template-columns:1fr 1fr;gap:40px}}
.g-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold-l);font-size:14px;letter-spacing:.3px}
.g-eyebrow::before,.g-eyebrow::after{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.g-eyebrow::after{background:linear-gradient(90deg,var(--gold),transparent)}
.g-hero h1{font-size:clamp(32px,5.6vw,60px);line-height:1.55;margin:14px 0 8px;color:#fff}
.g-hero h1 em{font-style:normal;background:linear-gradient(135deg,#f7dc9c,#c9963a 60%,#f3d9a4);-webkit-background-clip:text;background-clip:text;color:transparent}
.g-hero p{color:#d8c6d6;max-width:540px;font-size:clamp(15px,1.8vw,17px)}
.g-search{display:flex;gap:6px;margin-top:22px;max-width:560px;padding:6px;border-radius:999px;background:rgb(255 255 255/.08);border:1px solid rgb(243 217 164/.35)}
.g-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:#fff;padding:10px 16px}
.g-search input::placeholder{color:#bfa9bd}
.g-search .btn{min-height:48px}
.g-pop{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.g-pop a{color:#ecdcea;text-decoration:none;font-size:13.5px;padding:6px 12px;border-radius:999px;border:1px solid rgb(255 255 255/.16);min-height:36px;display:inline-flex;align-items:center}
.g-pop a:hover{border-color:var(--gold);color:var(--gold-l)}

/* the vitrine: arched niches with a spotlight */
.g-vitrine{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:end;gap:clamp(8px,1.6vw,18px);max-width:560px;width:100%;margin-inline:auto}
.g-niche{position:relative;display:block;aspect-ratio:3/4;border-radius:999px 999px 18px 18px;padding:8px;background:linear-gradient(180deg,rgb(243 217 164/.9),rgb(201 150 58/.55));box-shadow:0 30px 60px rgb(0 0 0/.35);text-decoration:none}
.g-niche:nth-child(2){aspect-ratio:3/4.4}
.g-niche span{position:absolute;inset:8px;border-radius:999px 999px 12px 12px;overflow:hidden;background:radial-gradient(120% 70% at 50% 0%,#fff,#f6eee2)}
.g-niche img{width:100%;height:100%;object-fit:contain;padding:18% 8% 8%}
.g-niche::before{content:"";position:absolute;inset:-40px 18% auto;height:60px;background:radial-gradient(closest-side,rgb(255 236 190/.55),transparent);filter:blur(6px)}
.g-niche:hover{transform:translateY(-4px)}
.g-niche{transition:transform .3s}
.g-plinth{grid-column:1/-1;height:16px;border-radius:6px;background:linear-gradient(180deg,#c9963a,#7a5520);box-shadow:0 14px 30px rgb(0 0 0/.35)}

/* who is it for */
.g-sec-hd{text-align:center;margin-bottom:22px}
.g-sec-hd h2{font-size:clamp(24px,3.4vw,36px);color:var(--plum)}
.g-sec-hd p{color:var(--muted);margin-top:4px}
.g-sec-hd::after{content:"";display:block;width:64px;height:2px;margin:12px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.g-who{display:flex;gap:18px;overflow-x:auto;padding:6px 4px 12px;scroll-snap-type:x proximity;scrollbar-width:none}
.g-who::-webkit-scrollbar{display:none}
@media (min-width:1000px){.g-who{display:grid;grid-template-columns:repeat(10,1fr);overflow:visible}}
.g-person{flex-shrink:0;width:104px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;text-decoration:none;scroll-snap-align:start}
.g-person__ph{width:96px;height:96px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,#f3d9a4,#c9963a,#f7e6bf,#c9963a,#f3d9a4);transition:transform .25s}
.g-person__ph span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#fff;overflow:hidden;color:var(--plum)}
.g-person__ph img{width:100%;height:100%;object-fit:contain;padding:6px}
.g-person b{font-size:14.5px;line-height:1.4}
.g-person small{color:var(--muted);font-size:12px;margin-top:-6px}
.g-person:hover .g-person__ph{transform:translateY(-3px) scale(1.03)}

/* kind of gift */
.g-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:760px){.g-kinds{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.g-kinds{grid-template-columns:repeat(6,minmax(0,1fr))}}
.g-kind{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px 18px;border-radius:999px 999px 20px 20px;background:#fff;border:1px solid var(--line);text-decoration:none;text-align:center;transition:box-shadow .25s,border-color .25s}
.g-kind__ic{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#f8efe0;color:var(--plum)}
.g-kind b{font-family:var(--font-display);font-size:18px;color:var(--plum)}
.g-kind small{color:var(--muted)}
.g-kind:hover{border-color:var(--gold);box-shadow:var(--shadow)}

/* occasions */
.g-occ{display:grid;gap:18px;align-items:center;padding:clamp(22px,4vw,40px);border-radius:28px;background:#fff;border:1px solid #ecd8b0;box-shadow:inset 0 0 0 6px #fbf4e6}
@media (min-width:900px){.g-occ{grid-template-columns:1fr 1.6fr}}
.g-occ h2{font-size:clamp(22px,3vw,32px);color:var(--plum)}
.g-occ p{color:var(--muted)}
.g-occ__list{display:flex;flex-wrap:wrap;gap:10px}
.g-occ__list a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#fbf4e6;color:var(--plum);text-decoration:none;font-weight:600;min-height:44px}
.g-occ__list a::before{content:"✦";color:var(--gold);font-size:12px}
.g-occ__list a:hover{background:var(--plum);color:var(--gold-l)}

/* contact */
.g-contact{display:grid;gap:22px;padding:clamp(24px,4vw,44px);border-radius:28px;color:#efe2ee;background:radial-gradient(500px 280px at 100% 0%,rgb(201 150 58/.22),transparent 70%),linear-gradient(150deg,#3a1540,#1d0a21)}
@media (min-width:900px){.g-contact{grid-template-columns:1.2fr 1fr;align-items:center}}
.g-contact h2{color:#fff;font-size:clamp(24px,3.4vw,34px)}
.g-contact p{color:#cdb8cb;margin-top:6px}
.g-contact__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.g-contact .btn--ghost{color:#fff}
.g-sister{display:flex;gap:14px;align-items:center;padding:16px;border-radius:20px;background:rgb(255 255 255/.06);border:1px solid rgb(243 217 164/.25);text-decoration:none;color:#fff}
.g-sister i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--gold-l);color:var(--plum);flex-shrink:0}
.g-sister small{display:block;color:#cdb8cb;font-size:13px}

.g-faq details{border-bottom:1px solid var(--line);padding:12px 0}
.g-faq summary{cursor:pointer;font-weight:600;font-size:16px;min-height:48px;display:flex;align-items:center;gap:10px;list-style:none}
.g-faq summary::-webkit-details-marker{display:none}
.g-faq summary::before{content:"✦";color:var(--gold)}
.g-faq p{color:var(--muted);padding-inline-start:24px}
