@font-face{font-family:AvonArabic;src:url('assets/NotoSansArabic.ttf')}
@font-face{font-family:AvonSans;src:url('assets/DMSans-Regular.ttf')}
:root{--pink:#CE5983;--cream:#FFF6EB;--ink:#272126;--soft:#FBEAF0;--font:AvonArabic,AvonSans,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font:14px/1.7 var(--font)}
html[lang=en]{--font:AvonSans,AvonArabic,sans-serif}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button:focus-visible{outline:3px solid var(--ink);outline-offset:5px}img{display:block;max-width:100%}
.bio{width:min(100%,440px);margin:auto;padding:54px 25px 38px;min-height:100svh}
.brand{display:flex;align-items:center;justify-content:center;gap:15px;min-height:70px}
.brand>img{width:55px;height:66px;object-fit:contain}.brand-name{font:500 15px/1.5 AvonSans;letter-spacing:2.5px}.brand-name>span{display:block;font-size:8px;letter-spacing:4px;margin-top:2px}
.socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:48px 0 37px}
.social-link{display:flex;flex-direction:column;align-items:center;gap:11px;padding:0 2px;border:0;background:transparent;min-width:0}
.social-surface{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;box-shadow:0 7px 16px #4421300A}
.social-surface>img{width:40px;height:40px;filter:brightness(0) invert(1)}
.social-surface.whatsapp{background:#25D366}.social-surface.tiktok{background:#141316;box-shadow:-2px 2px 0 #25F4EE,2px -2px 0 #FE2C55}
.social-surface.instagram{background:radial-gradient(circle at 27% 108%,#FFD776 0%,#FCA34E 24%,#EA4B6D 49%,#C83A9A 69%,#8156D6 100%)}
.social-label{font-size:12px;font-weight:500;line-height:1.6;white-space:nowrap}
.link-list{display:grid;gap:14px}.link{display:flex;align-items:center;gap:13px;width:100%;min-height:65px;padding:16px 18px;border:1px solid #E5CAD5;border-radius:17px;text-align:start;background:#fff;box-shadow:0 4px 12px #74213C03}
.link>svg{width:23px;height:23px;flex:none}.link .label{flex:1;font-size:14px;font-weight:600;line-height:1.6}.link .english{font-family:AvonSans,AvonArabic,sans-serif;letter-spacing:.15px}
.link .arrow{display:flex;flex:none}.link .arrow svg{width:18px;height:18px}.link.primary{background:var(--ink);border-color:var(--ink);color:white}.link.custom{background:var(--soft);border-color:#E8B9CC}
html[dir=ltr] .arrow{transform:scaleX(-1)}
body.pink{background:var(--pink)}.pink .bio{padding-top:35px}.pink .brand>img{background:var(--cream);padding:6px;border-radius:11px}
.pink .socials{padding:27px 9px 25px;margin-top:36px;margin-bottom:0;background:var(--cream);border-radius:28px 28px 0 0;border-bottom:1px solid #EDDBDF}
.pink .link-list{padding:23px 17px 25px;background:var(--cream);border-radius:0 0 28px 28px}.pink .social-surface{width:72px;height:72px;border-radius:22px}.pink .social-surface>img{width:38px;height:38px}.pink .link{padding-inline:13px}
body.compact{background:#FAF8F7}.compact .bio{padding-top:38px}.compact .socials{margin-top:38px;margin-bottom:30px}.compact .social-surface{border-radius:50%;width:76px;height:76px}.compact .link{border-radius:13px}.compact .link.primary{color:var(--ink);background:white;border-color:#DFAEC1}
@media(max-width:360px){.bio{padding-inline:21px;padding-top:42px}.socials{gap:8px;margin-top:42px}.social-surface{width:74px;height:74px;border-radius:23px}.link{padding-inline:15px}.link .label{font-size:13px}.pink .bio{padding-inline:17px}.pink .socials{gap:5px;padding-inline:7px}.pink .social-surface{width:68px;height:68px}.pink .link-list{padding-inline:13px}.pink .link .label{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.social-surface,.link{transition:transform .16s ease,box-shadow .16s ease}.social-link:hover .social-surface,.link:hover{transform:translateY(-2px)}}

/* Option 04: the actual homepage category imagery, in two equal visual cards. */
@font-face{font-family:AvonCategory;src:url('assets/ElMessiri.ttf');font-weight:400 700;font-display:swap}
body.site{background:#FFFFFF}
.site .bio{padding-top:42px;padding-inline:20px}
.site .socials{margin-top:34px;margin-bottom:34px}
.site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.site-tile{min-width:0;overflow:hidden;display:flex;flex-direction:column;padding:0;border:1px solid #EDE4E9;border-radius:20px;background:white;text-align:center;box-shadow:0 7px 22px #44213005}
.tile-art{display:block;position:relative;width:100%;aspect-ratio:1;flex:none;background:#FFFFFF;padding:7px}
.tile-art>img{width:100%;height:100%;object-fit:contain;object-position:center}
.custom-art{background:#FFF9F4}
.creative-cue{position:absolute;inset-inline-end:10px;top:10px;display:grid;place-items:center;width:28px;height:28px;background:#FBEAF0;border:1px solid #F1D6E1;border-radius:50%;color:#A83A64}
.creative-cue svg{width:16px;height:16px}
.tile-caption{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:64px;padding:11px 12px;border-top:1px solid #F2E9EE;background:#FFFDFC;width:100%;flex:1}
.tile-caption>span:first-child{flex:1;font:500 16px/1.55 AvonCategory,AvonArabic,sans-serif}
.tile-arrow{flex:none;display:flex;color:#A14A6B}
.tile-arrow svg{width:15px;height:15px}
html[lang=en] .tile-caption>span:first-child{font-family:AvonSans,AvonArabic,sans-serif;font-size:13px;line-height:1.5}
html[dir=ltr] .tile-arrow{transform:scaleX(-1)}
@media(max-width:360px){.site .bio{padding-inline:18px;padding-top:34px}.site .socials{margin-top:30px;margin-bottom:30px}.site-grid{gap:10px}.tile-art{padding:6px}.tile-caption{padding-inline:9px;min-height:68px}.tile-caption>span:first-child{font-size:15px}}
@media(prefers-reduced-motion:no-preference){.site-tile{transition:border-color .16s ease,box-shadow .16s ease}.site-tile:hover{border-color:#DEA8BE;box-shadow:0 9px 25px #4421300B}}

/* Production navigation: genuine anchors, same approved visual dimensions. */
a.social-link,a.site-tile{text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a.social-link:focus-visible,a.site-tile:focus-visible{outline:3px solid var(--ink);outline-offset:5px}

/* Owner's approved language addition: visible, static, no JS or auto-redirect. */
.language-bar{display:flex;justify-content:center;margin:0 0 24px;direction:ltr}
.language-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;background:#fff;border:1px solid #E7CCD7;border-radius:13px}
.language-switch a{display:flex;align-items:center;justify-content:center;min-width:82px;min-height:44px;padding:8px 13px;border-radius:9px;text-decoration:none;color:#272126;font-size:12px;line-height:1.5}
.language-switch a[lang=ar]{font-family:AvonArabic,AvonSans,sans-serif}
.language-switch a[lang=en]{font-family:AvonSans,AvonArabic,sans-serif}
.language-switch a[aria-current=page]{background:#272126;color:#fff;font-weight:600}
.language-switch a:focus-visible{outline:3px solid #CE5983;outline-offset:3px}