:root{
  --eroluxia-gold:#E6C069;
  --eroluxia-cream:#F5F1E8;
  --eroluxia-card:#FFFDFC;
  --eroluxia-taupe:#E7E1DC;
  --eroluxia-ink:#1d1b19;
}

/* Eroluxia-huisstijl voor alle WP Guidant ShopCoach-stappen */
.guidant_front_guide_block .guidantguide_single_card{
  border-color:#D8CDBD !important;
  background:#FFFDFC !important;
  border-radius:12px !important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease !important;
}
.guidant_front_guide_block .guidantguide_single_card:hover{
  border-color:#6B2038 !important;
  box-shadow:0 7px 20px rgba(107,32,56,.10) !important;
  transform:translateY(-1px);
}
.guidant_front_guide_block .guidantguide_single_card.active,
.guidant_front_guide_block .guidantguide_single_card.selected,
.guidant_front_guide_block .guidantguide_single_card.checked{
  border-color:#6B2038 !important;
  box-shadow:0 0 0 2px rgba(107,32,56,.12) !important;
}
.guidant_front_guide_block .guidantguide_single_card input[type="radio"]{
  accent-color:#6B2038 !important;
}
.guidant_front_guide_block .guidantguide_action_btn,
.guidant_front_guide_block .guidantguide_start_over_btn,
.guidant_result_container .single_post .post_permalink a{
  background:#6B2038 !important;
  border-color:#6B2038 !important;
  color:#fff !important;
  border-radius:999px !important;
}
.guidant_front_guide_block .guidantguide_action_btn:hover,
.guidant_front_guide_block .guidantguide_start_over_btn:hover,
.guidant_result_container .single_post .post_permalink a:hover{
  background:#E6C069 !important;
  border-color:#E6C069 !important;
  color:#151515 !important;
}
.guidant_front_guide_block .guidantguide_btn_prev{
  background:#FFFDFC !important;
  border-color:#D8CDBD !important;
  color:#151515 !important;
}

/* Homepage teaser */
.eroluxia-sc-teaser{
  max-width:1120px;
  margin:32px auto;
  padding:46px 48px;
  border:1px solid var(--eroluxia-taupe);
  border-radius:22px;
  background:linear-gradient(135deg,#FFFDFC 0%,var(--eroluxia-cream) 100%);
  box-shadow:0 12px 34px rgba(0,0,0,.06);
  text-align:center;
  position:relative;
  overflow:hidden;
}
.eroluxia-sc-teaser:before{
  content:"";
  position:absolute;
  width:180px;height:180px;border-radius:50%;
  right:-70px;top:-90px;
  border:1px solid rgba(230,192,105,.45);
}
.eroluxia-sc-teaser__eyebrow{
  font-size:12px;letter-spacing:.16em;font-weight:700;color:#7b6740;margin-bottom:10px;
}
.eroluxia-sc-teaser h2{margin:0 0 12px;color:var(--eroluxia-ink);font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.08;}
.eroluxia-sc-teaser p{max-width:700px;margin:0 auto 20px;font-size:16px;line-height:1.65;color:#5e5a55;}
.eroluxia-sc-teaser__benefits{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 0 24px;}
.eroluxia-sc-teaser__benefits span{padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #ece4d4;font-size:13px;color:#514c45;}
.eroluxia-sc-teaser__button,.eroluxia-smart-card__button{display:inline-flex;align-items:center;justify-content:center;background:var(--eroluxia-gold);color:#1b1813!important;text-decoration:none!important;border-radius:999px;padding:13px 25px;font-weight:700;transition:.2s ease;}
.eroluxia-sc-teaser__button:hover,.eroluxia-smart-card__button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.10);}

/* Smart fallback */
#eroluxia-smart-fallback{width:100%;}
.eroluxia-smart-results{padding:8px 0 4px;}
.eroluxia-smart-results__intro{text-align:center;max-width:720px;margin:0 auto 22px;}
.eroluxia-smart-results__intro>span{font-size:11px;letter-spacing:.15em;color:#7b6740;font-weight:700;}
.eroluxia-smart-results__intro h3{font-size:25px!important;line-height:1.2!important;margin:7px 0 8px!important;color:var(--eroluxia-ink)!important;}
.eroluxia-smart-results__intro p{margin:0;color:#625d57;line-height:1.55;}
.eroluxia-smart-card{display:grid;grid-template-columns:180px 1fr;gap:24px;max-width:850px;margin:0 auto 16px;padding:20px;background:var(--eroluxia-card);border:1px solid var(--eroluxia-taupe);border-radius:18px;box-shadow:0 6px 18px rgba(0,0,0,.055);position:relative;}
.eroluxia-smart-card__badge{position:absolute;top:14px;left:14px;background:rgba(230,192,105,.92);color:#1b1813;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;z-index:2;}
.eroluxia-smart-card__image{height:180px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;overflow:hidden;}
.eroluxia-smart-card__image img{width:100%;height:100%;object-fit:contain!important;display:block;}
.eroluxia-smart-card__body{align-self:center;}
.eroluxia-smart-card h4{font-size:20px!important;line-height:1.25!important;margin:0 0 6px!important;}
.eroluxia-smart-card h4 a{color:var(--eroluxia-ink);text-decoration:none;}
.eroluxia-smart-card__score{font-size:13px;color:#7b6740;font-weight:700;margin-bottom:5px;}
.eroluxia-smart-card__price{font-size:18px;font-weight:700;color:var(--eroluxia-ink);margin-bottom:8px;}
.eroluxia-smart-card p{margin:0 0 14px;color:#625d57;line-height:1.5;}

@media(max-width:767px){
  .eroluxia-sc-teaser{padding:34px 20px;border-radius:18px;}
  .eroluxia-smart-card{grid-template-columns:1fr;padding:16px;gap:14px;}
  .eroluxia-smart-card__image{height:220px;}
  .eroluxia-smart-card__body{text-align:center;}
}


/* =====================================================
   v1.7 - NORMALE WP GUIDANT RESULTATEN
   Zelfde compacte, luxe kaartgevoel als Smart Match.
   Alleen vormgeving: geen wijziging aan matchlogica.
   ===================================================== */

.wpguidant_result_container .single_post {
    display: grid !important;
    grid-template-columns: 180px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 20px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 760px !important;
    min-height: 0 !important;
    margin: 0 auto 18px !important;
    padding: 18px !important;
    background: #FFFDFC !important;
    border: 1px solid #E7E1DC !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.06) !important;
    overflow: hidden !important;
}

.wpguidant_result_container .single_post .post_thumbnail {
    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;
    width: 180px !important;
    height: 180px !important;
    min-height: 180px !important;
    margin: 0 !important;
    padding: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}

.wpguidant_result_container .single_post .post_thumbnail img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

.wpguidant_result_container .single_post > *:not(.post_thumbnail) {
    grid-column: 2 !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.wpguidant_result_container .single_post .post_title {
    position: relative !important;
    clear: both !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    line-height: 1.25 !important;
}

.wpguidant_result_container .single_post .post_excerpt {
    margin-top: 6px !important;
    margin-bottom: 10px !important;
    line-height: 1.5 !important;
}

.wpguidant_result_container .single_post a,
.wpguidant_result_container .single_post button {
    border-radius: 999px;
}

@media (max-width: 767px) {
    .wpguidant_result_container .single_post {
        display: block !important;
        max-width: 100% !important;
        padding: 15px !important;
        border-radius: 14px !important;
    }

    .wpguidant_result_container .single_post .post_thumbnail {
        width: 100% !important;
        height: 220px !important;
        min-height: 220px !important;
        margin: 0 0 15px !important;
    }

    .wpguidant_result_container .single_post > *:not(.post_thumbnail) {
        width: 100% !important;
    }
}


/* =====================================================
   v1.8 - COMPACTERE NORMALE GUIDANT KAARTEN
   ===================================================== */
.wpguidant_result_container .single_post {
    grid-template-columns: 150px minmax(0, 1fr) !important;
    gap: 16px !important;
    max-width: 700px !important;
    padding: 14px !important;
    margin-bottom: 14px !important;
}

.wpguidant_result_container .single_post .post_thumbnail {
    width: 150px !important;
    height: 150px !important;
    min-height: 150px !important;
    padding: 6px !important;
}

.wpguidant_result_container .single_post .eroluxia-guidant-score {
    display: block !important;
    margin: 2px 0 7px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #7A5A18 !important;
}

@media (max-width: 767px) {
    .wpguidant_result_container .single_post {
        padding: 14px !important;
        max-width: 100% !important;
    }

    .wpguidant_result_container .single_post .post_thumbnail {
        width: 100% !important;
        height: 200px !important;
        min-height: 200px !important;
    }
}


/* =====================================================
   v1.9 - EXTRA COMPACTE NORMALE GUIDANT KAARTEN
   ===================================================== */
@media (min-width: 768px) {
    .wpguidant_result_container .single_post {
        grid-template-columns: 120px minmax(0, 1fr) !important;
        gap: 12px !important;
        max-width: 590px !important;
        padding: 12px !important;
        margin-bottom: 12px !important;
        border-radius: 14px !important;
    }

    .wpguidant_result_container .single_post .post_thumbnail {
        width: 120px !important;
        height: 120px !important;
        min-height: 120px !important;
        padding: 4px !important;
    }

    .wpguidant_result_container .single_post .post_title {
        margin-bottom: 4px !important;
        font-size: 20px !important;
        line-height: 1.2 !important;
    }

    .wpguidant_result_container .single_post .eroluxia-guidant-score {
        margin: 0 0 5px !important;
        font-size: 12px !important;
    }

    .wpguidant_result_container .single_post .woocommerce_price {
        margin-bottom: 5px !important;
    }

    .wpguidant_result_container .single_post .post_excerpt {
        margin-top: 4px !important;
        margin-bottom: 8px !important;
        line-height: 1.4 !important;
    }

    .wpguidant_result_container .single_post .post_permalink {
        margin-top: 6px !important;
    }
}


/* =====================================================
   v2.2 - EROLUXIA SHOPCOACH MERK OP HOMEPAGE
   ShopCoach is sitebreed; vibrator is slechts één route.
   ===================================================== */
.eroluxia-sc-brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    margin:0 auto 18px;
    line-height:1;
}
.eroluxia-sc-brand__eroluxia{
    font-size:11px;
    letter-spacing:.30em;
    font-weight:700;
    color:#5f574d;
    padding-left:.30em;
}
.eroluxia-sc-brand__shopcoach{
    margin-top:5px;
    font-size:20px;
    letter-spacing:.12em;
    font-weight:800;
    color:var(--eroluxia-ink);
}
.eroluxia-sc-brand__shopcoach b{
    color:var(--eroluxia-gold);
    font-size:.9em;
    font-weight:700;
    margin-left:3px;
}
.eroluxia-sc-teaser__eyebrow{
    display:none !important;
}
.eroluxia-sc-teaser:after{
    content:none !important;
    display:none !important;
}
.eroluxia-sc-teaser__button:after,
.eroluxia-sc-teaser__button:before{
    content:none !important;
    display:none !important;
}


/* =====================================================
   v2.3 - SHOPCOACH SIGNATURE EXPERIENCE
   Visuele make-over van uitsluitend de homepage-teaser.
   ===================================================== */
.eroluxia-sc-teaser--signature{
    max-width:1120px;
    margin:32px auto;
    padding:52px 48px 48px;
    border:1px solid rgba(230,192,105,.82);
    border-radius:26px;
    background:
        radial-gradient(circle at 12% 12%, rgba(255,255,255,.95) 0, rgba(255,255,255,0) 28%),
        radial-gradient(circle at 88% 8%, rgba(230,192,105,.18) 0, rgba(230,192,105,0) 24%),
        linear-gradient(135deg,#fffdf9 0%,#f8f0df 50%,#fffaf1 100%);
    box-shadow:0 18px 42px rgba(55,43,24,.12), inset 0 0 0 5px rgba(255,255,255,.58);
    position:relative;
    overflow:hidden;
    isolation:isolate;
}
.eroluxia-sc-teaser--signature:before{
    content:"";
    position:absolute;
    inset:10px;
    width:auto;
    height:auto;
    right:10px;
    top:10px;
    border-radius:19px;
    border:1px solid rgba(230,192,105,.25);
    pointer-events:none;
    z-index:-1;
}
.eroluxia-sc-teaser--signature:after{
    content:"";
    display:block!important;
    position:absolute;
    width:210px;
    height:210px;
    right:-105px;
    top:-110px;
    border-radius:50%;
    border:1px solid rgba(230,192,105,.55);
    box-shadow:0 0 40px rgba(230,192,105,.12);
    pointer-events:none;
}
.eroluxia-sc-brand--emblem{
    width:max-content;
    min-width:250px;
    padding:11px 30px 13px;
    margin:0 auto 17px;
    border:1px solid rgba(230,192,105,.72);
    border-radius:18px 18px 24px 24px;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,235,205,.92));
    box-shadow:0 8px 22px rgba(89,67,25,.10), inset 0 0 0 3px rgba(255,255,255,.58);
    position:relative;
}
.eroluxia-sc-brand--emblem:before,
.eroluxia-sc-brand--emblem:after{
    content:"";
    position:absolute;
    top:50%;
    width:48px;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--eroluxia-gold));
}
.eroluxia-sc-brand--emblem:before{right:100%;margin-right:12px;}
.eroluxia-sc-brand--emblem:after{left:100%;margin-left:12px;transform:scaleX(-1);}
.eroluxia-sc-brand--emblem .eroluxia-sc-brand__eroluxia{
    font-size:10px;
    letter-spacing:.36em;
    color:#69583a;
}
.eroluxia-sc-brand--emblem .eroluxia-sc-brand__shopcoach{
    font-size:23px;
    letter-spacing:.13em;
    background:linear-gradient(90deg,#8a6928 0%,#d0a84e 35%,#f0d487 52%,#b58b35 72%,#76551f 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.eroluxia-sc-brand--emblem .eroluxia-sc-brand__shopcoach b{
    color:#d6aa49;
    -webkit-text-fill-color:#d6aa49;
    filter:drop-shadow(0 0 5px rgba(230,192,105,.45));
}
.eroluxia-sc-kicker{
    margin:0 0 8px;
    font-size:10px;
    letter-spacing:.20em;
    font-weight:800;
    color:#8b6b30;
}
.eroluxia-sc-teaser--signature h2{
    margin:0 auto 13px;
    max-width:780px;
    font-size:clamp(34px,4.2vw,50px);
}
.eroluxia-sc-teaser--signature p{
    max-width:720px;
    margin-bottom:19px;
}
.eroluxia-sc-teaser__benefits--playful{
    margin-bottom:16px;
}
.eroluxia-sc-teaser__benefits--playful span{
    background:rgba(255,255,255,.76);
    border-color:rgba(230,192,105,.42);
    box-shadow:0 4px 12px rgba(70,54,28,.05);
}
.eroluxia-sc-ready{
    margin:0 0 10px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.05em;
    color:#6d5b3a;
}
.eroluxia-sc-teaser__button--signature{
    min-width:235px;
    padding:15px 28px;
    background:linear-gradient(100deg,#d9aa48 0%,#f1cf78 48%,#d7a33f 100%);
    border:1px solid rgba(163,119,30,.22);
    box-shadow:0 9px 22px rgba(181,137,48,.22), inset 0 1px 0 rgba(255,255,255,.55);
    font-size:16px;
}
.eroluxia-sc-teaser__button--signature:hover{
    transform:translateY(-2px) scale(1.015);
    box-shadow:0 12px 28px rgba(181,137,48,.30);
}
.eroluxia-sc-teaser__button--signature span{
    margin-left:6px;
}
.eroluxia-sc-spark{
    position:absolute;
    color:#d9ad52;
    pointer-events:none;
    opacity:.72;
    filter:drop-shadow(0 0 7px rgba(230,192,105,.32));
}
.eroluxia-sc-spark--one{left:8%;top:18%;font-size:19px;}
.eroluxia-sc-spark--two{right:9%;bottom:19%;font-size:25px;opacity:.48;}

@media(max-width:767px){
    .eroluxia-sc-teaser--signature{padding:38px 20px 34px;border-radius:21px;}
    .eroluxia-sc-brand--emblem{min-width:210px;padding:10px 20px 12px;}
    .eroluxia-sc-brand--emblem:before,
    .eroluxia-sc-brand--emblem:after{width:22px;margin-left:7px;margin-right:7px;}
    .eroluxia-sc-brand--emblem .eroluxia-sc-brand__shopcoach{font-size:19px;}
    .eroluxia-sc-kicker{font-size:9px;letter-spacing:.14em;}
    .eroluxia-sc-teaser__button--signature{min-width:0;width:auto;max-width:100%;}
    .eroluxia-sc-spark--one{left:5%;top:12%;}
    .eroluxia-sc-spark--two{right:5%;bottom:14%;}
}


/* =====================================================
   v2.5 - V2.3 LOOK + METALLIC SHOPCOACH
   v2.3 remains the visual base.
   ===================================================== */

/* Make the whole teaser genuinely a little more compact,
   without squeezing the internal composition. */
.eroluxia-sc-teaser--signature{
    max-width:1040px;
    padding:46px 44px 42px;
}

/* Preserve the elegant v2.3 emblem proportions. */
.eroluxia-sc-brand--emblem{
    margin-bottom:17px;
}

/* Metallic gold + pearl-grey wordmark.
   Grey edge improves readability on the light champagne background. */
.eroluxia-sc-brand--emblem .eroluxia-sc-brand__shopcoach{
    font-size:23px;
    background:linear-gradient(
        90deg,
        #9b762f 0%,
        #d7b55f 24%,
        #eee8dc 45%,
        #b9b5ad 53%,
        #f1e3bd 63%,
        #c49a40 82%,
        #806128 100%
    );
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-stroke:.35px rgba(103,100,94,.62);
    text-shadow:
        0 1px 0 rgba(255,255,255,.92),
        0 2px 5px rgba(82,76,65,.10);
}

/* Keep the sparkle gold, so the grey is only an elegant contrast. */
.eroluxia-sc-brand--emblem .eroluxia-sc-brand__shopcoach b{
    color:#d6aa49;
    -webkit-text-fill-color:#d6aa49;
    -webkit-text-stroke:0;
}

@media(max-width:767px){
    .eroluxia-sc-teaser--signature{
        max-width:100%;
        padding:35px 20px 32px;
    }
    .eroluxia-sc-brand--emblem .eroluxia-sc-brand__shopcoach{
        font-size:19px;
        -webkit-text-stroke:.3px rgba(103,100,94,.60);
    }
}


/* =====================================================
   v2.6 - COMPACTE SHOPCOACH WIDGET
   Gebaseerd rechtstreeks op v2.5.
   Alleen homepage teaser styling; matchlogica blijft intact.
   ===================================================== */

/* Widget-formaat: duidelijk kleiner dan een volledige homepage-sectie */
.eroluxia-sc-teaser--signature{
    max-width:780px !important;
    margin:22px auto !important;
    padding:30px 38px 28px !important;
    border-radius:24px !important;
}

/* Binnenste sierlijn volgt het compactere formaat */
.eroluxia-sc-teaser--signature:before{
    inset:8px !important;
    right:8px !important;
    top:8px !important;
    border-radius:17px !important;
}

/* Embleem behouden, maar compacter */
.eroluxia-sc-brand--emblem{
    min-width:230px !important;
    padding:9px 24px 10px !important;
    margin:0 auto 10px !important;
}

/* SHOPCOACH: goud/champagne met warmgrijze gravure voor leesbaarheid */
.eroluxia-sc-brand--emblem .eroluxia-sc-brand__shopcoach{
    font-size:23px !important;
    letter-spacing:.12em !important;
    background:linear-gradient(
        180deg,
        #f1d88e 0%,
        #d5b45f 42%,
        #a98f67 58%,
        #c9a64e 78%,
        #806e58 100%
    ) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
    -webkit-text-stroke:.32px rgba(103,98,91,.72);
    text-shadow:
        0 1px 0 rgba(255,255,255,.95),
        0 2px 3px rgba(87,80,70,.14) !important;
}

/* Houd het sterretje warm goud */
.eroluxia-sc-brand--emblem .eroluxia-sc-brand__shopcoach b{
    color:#D6AA49 !important;
    -webkit-text-fill-color:#D6AA49 !important;
    -webkit-text-stroke:0 !important;
}

/* Minder tussenlagen: widget moet meteen naar de actie leiden */
.eroluxia-sc-kicker,
.eroluxia-sc-ready{
    display:none !important;
}

/* Titel compacter, zonder zijn sierlijke uitstraling te verliezen */
.eroluxia-sc-teaser--signature h2{
    max-width:650px !important;
    margin:0 auto 9px !important;
    font-size:clamp(31px,3.6vw,42px) !important;
    line-height:1.05 !important;
}

/* Korte uitleg dichter onder de titel */
.eroluxia-sc-teaser--signature p{
    max-width:650px !important;
    margin:0 auto 13px !important;
    font-size:15px !important;
    line-height:1.5 !important;
}

/* Kleine speelse kenmerken blijven, maar nemen minder ruimte in */
.eroluxia-sc-teaser__benefits--playful{
    margin:0 0 13px !important;
    gap:8px !important;
}
.eroluxia-sc-teaser__benefits--playful span{
    padding:6px 11px !important;
    font-size:12.5px !important;
}

/* CTA direct onder de kenmerken */
.eroluxia-sc-teaser__button--signature{
    min-width:220px !important;
    padding:13px 24px !important;
}

/* Decoratie subtieler passend bij widgetformaat */
.eroluxia-sc-spark--one{left:7% !important;top:19% !important;}
.eroluxia-sc-spark--two{right:7% !important;bottom:18% !important;}

@media(max-width:767px){
    .eroluxia-sc-teaser--signature{
        width:calc(100% - 24px) !important;
        max-width:100% !important;
        margin:16px auto !important;
        padding:26px 18px 24px !important;
        border-radius:20px !important;
    }
    .eroluxia-sc-brand--emblem{
        min-width:205px !important;
        padding:8px 18px 9px !important;
        margin-bottom:9px !important;
    }
    .eroluxia-sc-brand--emblem .eroluxia-sc-brand__shopcoach{
        font-size:19px !important;
    }
    .eroluxia-sc-teaser--signature h2{
        font-size:31px !important;
        margin-bottom:8px !important;
    }
    .eroluxia-sc-teaser--signature p{
        font-size:14px !important;
        margin-bottom:12px !important;
    }
}


/* =====================================================
   v2.7 - SHOPCOACH LEESBAARHEID
   Alleen subtiele warmgrijze contour/definitie.
   Alle v2.6 verhoudingen en styling blijven intact.
   ===================================================== */
.eroluxia-sc-brand--emblem .eroluxia-sc-brand__shopcoach{
    -webkit-text-stroke: 0.35px rgba(122, 116, 108, 0.72);
    text-shadow:
        0 1px 0 rgba(255,255,255,.82),
        0 0 1px rgba(105,99,91,.55),
        0 2px 6px rgba(112,78,19,.10);
}