/* ---- 369 Glow (real client) mini site ---- */
.ms-glow { background: #EDE1CF; color: #2A1D14; font-family: "Jost", "Inter Tight", sans-serif; }
.g-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 26px 64px; font-size: 13px; letter-spacing: .14em; color: #6b5a47; }
.g-brand { display: flex; align-items: center; gap: 10px; font-weight: 400; font-size: 26px; letter-spacing: .02em; color: #2A1D14; }
.g-brand .lg-mark { width: 38px; height: 38px; }
.g-brand sup { font-size: 11px; }
.g-loc { justify-self: end; display: flex; align-items: center; gap: 6px; letter-spacing: .06em; }
.g-bag { width: 16px; height: 18px; border: 1.6px solid #2A1D14; border-radius: 2px 2px 4px 4px; position: relative; margin-left: 10px; }
.g-bag::before { content: ""; position: absolute; left: 3px; right: 3px; top: -6px; height: 7px; border: 1.6px solid #2A1D14; border-bottom: 0; border-radius: 6px 6px 0 0; }
.g-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 40px; padding: 40px 64px 80px; min-height: 600px; }
.g-kicker { font-size: 13px; letter-spacing: .22em; text-transform: uppercase; color: #8a7a66; }
.g-hero h1 { margin-top: 18px; font-weight: 300; font-size: 104px; line-height: .95; letter-spacing: -.03em; }
.g-sub { margin-top: 24px; max-width: 420px; font-size: 19px; line-height: 1.55; color: #6b5a47; }
.g-btn { display: inline-block; margin-top: 32px; padding: 18px 30px; background: #505F3A; color: #FAF7EF; font-size: 13px; letter-spacing: .16em; }
.g-art { position: relative; height: 480px; display: grid; place-items: end center; }
.g-arch { position: absolute; left: 50%; bottom: 0; width: 70%; height: 92%; translate: -50% 0; border-radius: 999px 999px 0 0; background: linear-gradient(#e2cfb2, #d8c19f); }
.g-stems { position: absolute; left: 20%; bottom: 40px; width: 24%; }
.g-products { position: relative; display: flex; align-items: flex-end; gap: 22px; margin-bottom: 40px; }
.g-bottle { position: relative; width: 92px; height: 210px; display: flex; flex-direction: column; align-items: center; }
.g-bottle__bulb { width: 26px; height: 46px; border-radius: 14px 14px 6px 6px; background: linear-gradient(90deg, #111, #444 45%, #1a1a1a); }
.g-bottle__collar { width: 46px; height: 22px; border-radius: 4px; background: linear-gradient(90deg, #0d0d0d, #3a3a3a 45%, #111); }
.g-bottle__glass { position: relative; flex: 1; width: 100%; border-radius: 14px 14px 18px 18px; background: linear-gradient(90deg, #6e3510 0%, #b2652a 30%, #d68a48 46%, #a95c24 70%, #5e2c0c 100%); box-shadow: 14px 20px 26px -12px rgba(42,29,20,.55); display: grid; place-items: center; }
.g-bottle__glass::after { content: ""; position: absolute; left: 16%; top: 8%; width: 10%; height: 70%; border-radius: 99px; background: rgba(255,255,255,.28); }
.g-bottle__label { width: 74%; padding: 12px 0; background: #F5ECDD; display: grid; justify-items: center; gap: 2px; border-radius: 2px; position: relative; z-index: 1; }
.g-bottle__label b { font-weight: 500; font-size: 20px; letter-spacing: .08em; }
.g-bottle__label small { font-size: 9px; letter-spacing: .14em; text-transform: uppercase; color: #6b5a47; }
.g-jar { width: 120px; display: flex; flex-direction: column; align-items: center; }
.g-jar__lid { width: 100%; height: 30px; border-radius: 8px 8px 3px 3px; background: linear-gradient(90deg, #8d7448, #d9bf86 40%, #b3965e 70%, #7c6440); }
.g-jar__body { width: 94%; height: 78px; border-radius: 4px 4px 14px 14px; background: linear-gradient(90deg, #d9cfc0, #faf5ec 40%, #efe6d8 70%, #c9bca9); display: grid; place-items: center; align-content: center; box-shadow: 14px 18px 24px -12px rgba(42,29,20,.45); }
.g-jar__body b { font-weight: 500; font-size: 18px; letter-spacing: .08em; }
.g-jar__body small { font-size: 8px; letter-spacing: .14em; text-transform: uppercase; color: #6b5a47; }
.g-cols, .g-best { padding: 60px 64px 30px; }
.g-cols h2, .g-best h2 { margin-top: 8px; font-weight: 300; font-size: 54px; letter-spacing: -.02em; }
.g-chips { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 28px; }
.g-chips span { display: grid; gap: 4px; padding: 26px; border-radius: 4px; background: #F5ECDD; font-size: 20px; }
.g-chips i { font-style: normal; font-family: "Cairo", sans-serif; font-size: 15px; color: #8a7a66; }
.g-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 28px; }
.g-grid article { display: grid; gap: 6px; }
.g-shot { height: 260px; display: grid; place-items: center; background: #F5ECDD; border-radius: 4px; }
.g-shot .g-bottle { transform: scale(.85); }
.g-grid h3 { margin-top: 10px; font-weight: 400; font-size: 18px; }
.g-grid b { font-weight: 500; color: #505F3A; }
.g-quote { display: grid; grid-template-columns: 1.3fr 1fr; gap: 40px; align-items: center; padding: 80px 64px; }
.g-quote > p { font-family: "Fraunces", serif; font-size: 40px; line-height: 1.15; font-weight: 400; }
.g-country { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 24px; background: #F5ECDD; border-radius: 6px; }
.g-country small { grid-column: 1 / -1; font-family: "Fraunces", serif; font-size: 22px; }
.g-country span { display: grid; gap: 4px; padding: 18px; border: 1px solid #d9c7a7; text-align: center; font-size: 13px; color: #6b5a47; }
.g-country span b { font-size: 26px; font-weight: 400; color: #2A1D14; }
.g-country .on { border-color: #2A1D14; background: #EDE1CF; }

/* ---- 369 Glow brand board ---- */
.g-still { position: relative; width: 100%; height: 100%; display: grid; place-items: end center; container-type: size; }
.g-still > .g-arch { width: 56%; height: 82%; }
.g-still > .g-stems { left: 18%; bottom: 6%; width: 18%; }
.g-still > .g-products { transform: scale(.48); transform-origin: 50% 100%; margin-bottom: 8%; }
.bt-result { place-items: stretch; }
.g-result { display: grid; align-content: center; gap: 6px; padding: 10% 9%; color: #F5ECDD; font-family: "Jost", "Inter Tight", sans-serif; }
.g-result small { font: 500 10.5px var(--mono); letter-spacing: .12em; color: var(--lime); }
.g-result b { font-weight: 300; font-size: clamp(44px, 5.4vw, 86px); line-height: .9; letter-spacing: -.04em; }
.g-result span { font-size: clamp(12px, 1vw, 15px); line-height: 1.35; opacity: .85; }
.ap .g-bottle { transform: scale(.4); margin: -62% 0 -58%; }
.mk-shopbag { position: relative; width: 40%; aspect-ratio: .82; isolation: isolate; }
.mk-shopbag::before { content: ""; position: absolute; left: 6%; right: 6%; bottom: -5%; height: 9%; border-radius: 50%; background: rgba(42,29,20,.35); filter: blur(7px); z-index: -1; }
.mk-shopbag__h { position: absolute; left: 30%; right: 30%; top: 0; height: 26%; border: 3px solid #505F3A; border-bottom: 0; border-radius: 40px 40px 0 0; }
.mk-shopbag__body { position: absolute; left: 0; right: 0; top: 18%; bottom: 0; display: grid; place-items: center; align-content: center; gap: 8%;
  background: linear-gradient(90deg, #e9dcc6 0%, #f7efe2 35%, #efe4d2 70%, #dccbb0 100%); box-shadow: 14px 20px 24px -12px rgba(42,29,20,.5); }
.mk-shopbag__body::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 8%; background: linear-gradient(rgba(0,0,0,.08), transparent); }
.mk-shopbag__body .lg-mark { width: 30%; height: auto; }
.mk-shopbag__body b { font: 400 clamp(10px, 1vw, 15px) "Jost", sans-serif; letter-spacing: .08em; color: #2A1D14; }

/* real-project tag + result badge on the showcase card */
.case__tags .tag-real { background: var(--lime); color: var(--ink); border-color: var(--lime); font-weight: 700; }
.case__result { display: inline-flex; align-items: baseline; gap: 8px; padding: 6px 14px; border-radius: 999px; background: var(--ink); color: var(--cream); font-size: 13px; }
.case__result b { color: var(--lime); font-size: 17px; font-weight: 600; letter-spacing: -.01em; }

/* Arabic in Cairo everywhere */
.c-brand small, .d-brand small, .r-brand small { font-family: "Cairo", sans-serif !important; }