/** Shopify CDN: Minification failed

Line 175:3 Unexpected "="
Line 409:3 Unexpected "="
Line 514:3 Unexpected "="

**/
/* vc-legacy.css: the parts of verdo-sense.css the Ceramide remake keeps (swatches, promo, gift card,
   pickup, article FAQ, services, Judge.me, accessibility). The old global "liquid glass" look is retired. */

/* ---- kept from verdo-sense.css lines 460-474: SERVICES PAGE ---- */

/* Center page title */
.main-page-title, .section-main-page h1 {
  text-align: center !important;
}

/* Service card image uniform height */
.service-card-img {
  height: 220px !important;
  width: 100% !important;
  object-fit: cover !important;
}


/* ============ COLOR SWATCHES VIA CSS ============ */

/* ---- kept from verdo-sense.css lines 475-617: COLOUR SWATCHES (variant pills) ---- */

/* Convert variant pills to color swatches for Shade/Infusion/Colour options */
.product-form__input--pill label {
  position: relative;
}

/* When option is Shade, Infusion, or Colour - add color dot before text */
.product-form__input--pill input[value="Coconut"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F5E6C8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Mango"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F4A940; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="White Gingerlily"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C8E6E0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Coconut Lime Blossom"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #B8D94E; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Coconut Milk \& Honey"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0DEB4; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Noni"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #8BC34A; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Starfruit"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E8D44D; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Guava"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E87E8B; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Dragon Fruit"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D84A7A; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Moringa"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #5DBFAB; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Orange Blossom"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F07030; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Frangipani"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0C8D8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Pineapple"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #FFD54F; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Desert Rose"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C4736C; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Copper Dune"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #B87850; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Toffee"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #A06840; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Bellini"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0B8A0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Rosebud"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E8A0A0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Blush"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E8A8B0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Magnolia"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0C0B8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Tutu"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0B0C0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Sorbet"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E08090; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Peony"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D06878; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Poppy"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D04030; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Candy Apple"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C02020; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Mulberry"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #882050; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Passionfruit"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #A03060; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Bordeaux"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #6B1830; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Scarlet"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #CC2030; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Espresso"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #4A2028; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Blissed-Out"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C88898; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Brazen"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #A83838; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Compulsion"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #982840; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Content"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #B87878; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Craving"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C85048; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Devotion"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D88090; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Fascination"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #B84858; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Longing"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C06068; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Lovestruck"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D85060; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Muse"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D89098; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Obsession"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #8B2030; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Fetish"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #982030; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Temptation"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #B84050; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Rapture"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C84858; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Captivate"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D87080; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Sheer"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0D8D0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Snow Berry"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E8B0B8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Pink Glace"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E8A8B0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Summer Peach"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0B8A0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Spiced Peach"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E8A088; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Sangria"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #882838; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Red Berry"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C83030; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Cosmos"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D06878; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Candied Rose"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E890A0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Kir Royale"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #882848; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Blossom"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0C0C8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Mocha Latte"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #A08070; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Tourmaline"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D04860; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Prima"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0D8C8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Cameo"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E8C0A8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Provence"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #A898B0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Riviera"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C8A090; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Rose"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D8A0A8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Moonstone"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D8D0D0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Bronze"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #A08050; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Gatsby"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #888068; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Ivy"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #607050; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Alabaster"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0E8E0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Dove Grey"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #A8A0A0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Saddle"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #805838; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Americano"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #604838; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Midnight"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #303040; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="1W"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F5DCC8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="2N"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0D4BC; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="3W"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #EDD0B0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="4N"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E8C8A4; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="5W"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E0C098; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="6N"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D8B88C; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="7W"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D0B080; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="8N"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C8A874; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="9W"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C0A068; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="10N"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #B8985C; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="11N"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #A88850; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="12W"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #988044; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="13W"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #887038; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="14N"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #78602C; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="15W"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #685020; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="16W"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #584018; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Ivory"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F5E8D8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Bisque"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0DCC8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Light Beige"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #EDD4BC; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Amber"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E0C498; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Autumn"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D8B888; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Warm Silk"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E8CCA8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Natural"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E0C0A0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Sweet Honey"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D8B890; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Satin"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D0B088; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Latte"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C8A878; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Caramel"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #B89060; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Golden Tan"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C0A070; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Honey Bronze"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #B89058; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Golden Glow"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C8A868; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Suntan"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #A88050; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Warm Sienna"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #A07040; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Fawn"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #987048; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Teakwood"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #806038; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Cognac"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #885828; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Velvet"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #704820; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Warm Brown"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #684018; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Bittersweet"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #583818; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Mahogany"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #503010; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Cocoa"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #402808; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Radiant"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0D0B0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Light"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F5E0CC; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Medium Light"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E8D0B0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Medium"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D8C098; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Medium Dark"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C8A878; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Dark"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #A88858; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Warm Bronze"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #B09060; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Peach Brightener"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F8D8C0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Ash Blonde"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #B8A888; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Neutral Blonde"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C0A878; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Medium Brown"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #806040; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Dark Brown"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #504030; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Auburn"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #884830; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Soft Black"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #383030; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Forever Pink"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E898A8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Forever You"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #D88898; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Forever Red"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #C84040; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Forever Peach"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #F0B8A0; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Clear"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #E8E8E8; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Black"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #1A1A1A; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Slate"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #686868; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }
.product-form__input--pill input[value="Soft Brown"] + label::after { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #907050; margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1); }

/* ============================================

/* ---- kept from verdo-sense.css lines 618-849: JUDGE.ME REVIEWS ---- */
   JUDGE.ME REVIEWS — Verdo Brand Override
   ============================================ */

/* Widget container */
.jdgm-widget,
.jdgm-rev-widg,
.jdgm-all-reviews-widget {
  font-family: var(--vc-sans) !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 40px 0 !important;
}

/* Widget title */
.jdgm-rev-widg__title {
  font-family: var(--vc-sans) !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  color: var(--vc-ink) !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 20px !important;
}

/* Stars — Verdo lime accent */
.jdgm-star {
  color: var(--vc-ink) !important;
}
.jdgm-star.jdgm--on {
  color: var(--vc-ink) !important;
}
.jdgm-star.jdgm--off {
  color: var(--vc-line) !important;
}

/* Preview badge (stars on product cards) */
.jdgm-prev-badge {
  font-family: var(--vc-sans) !important;
}
.jdgm-prev-badge__stars {
  color: var(--vc-ink) !important;
}
.jdgm-prev-badge__text {
  color: var(--vc-muted) !important;
  font-size: 12px !important;
}

/* Summary section */
.jdgm-rev-widg__summary {
  background: #FDFBF7 !important;
  border-radius: 16px !important;
  padding: 24px !important;
  border: 1px solid var(--vc-line) !important;
  margin-bottom: 24px !important;
}

/* Histogram bars */
.jdgm-histogram__bar-content {
  background: #EDFFA7 !important;
  border-radius: 4px !important;
}
.jdgm-histogram__bar {
  background: #F0F0F0 !important;
  border-radius: 4px !important;
}

/* Individual review cards */
.jdgm-rev {
  background: #fff !important;
  border: 1px solid var(--vc-line) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 2px 12px rgba(46,42,57,0.04) !important;
  transition: box-shadow 0.2s ease !important;
}
.jdgm-rev:hover {
  box-shadow: 0 4px 20px rgba(46,42,57,0.08) !important;
}

/* Review author */
.jdgm-rev__author {
  font-weight: 600 !important;
  color: var(--vc-ink) !important;
  font-size: 14px !important;
}

/* Review timestamp */
.jdgm-rev__timestamp {
  color: var(--vc-muted) !important;
  font-size: 12px !important;
}

/* Review title */
.jdgm-rev__title {
  font-weight: 600 !important;
  color: var(--vc-ink) !important;
  font-size: 16px !important;
  margin: 8px 0 !important;
}

/* Review body text */
.jdgm-rev__body {
  color: #5C5768 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* Verified badge */
.jdgm-verified-badge,
.jdgm-rev__icon--verified {
  color: #108474 !important;
}

/* Write a review button — liquid glass */
.jdgm-write-rev-link,
.jdgm-ask-question-btn {
  background: rgba(46, 42, 57, 0.06) !important;
  backdrop-filter: blur(12px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
  color: var(--vc-ink) !important;
  border: 1.5px solid rgba(46, 42, 57, 0.15) !important;
  border-radius: 12px !important;
  padding: 12px 32px !important;
  font-family: var(--vc-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}
.jdgm-write-rev-link:hover,
.jdgm-ask-question-btn:hover {
  background: #1a1724 !important;
  transform: translateY(-1px) !important;
}

/* Review form */
.jdgm-form-wrapper {
  background: #FDFBF7 !important;
  border-radius: 16px !important;
  padding: 28px !important;
  border: 1px solid var(--vc-line) !important;
  margin-top: 20px !important;
}

.jdgm-form-wrapper input,
.jdgm-form-wrapper textarea,
.jdgm-form-wrapper select {
  border: 1px solid var(--vc-line) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-family: var(--vc-sans) !important;
  font-size: 14px !important;
  background: #fff !important;
  transition: border-color 0.2s ease !important;
}
.jdgm-form-wrapper input:focus,
.jdgm-form-wrapper textarea:focus {
  border-color: var(--vc-ink) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(46,42,57,0.08) !important;
}

/* Submit button in form — liquid glass */
.jdgm-form-wrapper .jdgm-submit-rev,
.jdgm-form-wrapper button[type="submit"] {
  background: rgba(46, 42, 57, 0.06) !important;
  backdrop-filter: blur(12px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
  color: var(--vc-ink) !important;
  border: 1.5px solid rgba(46, 42, 57, 0.15) !important;
  border-radius: 12px !important;
  padding: 14px 36px !important;
  font-family: var(--vc-sans) !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  cursor: pointer !important;
}

/* Pagination */
.jdgm-paginate__page {
  border-radius: 8px !important;
  min-width: 36px !important;
  height: 36px !important;
  font-family: var(--vc-sans) !important;
}
.jdgm-paginate__page.jdgm--active {
  background: rgba(46, 42, 57, 0.1) !important;
  color: var(--vc-ink) !important;
  border: 1px solid rgba(46, 42, 57, 0.15) !important;
}

/* Thumbs up/down */
.jdgm-rev__thumb-btn {
  border-radius: 8px !important;
  padding: 4px 12px !important;
}

/* Gallery images */
.jdgm-rev__pics img,
.jdgm-gallery img {
  border-radius: 10px !important;
}

/* Hide Judge.me branding */
.jdgm-branding {
  display: none !important;
}

/* Carousel */
.jdgm-carousel-item {
  background: #fff !important;
  border-radius: 16px !important;
  border: 1px solid var(--vc-line) !important;
  padding: 20px !important;
}

/* Mobile responsive */
@media screen and (max-width: 749px) {
  .jdgm-rev {
    padding: 16px !important;
    border-radius: 12px !important;
  }
  .jdgm-rev-widg__title {
    font-size: 20px !important;
  }
  .jdgm-form-wrapper {
    padding: 16px !important;
  }
}

/* ============================================

/* ---- kept from verdo-sense.css lines 1578-1680: VARIANT SWATCH SELECTED STATE + PILL TINTS ---- */
   VARIANT SWATCH SELECTED STATE FIX
   ============================================ */

/* Make checked swatch clearly visible with a bold ring */
.swatch-input__input:checked + .swatch-input__label {
  outline: 2.5px solid var(--vc-ink) !important;
  outline-offset: 3px !important;
}

/* Pill variants — color-tinted glass capsules */
.product-form__input--pill input[type='radio'] + label {
  border: 1px solid rgba(46, 42, 57, 0.1) !important;
  border-radius: 40px !important;
  padding: 10px 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  overflow: visible !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* Color dot — small badge top-left corner (::after; the theme's own ::before is the pill's background layer and must stay full size) */
.product-form__input--pill input[type='radio'] + label::after {
  width: 12px !important;
  height: 12px !important;
  position: absolute !important;
  left: -2px !important;
  top: -2px !important;
  transform: none !important;
  margin: 0 !important;
  border: 1.5px solid #fff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  z-index: 2 !important;
}

/* === Pill BACKGROUND colors matching variants (light tint) === */
.product-form__input--pill input[value="Coconut"] + label { background: rgba(245, 230, 200, 0.4) !important; }
.product-form__input--pill input[value="Mango"] + label { background: rgba(244, 169, 64, 0.15) !important; }
.product-form__input--pill input[value="White Gingerlily"] + label { background: rgba(200, 230, 224, 0.35) !important; }
.product-form__input--pill input[value="Coconut Lime Blossom"] + label { background: rgba(184, 217, 78, 0.2) !important; }
.product-form__input--pill input[value="Coconut Milk \& Honey"] + label { background: rgba(240, 222, 180, 0.35) !important; }
.product-form__input--pill input[value="Noni"] + label { background: rgba(139, 195, 74, 0.2) !important; }
.product-form__input--pill input[value="Starfruit"] + label { background: rgba(232, 212, 77, 0.2) !important; }
.product-form__input--pill input[value="Guava"] + label { background: rgba(232, 126, 139, 0.2) !important; }
.product-form__input--pill input[value="Dragon Fruit"] + label { background: rgba(216, 74, 122, 0.15) !important; }
.product-form__input--pill input[value="Moringa"] + label { background: rgba(93, 191, 171, 0.2) !important; }
.product-form__input--pill input[value="Orange Blossom"] + label { background: rgba(240, 112, 48, 0.15) !important; }
.product-form__input--pill input[value="Frangipani"] + label { background: rgba(240, 200, 216, 0.35) !important; }
.product-form__input--pill input[value="Pineapple"] + label { background: rgba(255, 213, 79, 0.25) !important; }
.product-form__input--pill input[value="Desert Rose"] + label { background: rgba(196, 115, 108, 0.2) !important; }
.product-form__input--pill input[value="Blush"] + label { background: rgba(232, 168, 176, 0.25) !important; }
.product-form__input--pill input[value="Bellini"] + label { background: rgba(240, 184, 160, 0.25) !important; }
.product-form__input--pill input[value="Rosebud"] + label { background: rgba(232, 160, 160, 0.25) !important; }
.product-form__input--pill input[value="Magnolia"] + label { background: rgba(240, 192, 184, 0.25) !important; }
.product-form__input--pill input[value="Tutu"] + label { background: rgba(240, 176, 192, 0.25) !important; }
.product-form__input--pill input[value="Sorbet"] + label { background: rgba(224, 128, 144, 0.2) !important; }
.product-form__input--pill input[value="Peony"] + label { background: rgba(208, 104, 120, 0.2) !important; }
.product-form__input--pill input[value="Poppy"] + label { background: rgba(208, 64, 48, 0.15) !important; }
.product-form__input--pill input[value="Candy Apple"] + label { background: rgba(192, 32, 32, 0.12) !important; }
.product-form__input--pill input[value="Mulberry"] + label { background: rgba(136, 32, 80, 0.12) !important; }
.product-form__input--pill input[value="Passionfruit"] + label { background: rgba(160, 48, 96, 0.15) !important; }
.product-form__input--pill input[value="Bordeaux"] + label { background: rgba(107, 24, 48, 0.12) !important; }
.product-form__input--pill input[value="Scarlet"] + label { background: rgba(204, 32, 48, 0.12) !important; }
.product-form__input--pill input[value="Espresso"] + label { background: rgba(74, 32, 40, 0.15) !important; }
.product-form__input--pill input[value="Sheer"] + label { background: rgba(240, 216, 208, 0.35) !important; }
.product-form__input--pill input[value="Snow Berry"] + label { background: rgba(232, 176, 184, 0.25) !important; }
.product-form__input--pill input[value="Pink Glace"] + label { background: rgba(232, 168, 176, 0.25) !important; }
.product-form__input--pill input[value="Summer Peach"] + label { background: rgba(240, 184, 160, 0.25) !important; }
.product-form__input--pill input[value="Spiced Peach"] + label { background: rgba(232, 160, 136, 0.25) !important; }
.product-form__input--pill input[value="Sangria"] + label { background: rgba(136, 40, 56, 0.12) !important; }
.product-form__input--pill input[value="Red Berry"] + label { background: rgba(200, 48, 48, 0.12) !important; }
.product-form__input--pill input[value="Cosmos"] + label { background: rgba(208, 104, 120, 0.2) !important; }
.product-form__input--pill input[value="Candied Rose"] + label { background: rgba(232, 144, 160, 0.2) !important; }
.product-form__input--pill input[value="Kir Royale"] + label { background: rgba(136, 40, 72, 0.12) !important; }
.product-form__input--pill input[value="Blossom"] + label { background: rgba(240, 192, 200, 0.3) !important; }
.product-form__input--pill input[value="Mocha Latte"] + label { background: rgba(160, 128, 112, 0.2) !important; }
.product-form__input--pill input[value="Tourmaline"] + label { background: rgba(208, 72, 96, 0.15) !important; }
.product-form__input--pill input[value="Moonstone"] + label { background: rgba(216, 208, 208, 0.35) !important; }
.product-form__input--pill input[value="Bronze"] + label { background: rgba(160, 128, 80, 0.2) !important; }
.product-form__input--pill input[value="Ivory"] + label { background: rgba(240, 235, 225, 0.5) !important; }
.product-form__input--pill input[value="Rose"] + label { background: rgba(216, 160, 168, 0.25) !important; }

/* Selected pill — stronger tint + dark border */
.product-form__input--pill input[type='radio']:checked + label {
  border: 2px solid var(--vc-ink) !important;
  filter: saturate(1.4) !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

/* Selected dot — ring highlight */
.product-form__input--pill input[type='radio']:checked + label::after {
  box-shadow: 0 0 0 2px var(--vc-ink), 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* Hover */
.product-form__input--pill input[type='radio']:not(:checked) + label:hover {
  border-color: rgba(46, 42, 57, 0.25) !important;
  filter: saturate(1.2) brightness(0.98) !important;
}

/* ============================================

/* ---- kept from verdo-sense.css lines 1681-1775: ACCESSIBILITY ---- */
   ACCESSIBILITY IMPROVEMENTS
   ============================================ */

/* Color contrast fixes — WCAG AA compliance */
.slider-counter,
.slider-counter--current,
.slider-counter--total {
  color: var(--vc-muted) !important;
}

/* Judge.me button contrast fix */
.jdgm-widget .cursor-pointer,
.jdgm-widget button span {
  color: var(--vc-ink) !important;
}

/* Focus visible styles — only on interactive elements, not modals/drawers */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--vc-ink) !important;
  outline-offset: 3px !important;
}

/* Remove focus outline from modals/dialogs/drawers */
dialog:focus-visible,
[role="dialog"]:focus-visible,
.drawer:focus-visible,
.quick-add-modal__content:focus-visible,
quick-add-modal:focus-visible,
details-modal:focus-visible {
  outline: none !important;
}

/* Skip to content — visible on focus */
.skip-to-content-link:focus {
  clip: auto !important;
  width: auto !important;
  height: auto !important;
  padding: 12px 24px !important;
  background: var(--vc-ink) !important;
  color: #FDFBF7 !important;
  position: fixed !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 10000 !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  text-decoration: none !important;
}

/* Ensure sufficient color contrast on muted text */
.price .money,
.product__text,
.card-information__text {
  color: var(--vc-ink) !important;
}

/* Larger touch targets on mobile */
@media screen and (max-width: 749px) {
  .product-form__input label,
  button,
  a.button,
  .quantity__button {
    min-height: 44px !important;
    min-width: 44px !important;
  }
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  
  .card:hover,
  .card--card:hover {
    transform: none !important;
  }
  
  .card:hover .media img {
    transform: none !important;
  }
}

/* ============================================

/* ---- kept from verdo-sense.css lines 1852-1907: SITE-WIDE PROMO BADGE ---- */
/* MAP-safe: visual code reminder only, does not alter displayed price */
.verdo-promo-badge {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4em;
  margin-top: 0.6em;
  padding: 0.4em 0.75em;
  border-radius: 999px;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.01em;
  background: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  /* rgba(), not rgb(x / a): the scheme variables are comma lists, and the slash form made these rules invalid (the code chip went invisible) */
  border: 1.5px solid rgba(var(--color-foreground), 0.25);
  width: fit-content;
  max-width: 100%;
}
.verdo-promo-badge__percent {
  font-weight: 700;
  white-space: nowrap;
}
.verdo-promo-badge__sep {
  opacity: 0.7;
  font-weight: 400;
  white-space: nowrap;
}
.verdo-promo-badge__code {
  padding: 0.18em 0.55em;
  background: rgba(var(--color-foreground), 0.9);
  color: rgb(var(--color-background));
  border-radius: 6px;
  font-weight: 700;
  letter-spacing: 0.08em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
/* Bigger on product detail pages (accessibility: Anna wears glasses) */
.product__info-container .verdo-promo-badge,
.product--thumbnail .verdo-promo-badge,
.main-product .verdo-promo-badge {
  font-size: 1.5rem;
  padding: 0.5em 0.95em;
  margin-top: 0.8em;
}
/* Product cards: compact, and when it wraps onto two lines it is a neat rounded box rather than a stretched pill */
.vc-card .verdo-promo-badge {
  font-size: 1.2rem;
  padding: 0.4em 0.75em;
  border-radius: var(--vc-radius-sm);
}
/* Reduce on compact contexts (cart, quick-add) */
.cart-items .verdo-promo-badge,
.cart-notification .verdo-promo-badge,
.quick-order-list .verdo-promo-badge {
  font-size: 1.15rem;
  padding: 0.3em 0.6em;
  margin-top: 0.4em;
}

/* ============ PICKUP AVAILABILITY DRAWER — LIQUID GLASS ============ */

/* ---- kept from verdo-sense.css lines 1908-1948: PICKUP AVAILABILITY DRAWER ---- */
/* This theme defines no color_schemes, so stock Dawn's
   rgb(var(--color-background)) / rgb(var(--color-foreground)) resolve to
   transparent. That left the "View store information" drawer see-through,
   bleeding the store address over the product page on mobile and desktop.
   Restyle it as a self-contained frosted-glass panel that does not depend
   on the (empty) color-scheme variables. */

/* The drawer panel — frosted liquid glass.
   z-index raised above the sticky header (1000) so it reads as a clean
   full-screen modal on mobile and a floating panel on desktop. */
pickup-availability-drawer {
  background: rgba(253, 251, 247, 0.94) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  color: var(--vc-ink) !important;
  border-left: 1px solid rgba(46, 42, 57, 0.12) !important;
  box-shadow: -12px 0 48px rgba(46, 42, 57, 0.16) !important;
  z-index: 1001 !important;
}

/* Text + close icon were also using the empty --color-foreground variable */
pickup-availability-drawer,
pickup-availability-drawer p,
pickup-availability-drawer strong,
pickup-availability-drawer .pickup-availability-drawer-title,
pickup-availability-drawer .pickup-availability-variant,
pickup-availability-drawer .pickup-availability-address,
pickup-availability-drawer .pickup-availability-drawer-button {
  color: var(--vc-ink) !important;
}

pickup-availability-drawer .pickup-availability-drawer-button:hover {
  color: rgba(46, 42, 57, 0.6) !important;
}

pickup-availability-drawer .pickup-availability-list__item,
pickup-availability-drawer .pickup-availability-list__item:first-child {
  border-color: rgba(46, 42, 57, 0.1) !important;
}

/* ============ ARTICLE FAQ (AEO) ============ */

/* ---- kept from verdo-sense.css lines 1949-1994: ARTICLE FAQ (AEO) ---- */
/* Rendered from article.metafields.custom.faq — visible accordion that matches
   the FAQPage JSON-LD, so featured snippets / AI Overviews have on-page proof. */
.article-faq {
  margin: 3.2rem 0 1rem;
  border-top: 1px solid rgba(46, 42, 57, 0.12);
}
.article-faq__title {
  font-size: 2.4rem;
  margin: 2.4rem 0 1.2rem;
  color: var(--vc-ink);
}
.article-faq__item {
  border-bottom: 1px solid rgba(46, 42, 57, 0.12);
  padding: 0.4rem 0;
}
.article-faq__q {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--vc-ink);
  cursor: pointer;
  list-style: none;
  padding: 1.4rem 2.8rem 1.4rem 0;
  position: relative;
}
.article-faq__q::-webkit-details-marker { display: none; }
.article-faq__q::after {
  content: "+";
  position: absolute;
  right: 0.4rem;
  top: 1.2rem;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1;
  color: rgba(46, 42, 57, 0.5);
  transition: transform 0.2s ease;
}
.article-faq__item[open] .article-faq__q::after { content: "\2013"; }
.article-faq__a {
  font-size: 1.6rem;
  line-height: 1.6;
  color: var(--vc-body);
  padding: 0 0 1.6rem;
}
.article-faq__a p { margin: 0 0 1rem; }

/* ============ PRODUCT TRUST BADGES ============ */

/* ---- kept from verdo-sense.css lines 2028-2057: PRODUCT TRUST BADGES ---- */
.product-trust {
  list-style: none;
  margin: 1.6rem 0 0.4rem;
  padding: 1.4rem 1.6rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem 1.4rem;
  background: rgba(46, 42, 57, 0.03);
  border: 1px solid rgba(46, 42, 57, 0.08);
  border-radius: 12px;
}
.product-trust__item {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  font-size: 1.3rem;
  line-height: 1.35;
  color: var(--vc-ink);
}
.product-trust__icon {
  color: #2f7d57;
  font-weight: 700;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  .product-trust { grid-template-columns: 1fr; }
}


/* ============ GIFT CARD RECIPIENT FORM FIX (16 Oct 2026) ============ */

/* ---- kept from verdo-sense.css lines 2058-2071: GIFT CARD RECIPIENT FORM FIX ---- */
/* The native checkbox is only meant to sit hidden under the drawn 16px box; generic input sizing made it 35x27 and visible. */
.recipient-form > input[type='checkbox'] {
  width: 1.6rem !important;
  height: 1.6rem !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  opacity: 0 !important;
}
.recipient-checkbox > svg { margin-top: var(--recipient-checkbox-margin-top) !important; }