/* GYNÉBELLE · Plan du site premium et accessible – 2026-11-06 */
.g3-directory{--dir-rose:#a73774;--dir-ink:#452539;--dir-soft:#fff5f9;--dir-line:#ebc7d8;--dir-shadow:0 16px 40px rgba(111,31,70,.09);background:linear-gradient(180deg,#fff8fb 0%,#fff0f6 36%,#fff9fb 100%);color:var(--dir-ink)}
.g3-directory main.g3-wrap{max-width:1240px;margin-inline:auto;padding-bottom:70px}
.g3-directory .g3-dir-hero{margin:30px 0 10px;padding:48px 42px 38px;text-align:center;border:1px solid #efccde;border-radius:30px;box-shadow:var(--dir-shadow);background:radial-gradient(circle at 92% 0%,#fce2ed 0%,transparent 40%),linear-gradient(130deg,#fff,#fff4f8)}
.g3-directory .g3-dir-hero::before{content:"✿   GYNÉBELLE   ✿";display:block;margin-bottom:14px;color:#bb6592;letter-spacing:.23em;font-size:.79rem;font-weight:800}
.g3-directory .g3-dir-hero h1{color:#913b6a;font:500 clamp(32px,4.5vw,54px)/1.15 Georgia,'Times New Roman',serif;max-width:920px;margin:0 auto 17px}
.g3-directory[dir=rtl] .g3-dir-hero h1,.g3-directory:lang(ar) .g3-dir-hero h1{font-family:Tahoma,Arial,sans-serif;font-weight:800;font-size:clamp(28px,4.2vw,46px);line-height:1.6}
.g3-directory .g3-dir-hero>p{max-width:720px;margin:0 auto 20px;font-size:1.05rem;color:#775967;line-height:1.7}
.g3-directory .g3-dir-stats{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:16px auto 24px}
.g3-directory .g3-dir-stats span{display:inline-flex;align-items:center;min-height:35px;border:1px solid #ecc9da;border-radius:99px;background:#fff;color:#874566;padding:5px 14px;font-size:.83rem;font-weight:800}
.g3-directory .g3-dir-searchbox{position:relative;width:min(670px,100%);margin:16px auto 12px}
.g3-directory .g3-dir-searchbox .g3-dir-search{display:block;width:100%;height:60px;margin:0;padding:14px 52px 14px 22px;border:2px solid #dba6c0;border-radius:20px;box-shadow:0 8px 22px #93446a12;color:#492839;background:white;font:500 1.02rem/1.45 Arial,sans-serif}
.g3-directory .g3-dir-searchbox .g3-dir-search:focus{border-color:#a73774;outline:3px solid #f5d5e4;outline-offset:2px}
.g3-directory .g3-dir-searchbox .g3-dir-search-icon{position:absolute;inset-inline-end:18px;top:50%;transform:translateY(-50%);font-size:24px;color:#ab537e;pointer-events:none}
.g3-directory .g3-dir-count{font-size:.91rem;color:#81586a;margin:12px auto;min-height:25px}
.g3-directory .g3-dir-shortcuts{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:20px 0 0}
.g3-directory .g3-dir-shortcuts a{text-decoration:none;background:#fff;color:#89446b;border:1px solid #ebc4d8;border-radius:999px;padding:8px 15px;font-weight:750;font-size:.9rem;transition:.18s}
.g3-directory .g3-dir-shortcuts a:hover,.g3-directory .g3-dir-shortcuts a:focus-visible{background:#a73774;color:white;border-color:#a73774}
.g3-directory .g3-dir-section{margin:26px 0;padding:28px 30px 32px;border:1px solid #eac5d8;border-radius:28px;background:#fffafb;box-shadow:var(--dir-shadow);scroll-margin-top:145px}
.g3-directory .g3-dir-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:16px;border-bottom:2px solid #f0cfdf}
.g3-directory .g3-dir-section h2{display:flex;align-items:center;gap:12px;margin:0;padding:0;border:0;color:#87375f;font:500 clamp(23px,2.8vw,32px)/1.4 Georgia,'Times New Roman',serif}
.g3-directory:lang(ar) .g3-dir-section h2{font-family:Tahoma,Arial,sans-serif;font-weight:800}
.g3-directory .g3-dir-section h2::before{content:"✿";color:#d48aaa;font-size:25px;line-height:1}
.g3-directory .g3-dir-section-count{flex-shrink:0;display:inline-flex;align-items:center;min-width:42px;min-height:33px;justify-content:center;border-radius:12px;background:#f7e6ee;color:#8a466a;border:1px solid #ecd0dc;font-weight:850;font-size:.9rem}
.g3-directory .g3-dir-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.g3-directory a.g3-directory-link{display:flex;position:relative;align-items:flex-start;justify-content:space-between;gap:18px;min-height:156px;padding:21px 20px;border:1px solid #eccbdc;border-radius:20px;background:linear-gradient(165deg,#fff,#fff7fa);color:#493140;text-decoration:none;box-shadow:0 5px 17px rgba(104,38,67,.055);transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}
.g3-directory a.g3-directory-link:hover,.g3-directory a.g3-directory-link:focus-visible{background:linear-gradient(145deg,#fff7fa,#ffedf5);border-color:#c86a98;box-shadow:0 14px 29px rgba(120,44,77,.14);transform:translateY(-3px);outline:none}
.g3-directory .g3-dir-cardtext{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;text-align:start;overflow-wrap:anywhere}
.g3-directory .g3-dir-kicker{font-weight:850;font-size:.71rem;letter-spacing:.075em;color:#a6517c;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}
.g3-directory .g3-dir-kicker::before{content:"✦";font-size:11px}
.g3-directory .g3-dir-title{font-size:1.13rem;line-height:1.38;font-weight:800;color:#50213d}
.g3-directory .g3-dir-summary{font-size:.9rem;line-height:1.6;color:#74626d}
.g3-directory .g3-dir-arrow{display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;border-radius:12px;border:1px solid #ebc6d9;background:#fcebf3;color:#a13f74;font-size:21px;line-height:1}
.g3-directory .g3-directory-link:hover .g3-dir-arrow{background:#a13f74;color:#fff}
.g3-directory a.g3-directory-link[hidden],.g3-directory .g3-dir-section[hidden]{display:none!important}
.g3-directory .g3-dir-empty{border:1px dashed #d49ab9;background:#fff8fb;color:#854569;padding:22px;border-radius:20px;text-align:center;margin:20px 0}
@media(max-width:900px){.g3-directory .g3-dir-hero{padding:34px 24px}.g3-directory .g3-dir-section{padding:23px 21px}.g3-directory .g3-dir-grid{grid-template-columns:1fr}.g3-directory a.g3-directory-link{min-height:120px}}
@media(max-width:500px){.g3-directory .g3-dir-hero{padding:24px 15px}.g3-directory .g3-dir-section{padding:18px 14px;border-radius:20px}.g3-directory .g3-dir-section-head{align-items:flex-start}.g3-directory a.g3-directory-link{padding:17px 15px;min-height:0}.g3-directory .g3-dir-shortcuts{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.g3-directory a.g3-directory-link{transition:none}.g3-directory a.g3-directory-link:hover{transform:none}}
