/* Trending Edit – shade picker + variation gallery */
/* --- hide everything but the swatches + button --- */
.trend-shades table.variations th.label,
.trend-shades .reset_variations,
.trend-shades .swatch-label{display:none!important}
.trend-shades table.variations,.trend-shades table.variations tr,.trend-shades table.variations td{display:block;border:0;padding:0;margin:0;background:none}
/* --- swatch grid (Variation Swatches and Photos markup) --- */
.trend-shades .swatch-control.select { display: flex !important; flex-wrap: wrap; gap: 19px; margin: 0; max-width: 350px; padding: 5px; }
.trend-shades .swatch-wrapper{float:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;overflow:hidden;box-shadow:none!important}
.trend-shades .swatch-wrapper a{display:block;width:52px!important;height:52px!important;border-radius:50%;overflow:hidden}
/* crop the smear image to its colour centre */
.trend-shades .swatch-wrapper img{width:100%!important;height:100%!important;object-fit:cover;transform:scale(1.9);border-radius:0!important}
.trend-shades .swatch-wrapper.selected{box-shadow:0 0 0 2px #fff,0 0 0 3px #3b2a29!important}
.trend-shades .swatch-wrapper.disabled{opacity:.35}
/* --- group headings --- */
.trend-shades .trend-group-label{flex-basis:100%;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#8a7d78;margin:10px 0 0}
.trend-shades .trend-group-label:first-child{margin-top:0}
/* --- selected shade line + button --- */
.trend-shades .trend-shade-current{margin:0 0 10px}
.trend-shades .trend-cur-name{font-size:12px;    font-family: "Jost", Geist;letter-spacing:.2em;text-transform:uppercase;color:#3a2d2e;margin-bottom:4px}
.trend-shades .trend-cur-tone { font-size: 12px; color: #6b5b5c; line-height: 1.6; font-family: "Jost", Geist; }
.trend-shades .trend-cur-empty { color: #3a2d2e; font-family: "Jost", Geist; }
.trend-shades .trend-shade-current{display:block!important}
/* --- filter tabs + undertone --- */
.trend-shades .trend-filters{margin:0 0 18px}
.trend-shades .trend-tabs{display:flex;flex-wrap:wrap;gap:22px;border-bottom:1px solid #e5e0dc;margin-bottom:14px}
.trend-shades .trend-tab { background: none !important; border: 0 !important; border-bottom: 1px solid transparent !important; margin: 0 0 -1px !important; padding: 0 0 10px !important; font-size: 12px !important; letter-spacing: .1em; text-transform: uppercase; color: #000 !important; cursor: pointer; box-shadow: none !important; line-height: 1.4; font-family: "Jost", Geist;    font-weight: 400; }
.trend-shades .trend-tab.is-active{color:#3A2D2E!important;border-bottom-color:#3A2D2E1F!important;font-weight: 600 !important;}
.trend-shades .trend-tone{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.trend-shades .trend-tone-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#6B5B5C;margin-right:10px}
.trend-shades .trend-tone-btn{font-family: "Jost", Geist;background:#fff!important;border:1px solid #6B5B5C!important;color:#3A2D2E!important;padding:8px 14px!important;font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:0!important;box-shadow:none!important;line-height:1}
.trend-shades .trend-tone-btn.is-active{background:#3A2D2E!important;border-color:#3A2D2E!important;color:#fff!important}
.trend-shades .select-option.trend-hide{display:none!important}
.trend-shades .trend-empty{font-size:12px;color:#6B5B5C;margin:-6px 0 14px}
.trend-shades .trend-empty[hidden]{display:none}
.trend-shades .woocommerce-variation-price,
.trend-shades .woocommerce-variation-description,
.trend-shades form.cart .quantity{display:none!important}
.trend-shades .trend-extra{margin:4px 0 18px}
.trend-shades .woocommerce-variation-add-to-cart,
.trend-shades form.cart:not(.variations_form){display:block!important}
#main .trend-shades .single_add_to_cart_button { display: block !important; width: 100% !important; float: none !important; margin: 0 !important; height:56px !important; padding: 0px 20px !important; background: #3a2d2e !important; color: #fff !important; font-size: 13px !important; letter-spacing: 2px; text-transform: uppercase; border: 0 !important; border-radius: 0 !important; opacity: 1 !important; font-family: "Jost", Geist; font-weight: 500; }
.trend-shades .single_add_to_cart_button.disabled{cursor:pointer}
/* --- gallery --- */
.trend-gallery-main img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.trend-gallery-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#main .trend-thumb{width:64px;height:64px;padding:0;border:1px solid #ede7e1;background:none;cursor:pointer}
#main .trend-thumb img{display:block;width:100%;height:100%;object-fit:cover}
#main .trend-thumb.is-active{border-color:#3a2d2e}
/* --- enclosed content: Find my shade + review --- */
.trend-find{display:inline-block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#2e2522;border-bottom:1px solid #2e2522;margin-bottom:10px}
#main .trend-review { font-size: 14px; margin: 0 !important; line-height: 1; letter-spacing: 4px; }
@media (min-width: 1220px) {
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1280px !important;
        --porto-flick-carousel-width: 1280px !important;
}
}
#main a.trend-find { font-family: "Jost", Geist; font-size: 12px; color:#3a2d2e; line-height: 1.6; margin-bottom: 15px; }
p#learn-more {display: none;}
#main .pro-note a{ font-family: "Cormorant Garamond", Geist; }
#main .single_variation_wrap { padding-bottom: 0; border: 0px; padding-top: 0; }
#main .first-letter .elementor-heading-title::first-letter { float: left; font-family: "Cormorant Garamond", Geist; font-size:72px; font-weight: 400; line-height:.7; margin: 0px 8px 10px 0; color: #3A2D2E; }

html {
    scroll-behavior: smooth;
    scroll-padding-top: 280px;
}
@media (max-width: 767px) {
.main-content.col-lg-12 {
    padding: 0;
}
	html {
    scroll-padding-top: 365px;
}
.trend-shades .swatch-wrapper a{display:block;width:46px!important;height:46px!important;
}