/*
Theme Name: Teenglow Child
Theme URI: https://teenglow.qodeinteractive.com
Description: A child theme of Teenglow
Author: Select Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: teenglow
Template: teenglow
*/

/* =========================================================================
   JOY4SKIN BRAND COLOURS  (child-theme override, parent theme untouched)
   -------------------------------------------------------------------------
   Primary   : #D93D73  Deep Rose Pink   (was #0000B4)  - CTA / links / brand
   Primary hover : #C42C64             (was #1111d1)  - button / CTA hover
   Secondary : #D93D73  Olive / Sage    (was #C42C64 )  - badges / accents
   Body text : #2C2C2C  Charcoal         (was #0000B4)  - body / inputs / code

   The parent theme hard-codes the old blue/yellow in ~120 rules AND in the
   CSS custom properties. The block below re-declares every one of those rules
   with the new palette, generated straight from the parent selectors.
   Where the old colour was used as readable text (body copy, form fields,
   code, captions, quotes) it maps to Charcoal for legibility; everywhere it
   was a brand accent it maps to Deep Rose Pink.
   ========================================================================= */

/* Brand colour custom properties */
:root {
	--qode-main-color: #D93D73;
	--qode-second-main-color: #D93D73;
}

/* Full literal-colour overrides (mirrors every hard-coded parent rule) */
:root { --qode-main-color: #D93D73; }
:root { --qode-second-main-color: #D93D73; }
pre { color: #2C2C2C; }
code { color: #2C2C2C; }
figcaption, .wp-caption, .gallery-caption { color: #2C2C2C; }
body { color: #2C2C2C; }
h1, .qodef-h1 { color: #D93D73; }
h2, .qodef-h2 { color: #D93D73; }
h3, .qodef-h3 { color: #D93D73; }
h4, .qodef-h4 { color: #D93D73; }
h5, .qodef-h5 { color: #D93D73; }
h6, .qodef-h6 { color: #D93D73; }
a, p a { color: #D93D73; }
blockquote, .wp-block-quote { color: #2C2C2C; }
.qodef-e-info > * { color: #D93D73; }
input[type=text], input[type=email], input[type=url], input[type=password], input[type=number], input[type=tel], input[type=search], input[type=date], textarea, select { color: #2C2C2C; }
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=search]:focus, input[type=date]:focus, textarea:focus, select:focus { color: #2C2C2C; }
select option { color: #2C2C2C; }
input[type=submit], button[type=submit], .qodef-theme-button { background-color: #D93D73; }
input[type=submit]:hover, button[type=submit]:hover, .qodef-theme-button:hover { background-color: #C42C64; }
[class*=teenglow] .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { background-color: #D93D73; }
[class*=teenglow] .select2-container--default .select2-search--inline .select2-search__field:focus { border-color: #D93D73; }
[class*=teenglow] .select2-container--default .select2-search--dropdown .select2-search__field { color: #2C2C2C; }
[class*=teenglow] .select2-container--default .select2-search--dropdown .select2-search__field:focus { color: #2C2C2C; }
[class*=teenglow] .select2-container--default .select2-results__option[aria-disabled=true] { color: #2C2C2C; }
[class*=teenglow] .select2-container--default .select2-results__option[aria-selected=true], [class*=teenglow] .select2-container--default .select2-results__option[data-selected=true] { color: #2C2C2C; }
[class*=teenglow] .select2-container--default .select2-results__option--highlighted[aria-selected] { color: #2C2C2C; }
[class*=teenglow] .select2-container--default.select2-container--open .select2-selection--single, [class*=teenglow] .select2-container--default.select2-container--open .select2-selection--multiple { color: #2C2C2C; }
.select2-container--default .select2-selection { color: #2C2C2C !important; }
.select2-container--default .select2-selection:focus { color: #2C2C2C !important; }
input:-webkit-autofill { -webkit-text-fill-color: #D93D73; }
.mfp-bottom-bar .mfp-title, .mfp-bottom-bar .mfp-counter { color: #D93D73; }
.swiper-pagination-bullets .swiper-pagination-bullet { background-color: #D93D73; }
.swiper-button-prev, .swiper-button-next { color: #D93D73; }
#qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, #qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle { color: #D93D73; }
#qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a, #qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a { color: #D93D73; }
#qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li a { color: #D93D73; }
#qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li a { color: #D93D73; }
#qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, #qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle { color: #D93D73; }
#qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a, #qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a { color: #D93D73; }
#qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li a { color: #D93D73; }
#qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li a { color: #D93D73; }
#qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, #qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle { color: #D93D73; }
#qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a, #qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a { color: #D93D73; }
#qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li a { color: #D93D73; }
#qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li a { color: #D93D73; }
#qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, #qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle { color: #D93D73; }
#qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a, #qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a { color: #D93D73; }
#qodef-side-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, #qodef-side-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle { color: #D93D73; }
#qodef-side-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a, #qodef-side-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a { color: #D93D73; }
.qodef-blog .qodef-e-top-holder .entry-date { color: #D93D73; }
.qodef-blog.qodef--list .qodef-author-label { color: #D93D73; }
#qodef-page-comments-list .qodef-comment-item .qodef-e-date { color: #D93D73; }
#qodef-page-comments-list .qodef-comment-item .qodef-e-date a { color: #D93D73; }
#qodef-page-comments-list .qodef-comment-item .qodef-e-date a:hover { color: #D93D73; }
.qodef-comment-item #respond .comment-reply-title { color: #D93D73; }
#qodef-page-footer-top-area { background-color: #D93D73; }
.qodef-footer-skin--dark #qodef-page-footer-top-area * { color: #D93D73 !important; }
.qodef-footer-skin--dark #qodef-page-footer-top-area input { border-color: #D93D73; }
.qodef-footer-skin--dark #qodef-page-footer-top-area input:focus { border-color: #D93D73; }
#qodef-page-footer-bottom-area { background-color: #D93D73; }
.qodef-footer-skin--dark #qodef-page-footer-bottom-area * { color: #D93D73 !important; }
.qodef-footer-skin--dark #qodef-page-footer-bottom-area input { border-color: #D93D73; }
.wp-block-button .wp-block-button__link { background-color: #D93D73; }
.wp-block-button .wp-block-button__link:hover { background-color: #C42C64; }
.wp-block-file { color: #D93D73; }
.qodef-single-links .qodef-m-single-links-title { color: #D93D73; }
.qodef-search .qodef-search-form-button { color: #D93D73; }
.widget a { color: #D93D73; }
.widget .qodef-search-form-button.qodef--button-inside { color: #D93D73; }
.widget .qodef-search-form-button.qodef--button-inside:hover { color: #D93D73; }
.widget .tagcloud a, .widget .wp-block-tag-cloud a { color: #D93D73; }
.widget.widget_calendar .wp-calendar-nav a, .widget .wp-block-calendar .wp-calendar-nav a { color: #D93D73; }
#qodef-top-area .widget .qodef-search-form-button.qodef--button-inside { color: #D93D73; }
#qodef-top-area .widget .qodef-search-form-button.qodef--button-inside:hover { color: #D93D73; }
#qodef-side-area .widget .qodef-search-form-button.qodef--button-inside { color: #D93D73; }
#qodef-side-area .widget .qodef-search-form-button.qodef--button-inside:hover { color: #D93D73; }
.qodef-mega-menu-widget-holder .widget .qodef-search-form-button.qodef--button-inside { color: #D93D73; }
.qodef-mega-menu-widget-holder .widget .qodef-search-form-button.qodef--button-inside:hover { color: #D93D73; }
#qodef-woo-page .button, #qodef-woo-page .added_to_cart, .qodef-woo-shortcode .button, .qodef-woo-shortcode .added_to_cart, #yith-quick-view-modal .button, #yith-quick-view-modal .added_to_cart { background-color: #D93D73; }
#qodef-woo-page .button:hover, #qodef-woo-page .added_to_cart:hover, .qodef-woo-shortcode .button:hover, .qodef-woo-shortcode .added_to_cart:hover, #yith-quick-view-modal .button:hover, #yith-quick-view-modal .added_to_cart:hover { background-color: #C42C64; }
#qodef-woo-page .quantity input[type=number] { color: #2C2C2C; }
.woocommerce-message .wc-forward, .woocommerce-info .wc-forward, .woocommerce-error .wc-forward { background-color: #D93D73; }
.woocommerce-message .wc-forward:hover, .woocommerce-info .wc-forward:hover, .woocommerce-error .wc-forward:hover { background-color: #C42C64; }
.woocommerce-page div.woocommerce .shop_table th { color: #D93D73; }
#qodef-woo-page.qodef--cart .cross-sells > h2, #qodef-woo-page.qodef--cart .cart_totals > h2, .yith-wcwl-form .cross-sells > h2, .yith-wcwl-form .cart_totals > h2 { color: #D93D73; }
.woocommerce-page div.woocommerce .cart-empty { color: #D93D73; }
.woocommerce-page div.woocommerce .return-to-shop a { background-color: #D93D73; }
.woocommerce-page div.woocommerce .return-to-shop a:hover { background-color: #C42C64; }
#qodef-woo-page.qodef--checkout .wc_payment_methods label { color: #D93D73; }
.woocommerce-account .woocommerce-MyAccount-content h2 { color: #D93D73; }
.woocommerce-account .button { background-color: #D93D73; }
.woocommerce-account .button:hover { background-color: #C42C64; }
.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received { color: #D93D73; }
.woocommerce-order-received .woocommerce-order h2 { color: #D93D73; }
.qodef-woo-product-list.qodef-item-layout--info-below .qodef-e-content .added_to_cart, .qodef-woo-product-list.qodef-item-layout--info-below .qodef-e-content .button { color: #D93D73; }
#qodef-woo-page .qodef-woo-product-list.qodef-item-layout--info-below .qodef-e-content .added_to_cart, #qodef-woo-page .qodef-woo-product-list.qodef-item-layout--info-below .qodef-e-content .button { color: #D93D73; }
#qodef-woo-page .qodef-quantity-buttons .qodef-quantity-input, #qodef-woo-page .qodef-quantity-buttons .qodef-quantity-minus, #qodef-woo-page .qodef-quantity-buttons .qodef-quantity-plus, #yith-quick-view-modal .qodef-quantity-buttons .qodef-quantity-input, #yith-quick-view-modal .qodef-quantity-buttons .qodef-quantity-minus, #yith-quick-view-modal .qodef-quantity-buttons .qodef-quantity-plus { color: #2C2C2C; }
#qodef-woo-page.qodef--single .entry-summary .yith-wcwl-add-to-wishlist, #yith-quick-view-content.single-product .entry-summary .yith-wcwl-add-to-wishlist { color: #D93D73; }
#qodef-woo-page.qodef--single .woocommerce-product-rating .woocommerce-review-link, #yith-quick-view-content.single-product .woocommerce-product-rating .woocommerce-review-link { color: #D93D73; }
#qodef-woo-page.qodef--single .woocommerce-product-rating .woocommerce-review-link:hover, #yith-quick-view-content.single-product .woocommerce-product-rating .woocommerce-review-link:hover { color: #D93D73; }
#qodef-woo-page.qodef--single form.cart.grouped_form .group_table label, #yith-quick-view-content.single-product form.cart.grouped_form .group_table label { color: #D93D73; }
#qodef-woo-page.qodef--single form.cart .group_table th, #yith-quick-view-content.single-product form.cart .group_table th { color: #D93D73; }
#qodef-woo-page.qodef--single form.cart .variations label, #yith-quick-view-content.single-product form.cart .variations label { color: #D93D73; }
#qodef-woo-page.qodef--single .out-of-stock, #yith-quick-view-content.single-product .out-of-stock { color: #D93D73; }
#qodef-woo-page.qodef--single .product_meta .qodef-woo-meta-label, #yith-quick-view-content.single-product .product_meta .qodef-woo-meta-label { color: #D93D73; }
#qodef-woo-page.qodef--single .qodef-social-share .qodef-social-title, #yith-quick-view-content.single-product .qodef-social-share .qodef-social-title { color: #D93D73; }
#qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-review__author, #yith-quick-view-content.single-product .woocommerce-Reviews .woocommerce-review__author { color: #D93D73; }
#qodef-woo-page.qodef--single #review_form .comment-reply-title, #yith-quick-view-content.single-product #review_form .comment-reply-title { color: #D93D73; }
.widget.woocommerce .button, .widget.woocommerce .woocommerce-widget-layered-nav-dropdown__submit { background-color: #D93D73; }
.widget.woocommerce .button:hover, .widget.woocommerce .woocommerce-widget-layered-nav-dropdown__submit:hover { background-color: #C42C64; }
.widget.woocommerce.widget_recent_reviews a { color: #D93D73; }
.widget .wc-block-components-price-slider .wc-block-components-price-slider__actions button { background-color: #D93D73 !important; }
.widget .wc-block-components-price-slider .wc-block-components-price-slider__actions button { color: #D93D73 !important; }
.widget .wc-block-components-price-slider .wc-block-components-price-slider__actions button:hover { background-color: #C42C64 !important; }
.widget .wp-block-woocommerce-filter-wrapper .wp-block-woocommerce-attribute-filter ul li .wc-block-components-checkbox__label { color: #D93D73; }
.widget.woocommerce .qodef-woo-product-title a { color: #D93D73; }
.widget.woocommerce a .product-title { color: #D93D73; }
.widget .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item a { color: #D93D73; }

/* =========================================================================
   COMPANION ADDONS PLUGIN (Qi / Qode Addons) - .qodef-button component
   -------------------------------------------------------------------------
   These rules live in wp-content/plugins (NOT in the theme), so they keep
   the old blue until overridden here. !important + multi-class selectors
   guarantee the override wins over the plugin regardless of load order.
   ========================================================================= */

/* Filled buttons */
.qodef-button.qodef-layout--filled { background-color: #D93D73 !important; }
.qodef-button.qodef-layout--filled:hover { background-color: #C42C64 !important; }

/* Outlined buttons */
.qodef-button.qodef-layout--outlined { color: #D93D73 !important; border-color: #D93D73 !important; }
.qodef-button.qodef-layout--outlined:hover { color: #ffffff !important; background-color: #D93D73 !important; border-color: #D93D73 !important; }

/* Textual buttons */
.qodef-button.qodef-layout--textual { color: #D93D73 !important; }

/* =========================================================================
   SINGLE PRODUCT PAGE LAYOUT  (markup: inc/single-product.php)
   ========================================================================= */
/* WooCommerce renders the gallery with inline opacity:0 and relies on JS to reveal it */
.single-product .woocommerce-product-gallery,
#yith-quick-view-content.single-product .woocommerce-product-gallery { opacity: 1 !important; }

.single-product .entry-summary .webgrams-sp-label { font-weight: 600; color: #8a8a93; }
.single-product .entry-summary .webgrams-sp-icon { flex: 0 0 auto; }

/* Title */
.single-product .entry-summary .qodef-woo-product-title { margin: 0 !important; font-size: 38px; line-height: 1.15; letter-spacing: -.01em; }

/* SKU + availability */
.single-product .entry-summary .webgrams-sp-sku,
.single-product .entry-summary .webgrams-sp-availability { display: inline-flex; align-items: center; gap: 6px; margin: 14px 18px 0 0; font-size: 14px; }
.single-product .entry-summary .webgrams-sp-sku .sku { color: #2C2C2C; font-weight: 600; }
.single-product .entry-summary .webgrams-sp-availability .webgrams-sp-value {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 4px 12px;
	border-radius: 30px;
	background: #e8f7ee;
	color: #1c8a4b;
	font-weight: 600;
}
.single-product .entry-summary .webgrams-sp-availability .webgrams-sp-value:before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.single-product .entry-summary .webgrams-sp-availability .webgrams-sp-value.is-out { background: #fdecec; color: #c43030; }

.single-product .entry-summary .woocommerce-product-details__short-description { margin: 18px 0 0; color: #555560; line-height: 1.7; }

.single-product .entry-summary .webgrams-sp-view-details {
	display: flex;
	width: fit-content;
	align-items: center;
	margin: 16px 0 0;
	padding: 0 0 2px;
	border-bottom: 2px solid #D93D73;
	color: #D93D73;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: opacity .2s ease;
}
.single-product .entry-summary .webgrams-sp-view-details:after { content: "\2193"; margin-left: 8px; transition: transform .2s ease; }
.single-product .entry-summary .webgrams-sp-view-details:hover { opacity: .75; }
.single-product .entry-summary .webgrams-sp-view-details:hover:after { transform: translateY(2px); }

.webgrams-sp-anchor { display: block; position: relative; top: -120px; visibility: hidden; }
html { scroll-behavior: smooth; }

/* Price: sale price big and pink, regular (old) price smaller, grey and struck through.
   The parent theme styles .price through #qodef-woo-page, hence the ID prefix. */
#qodef-woo-page.qodef--single .entry-summary .webgrams-sp-price { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 16px 0 4px; }
#qodef-woo-page.qodef--single .entry-summary .webgrams-sp-price .price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 14px;
	margin: 0;
	color: #1f1f26;
	font-size: 44px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.02em;
}
#qodef-woo-page.qodef--single .entry-summary .webgrams-sp-price .price .amount,
#qodef-woo-page.qodef--single .entry-summary .webgrams-sp-price .price bdi,
#qodef-woo-page.qodef--single .entry-summary .webgrams-sp-price .price .woocommerce-Price-currencySymbol { color: inherit; font-size: inherit; font-weight: inherit; }
#qodef-woo-page.qodef--single .entry-summary .webgrams-sp-price .price ins { order: -1; background: none; color: #D93D73; text-decoration: none; }
#qodef-woo-page.qodef--single .entry-summary .webgrams-sp-price .price del { margin: 0; color: #9a9aa3; font-size: 22px; font-weight: 500; letter-spacing: 0; opacity: 1; text-decoration-color: #b9b9c4; }
#qodef-woo-page.qodef--single .entry-summary .webgrams-sp-price .price del .amount,
#qodef-woo-page.qodef--single .entry-summary .webgrams-sp-price .price del bdi { color: #9a9aa3; }
#qodef-woo-page.qodef--single .entry-summary .webgrams-sp-discount {
	padding: 6px 14px;
	border-radius: 30px;
	background: #D93D73;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}

/* Quantity input next to the add to cart button (this page only: bigger input) */
#qodef-woo-page.qodef--single .entry-summary form.cart { width: 100%; max-width: none; margin: 22px 0 0; }
#qodef-woo-page.qodef--single .entry-summary form.cart:not(.variations_form):not(.grouped_form),
#qodef-woo-page.qodef--single .entry-summary form.cart .variations_button,
#qodef-woo-page.qodef--single .entry-summary form.cart .woocommerce-variation-add-to-cart {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 12px;
}
#qodef-woo-page.qodef--single .entry-summary form.cart:not(.grouped_form) .qodef-quantity-buttons {
	flex: 0 0 auto;
	margin: 0;
	padding: 0 8px;
	border: 1px solid #ececf0;
	border-radius: 14px;
	background: #f7f7fa;
}
#qodef-woo-page.qodef--single .entry-summary form.cart:not(.grouped_form) .qodef-quantity-buttons .qodef-quantity-input {
	width: 52px;
	height: 56px;
	font-size: 20px;
	font-weight: 700;
	line-height: 56px;
	color: #1f1f26;
}
#qodef-woo-page.qodef--single .entry-summary form.cart:not(.grouped_form) .qodef-quantity-buttons .qodef-quantity-minus,
#qodef-woo-page.qodef--single .entry-summary form.cart:not(.grouped_form) .qodef-quantity-buttons .qodef-quantity-plus { padding: 0 10px; color: #6b6b76; }
#qodef-woo-page.qodef--single .entry-summary form.cart:not(.grouped_form) .qodef-quantity-buttons .qodef-quantity-minus svg,
#qodef-woo-page.qodef--single .entry-summary form.cart:not(.grouped_form) .qodef-quantity-buttons .qodef-quantity-plus svg { width: 18px; }
#qodef-woo-page.qodef--single .entry-summary form.cart:not(.grouped_form) .qodef-quantity-buttons .qodef-quantity-minus:hover,
#qodef-woo-page.qodef--single .entry-summary form.cart:not(.grouped_form) .qodef-quantity-buttons .qodef-quantity-plus:hover { color: #D93D73; }

/* Add to cart: fills the rest of the row, same height as the quantity input */
#qodef-woo-page.qodef--single .entry-summary form.cart .single_add_to_cart_button {
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 58px;
	margin: 0 !important;
	padding: 0 30px !important;
	border: 0 !important;
	border-radius: 14px !important;
	background: linear-gradient(135deg, #e6538a 0%, #D93D73 100%) !important;
	box-shadow: 0 12px 26px -10px rgba(217, 61, 115, .65);
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: .02em;
	text-transform: none;
	transition: transform .2s ease, box-shadow .2s ease;
}
#qodef-woo-page.qodef--single .entry-summary form.cart .single_add_to_cart_button:hover { transform: translateY(-2px); box-shadow: 0 16px 30px -10px rgba(217, 61, 115, .8); }

.single-product .entry-summary .webgrams-sp-trust,
.single-product .entry-summary .webgrams-sp-meta { width: 100%; max-width: none; box-sizing: border-box; }

/* Secure payment & shipping: centred heading + logo row (like the reference store) */
.single-product .entry-summary .webgrams-sp-trust { margin-top: 26px; padding: 22px 16px 24px; border-top: 1px solid #f1eef0; text-align: center; }
.single-product .entry-summary .webgrams-sp-trust-title { margin: 0 0 18px; color: #2C2C2C; font-size: 16px; font-weight: 700; letter-spacing: 0; line-height: 1.3; }
.single-product .entry-summary .webgrams-sp-trust-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 22px; margin: 0; padding: 0; list-style: none; }
.single-product .entry-summary .webgrams-sp-trust-logos li { margin: 0; padding: 0; line-height: 0; }
.single-product .entry-summary .webgrams-sp-trust-logos img { display: block; width: auto; height: auto; max-width: 64px; max-height: 40px; }

/* Brand above the title */
.single-product .entry-summary .webgrams-sp-brand { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: .14em; line-height: 1.3; text-transform: uppercase; }
.single-product .entry-summary .webgrams-sp-brand a { color: #D93D73; text-decoration: none; }
.single-product .entry-summary .webgrams-sp-brand a:hover { text-decoration: underline; }

/* Categories / tags */
.single-product .entry-summary .webgrams-sp-meta { display: flex; flex-direction: column; gap: 14px; margin-top: 22px; padding: 18px 20px; border-radius: 16px; background: #f8f8fa; }
.single-product .entry-summary .webgrams-sp-meta-row { display: flex; align-items: flex-start; gap: 14px; }
.single-product .entry-summary .webgrams-sp-meta-label { display: flex; flex: 0 0 120px; align-items: center; gap: 8px; padding-top: 5px; color: #2C2C2C; font-size: 13px; font-weight: 700; }
.single-product .entry-summary .webgrams-sp-meta-label .webgrams-sp-icon { width: 18px; height: 18px; color: #D93D73; }
.single-product .entry-summary .webgrams-sp-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.single-product .entry-summary .webgrams-sp-pills a {
	display: inline-block;
	padding: 5px 14px;
	border: 1px solid #ececf0;
	border-radius: 30px;
	background: #fff;
	color: #444450;
	font-size: 13px;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.single-product .entry-summary .webgrams-sp-pills a:hover { border-color: #D93D73; background: #D93D73; color: #fff; }

.single-product .entry-summary .qodef-social-share { margin-top: 22px; }

@media (max-width: 680px) {
	.single-product .entry-summary .webgrams-sp-meta-row { flex-direction: column; gap: 6px; }
	.single-product .entry-summary .webgrams-sp-meta-label { flex-basis: auto; padding-top: 0; }
	.single-product .entry-summary .qodef-woo-product-title { font-size: 30px; }
	#qodef-woo-page.qodef--single .entry-summary .webgrams-sp-price .price { font-size: 36px; }
	#qodef-woo-page.qodef--single .entry-summary form.cart .single_add_to_cart_button { padding: 0 16px !important; font-size: 15px !important; }
}

/* =========================================================================
   PRODUCT PREVIEW (shop / category / related lists)  (markup: inc/product-loop.php)
   ========================================================================= */
/* Card (shop lists, related products and homepage product sliders) */
li.product > .qodef-e-inner {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	height: 100%;
	padding: 14px 14px 18px;
	border: 1px solid #f1eef0;
	border-radius: 22px;
	background: #fff;
	transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
}
li.product > .qodef-e-inner:hover { border-color: #f6d3df; box-shadow: 0 18px 40px -18px rgba(217, 61, 115, .28); transform: translateY(-4px); }
li.product .qodef-e-media-image img { border-radius: 16px; }
li.product.swiper-slide { height: auto; }
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content { display: flex; flex: 1 1 auto; flex-direction: column; align-items: stretch; justify-content: flex-start; margin: 18px 0 0; padding: 0 6px; }

li.product .webgrams-loop-brand {
	margin: 0 0 8px;
	color: #D93D73;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1.3;
	text-transform: uppercase;
}
li.product .qodef-e-content .qodef-woo-product-title {
	display: -webkit-box;
	min-height: 2.7em;
	margin: 0;
	overflow: hidden;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: -.005em;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* The parent theme styles the list with #qodef-woo-page / .qodef-woo-shortcode
   selectors (some with !important), so the rules below use the same prefix. */

/* Price */
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .price {
	display: flex !important;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 2px 10px;
	margin: 14px 0 20px;
	color: #1f1f26;
	font-size: 21px;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -.015em;
	opacity: 1 !important;
	transform: none !important;
}
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .price .amount,
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .price bdi,
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .price .woocommerce-Price-currencySymbol { color: inherit; font-weight: inherit; }
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .price ins,
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .price ins * { order: -1; background: none; color: #D93D73 !important; text-decoration: none; }
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .price del,
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .price del * { margin: 0; color: #9a9aa3 !important; font-size: 14px !important; font-weight: 500 !important; opacity: 1; }
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .price del { text-decoration: line-through; text-decoration-color: #c9c9d1; }
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .price del * { text-decoration: none; }

/* Product button: always-visible solid button pinned to the bottom of the card.
   Targets every .button in the card (add to cart, select options, read more for
   sold-out products...). The parent theme positions it absolutely, hides it until
   hover, removes its padding and draws an underline with :before/:after, so those
   are reset here. */
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button,
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .added_to_cart {
	position: relative !important;
	inset: auto !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	flex: 0 0 auto;
	align-self: stretch;
	width: 100% !important;
	min-width: 0;
	max-width: none !important;
	margin: auto 0 0 !important;
	padding: 15px 12px !important;
	border: 0 !important;
	border-radius: 14px !important;
	background: linear-gradient(135deg, #e6538a 0%, #D93D73 100%) !important;
	box-shadow: 0 10px 20px -8px rgba(217, 61, 115, .6);
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .01em;
	line-height: 1.2 !important;
	text-align: center;
	text-decoration: none !important;
	text-transform: none !important;
	white-space: nowrap;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	transition: background-color .2s ease, color .2s ease, box-shadow .2s ease !important;
}
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.add_to_cart_button:before,
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.product_type_variable:before,
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.product_type_grouped:before,
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.product_type_external:before {
	content: "" !important;
	position: static !important;
	flex: 0 0 16px;
	width: 16px !important;
	height: 16px !important;
	background: currentColor !important;
	transform: none !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.5l2.2 10.2a1 1 0 0 0 1 .8h8.6a1 1 0 0 0 1-.8L20 8H6.2'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.3'/%3E%3Ccircle cx='17' cy='19.5' r='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.5l2.2 10.2a1 1 0 0 0 1 .8h8.6a1 1 0 0 0 1-.8L20 8H6.2'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.3'/%3E%3Ccircle cx='17' cy='19.5' r='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
}
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button:after,
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button:not(.add_to_cart_button):not(.product_type_variable):not(.product_type_grouped):not(.product_type_external):before,
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .added_to_cart:before,
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .added_to_cart:after { content: none !important; }
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button .qodef-m-icon,
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button .qodef-m-price { display: none; }
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button:hover,
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .added_to_cart:hover { background: #C42C64 !important; color: #fff !important; transform: translateY(-2px) !important; box-shadow: 0 14px 24px -8px rgba(217, 61, 115, .7); }
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.loading { opacity: .6 !important; }

/* Mobile: icon-only add to cart button (text hidden, small button on the left).
   Only the buttons that carry the cart icon are shrunk; the "read more" button of
   sold-out products has no icon, so it keeps its text. */
@media (max-width: 680px) {
	:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.add_to_cart_button,
	:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.product_type_variable,
	:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.product_type_grouped,
	:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.product_type_external {
		align-self: flex-start;
		gap: 0;
		width: auto !important;
		min-width: 0;
		padding: 13px 20px !important;
		border-radius: 12px !important;
		font-size: 0 !important;
		line-height: 0 !important;
		letter-spacing: 0;
	}
	:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.add_to_cart_button:before,
	:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.product_type_variable:before,
	:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.product_type_grouped:before,
	:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.product_type_external:before {
		flex-basis: 20px;
		width: 20px !important;
		height: 20px !important;
	}
}

/* After adding: the theme hides the button and shows a "view cart" link, shown here as a filled button */
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .button.add_to_cart_button.added { display: none !important; }
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .added_to_cart { background: #D93D73 !important; color: #fff !important; }
:is(#qodef-woo-page, .qodef-woo-shortcode) li.product.type-product .qodef-e-content .added_to_cart:hover { background: #C42C64 !important; }

/* =========================================================================
   BRANDS GRID  ([webgrams_brands] shortcode, inc/brands.php)
   ========================================================================= */
.webgrams-brands {
	display: grid;
	grid-template-columns: repeat(var(--webgrams-brand-cols, 6), minmax(0, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.webgrams-brands .webgrams-brand { margin: 0; padding: 0; }
.webgrams-brands .webgrams-brand a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	box-sizing: border-box;
	height: 100%;
	padding: 22px 18px;
	border: 1px solid #f1eef0;
	border-radius: 20px;
	background: #fff;
	color: #2C2C2C;
	text-align: center;
	text-decoration: none;
	transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
}
.webgrams-brands .webgrams-brand a:hover { border-color: #f6d3df; box-shadow: 0 18px 40px -18px rgba(217, 61, 115, .28); transform: translateY(-4px); }
.webgrams-brands .webgrams-brand-logo { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 3 / 2; }
.webgrams-brands .webgrams-brand-logo img { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .3s ease, opacity .3s ease; }
.webgrams-brands .webgrams-brand a:hover .webgrams-brand-logo img { filter: none; opacity: 1; }
.webgrams-brands .webgrams-brand-fallback { font-size: 16px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.webgrams-brands .webgrams-brand-meta { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.webgrams-brands .webgrams-brand-name { font-weight: 600; }
.webgrams-brands .webgrams-brand-count { padding: 2px 9px; border-radius: 30px; background: #fff0f5; color: #D93D73; font-weight: 700; }

@media (max-width: 1024px) { .webgrams-brands { grid-template-columns: repeat(min(var(--webgrams-brand-cols, 6), 4), minmax(0, 1fr)); } }
@media (max-width: 680px) { .webgrams-brands { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .webgrams-brands .webgrams-brand a { padding: 16px 12px; } }

/* =========================================================================
   STAR RATINGS  (inc/reviews.php)
   ========================================================================= */
.webgrams-stars {
	display: inline-block;
	flex: 0 0 auto;
	width: 80px;
	height: 16px;
	background: linear-gradient(90deg, #FFB020 calc(var(--webgrams-rating, 0) / 5 * 100%), #d9d9e3 0);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.9L12 17.8 5.8 21.1 7 14.2 2 9.3l6.9-1z'/%3E%3C/svg%3E") 0 0 / 16px 16px repeat-x;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.9L12 17.8 5.8 21.1 7 14.2 2 9.3l6.9-1z'/%3E%3C/svg%3E") 0 0 / 16px 16px repeat-x;
}
.webgrams-loop-rating { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; color: #8a8a93; font-size: 13px; line-height: 1; }

.single-product .entry-summary .webgrams-sp-rating { display: flex; align-items: center; gap: 10px; margin: 12px 0 0; font-size: 14px; line-height: 1; }
.single-product .entry-summary .webgrams-sp-rating .webgrams-stars { width: 100px; height: 20px; -webkit-mask-size: 20px 20px; mask-size: 20px 20px; }
.single-product .entry-summary .webgrams-sp-rating .webgrams-rating-average { color: #2C2C2C; font-weight: 700; }
.single-product .entry-summary .webgrams-sp-rating .woocommerce-review-link { color: #8a8a93; text-decoration: none; }
.single-product .entry-summary .webgrams-sp-rating .woocommerce-review-link:hover { color: #D93D73; }


/* =========================================================================
   CHECKOUT CHECKBOXES (WooCommerce Blocks)
   -------------------------------------------------------------------------
   Conflict: the parent theme restyles every input[type=checkbox] (main.css):
   visibility:hidden, position:relative and a full-size :before/:after pseudo
   box that draws its own border / check mark. WooCommerce Blocks draws its
   own box with an SVG check mark next to the input, so the theme's pseudo
   box stretched over the whole label (pink outline when unchecked, a solid
   pink bar when checked) and the real box was hidden. The theme's pseudo
   elements are switched off here and the block's own checkbox is restyled.
   ========================================================================= */
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
	visibility: visible;
	position: relative;
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	min-width: 22px;
	margin: 0;
	border: 1.5px solid #cfcfd8;
	border-radius: 7px;
	background: #fff;
	box-shadow: none;
	transition: background-color .2s ease, border-color .2s ease;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:before,
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:after,
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked:before,
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked:after { content: none; display: none; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:hover { border-color: #D93D73; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus-visible { outline: 2px solid rgba(217, 61, 115, .35); outline-offset: 2px; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked { background: #D93D73; border-color: #D93D73; }
.wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: #fff; }
.wc-block-components-checkbox label,
.wc-block-components-checkbox .wc-block-components-checkbox__label { color: #2C2C2C; }

/* =========================================================================
   CART & CHECKOUT BUTTONS + CART TABLE (WooCommerce Blocks)
   -------------------------------------------------------------------------
   The parent theme's generic table / tr / th / td rules (main.css) draw
   brand-coloured borders on every cell; they are neutralised for the cart
   table and the cart is restyled as modern cards.
   ========================================================================= */
body .wc-block-components-button:not(.is-link):not(.outlined) {
	min-height: 52px;
	padding: 15px 28px;
	border: 0 !important;
	border-radius: 14px;
	background: linear-gradient(135deg, #e6538a 0%, #D93D73 100%) !important;
	box-shadow: 0 10px 20px -8px rgba(217, 61, 115, .6);
	color: #fff !important;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .01em;
	text-decoration: none;
	transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body .wc-block-components-button:not(.is-link):not(.outlined):hover:not(:disabled) {
	background: #C42C64 !important;
	box-shadow: 0 14px 24px -8px rgba(217, 61, 115, .7);
	transform: translateY(-2px);
}
body .wc-block-components-button:not(.is-link):not(.outlined):disabled { opacity: .55; box-shadow: none; }
body .wc-block-components-button .wc-block-components-button__text { color: inherit; }

/* Cart table as a card */
.wc-block-cart table.wc-block-cart-items {
	width: 100%;
	border: 1px solid #f1eef0;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 22px;
	overflow: hidden;
	background: #fff;
}
.wc-block-cart table.wc-block-cart-items tr,
.wc-block-cart table.wc-block-cart-items th,
.wc-block-cart table.wc-block-cart-items td { border: 0; }
.wc-block-cart table.wc-block-cart-items .wc-block-cart-items__header th {
	padding: 18px 24px;
	border-bottom: 1px solid #f1eef0;
	background: #fafafb;
	color: #8a8a93;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.wc-block-cart table.wc-block-cart-items .wc-block-cart-items__header-total { text-align: right; }
.wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row td { padding: 24px; border-bottom: 1px solid #f1eef0; vertical-align: top; }
.wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row:last-child td { border-bottom: 0; }
.wc-block-cart .wc-block-cart-item__image img { border-radius: 14px; }
.wc-block-cart .wc-block-cart-item__wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.wc-block-cart .wc-block-components-product-name { color: #1f1f26; font-size: 16px; font-weight: 700; line-height: 1.35; text-decoration: none; }
.wc-block-cart .wc-block-components-product-name:hover { color: #D93D73; }
.wc-block-cart .wc-block-cart-item__prices,
.wc-block-cart .wc-block-cart-item__prices .wc-block-components-product-price { color: #1f1f26; font-weight: 600; }
.wc-block-cart .wc-block-components-product-metadata,
.wc-block-cart .wc-block-components-product-metadata p { color: #6b6b76; font-size: 13px; line-height: 1.5; }
.wc-block-cart .wc-block-cart-item__total,
.wc-block-cart .wc-block-cart-item__total .wc-block-components-product-price { color: #1f1f26; font-size: 17px; font-weight: 800; text-align: right; }
.wc-block-cart .wc-block-cart-item__total .wc-block-components-sale-badge { margin-top: 6px; }
.wc-block-cart .wc-block-cart-item__quantity { display: flex; align-items: center; gap: 14px; margin-top: 6px; }
.wc-block-cart .wc-block-components-quantity-selector {
	border: 1px solid #ececf0;
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
}
.wc-block-cart .wc-block-components-quantity-selector:after { display: none; }
.wc-block-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input { border: 0; background: transparent; color: #1f1f26; font-weight: 700; }
.wc-block-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { color: #6b6b76; transition: color .2s ease, background-color .2s ease; }
.wc-block-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover:not(:disabled) { background: #fff0f5; color: #D93D73; }
.wc-block-cart .wc-block-cart-item__remove-link { color: #9a9aa3; transition: color .2s ease; }
.wc-block-cart .wc-block-cart-item__remove-link:hover { color: #D93D73; }

/* Cart totals as a card */
.wc-block-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-totals-block {
	padding: 26px;
	border: 1px solid #f1eef0;
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 18px 40px -26px rgba(217, 61, 115, .25);
}
.wc-block-cart .wc-block-cart__totals-title { color: #8a8a93; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { color: #D93D73; font-size: 24px; font-weight: 800; }
.wc-block-cart .wc-block-cart__submit-container { margin-top: 20px; }
.wc-block-cart .wc-block-cart__submit-button { width: 100%; }

@media (max-width: 680px) {
	.wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row td,
	.wc-block-cart table.wc-block-cart-items .wc-block-cart-items__header th { padding: 16px; }
}

/* =========================================================================
   MINI CART  (header dropdown cart + side area cart) - pink
   -------------------------------------------------------------------------
   Colours are hard-coded blue (#0000B4) in teenglow-core.css. The dropdown
   rules are scoped to <header> so the dark footer / side-area variants of
   the same widget keep their own colours.
   ========================================================================= */
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) { color: #2C2C2C; }
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-widget-dropdown-cart-content,
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .widget_shopping_cart_content {
	width: min(400px, 92vw);
	padding: 26px 0;
	border: 1px solid #f1eef0;
	border-radius: 22px;
	background-color: #fff;
	box-shadow: 0 24px 50px -20px rgba(217, 61, 115, .35);
}
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-widget-dropdown-cart-content > *,
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .widget_shopping_cart_content > * { padding: 0 24px !important; }

/* Opener count badge */
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-m-opener .qodef-m-opener-count svg { color: #D93D73 !important; }
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-m-opener .qodef-m-count { color: #fff; font-weight: 700; }

/* Items */
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-woo-mini-cart .qodef-woo-mini-cart-item { align-items: center; margin-bottom: 18px !important; }
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-woo-mini-cart .qodef-woo-mini-cart-item img { width: 84px; height: 84px; margin-right: 16px; border-radius: 14px; }
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-woo-mini-cart .qodef-woo-mini-cart-item .qodef-e-content { padding: 0 34px 0 0; }
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-woo-mini-cart .qodef-woo-mini-cart-item .qodef-e-title a {
	color: #1f1f26;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -.005em;
}
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-woo-mini-cart .qodef-woo-mini-cart-item .qodef-e-title a:hover { color: #D93D73; }
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-woo-mini-cart .qodef-woo-mini-cart-item .qodef-e-price { margin-top: 6px; color: #D93D73; font-size: 14px; font-weight: 700; }
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-woo-mini-cart .qodef-woo-mini-cart-item .qodef-e-price .amount { color: inherit; font-size: inherit; font-weight: inherit; }
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #f4f4f7;
	color: #8a8a93;
	transition: background-color .2s ease, color .2s ease;
}
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove:hover { background: #D93D73; color: #fff; }

/* Total */
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-m-order-details { margin: 20px 0 22px; padding-top: 18px !important; border-top: 1px solid #f1eef0; }
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-m-order-details strong { color: #8a8a93; font-size: 14px; font-weight: 600; }
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-m-order-details .amount { color: #D93D73; font-size: 22px; font-weight: 800; }

/* Button */
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-m-action a,
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .woocommerce-mini-cart__buttons a {
	padding: 15px 20px;
	border: 0;
	border-radius: 14px;
	background: linear-gradient(135deg, #e6538a 0%, #D93D73 100%);
	box-shadow: 0 10px 20px -8px rgba(217, 61, 115, .6);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .qodef-m-action a:hover,
header :is(.widget_teenglow_core_woo_dropdown_cart, .widget_shopping_cart) .woocommerce-mini-cart__buttons a:hover {
	background: #C42C64;
	box-shadow: 0 14px 24px -8px rgba(217, 61, 115, .7);
	color: #fff;
	transform: translateY(-2px);
}

/* Side area cart (slide-in panel) */
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .qodef-widget-side-area-cart-content {
	border-left: 0;
	background-color: #fff !important;
	box-shadow: -24px 0 50px -20px rgba(217, 61, 115, .3);
	color: #2C2C2C;
}
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .qodef-m-close { color: #D93D73 !important; }
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .qodef-woo-side-area-cart-item .qodef-e-image img { border-radius: 14px; }
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .qodef-e-title a { color: #1f1f26 !important; font-size: 15px; font-weight: 600; line-height: 1.4; }
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .qodef-e-title a:hover { color: #D93D73 !important; }
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .qodef-e-price { color: #D93D73 !important; font-weight: 700; }
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .qodef-e-price * { color: inherit !important; }
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .remove { color: #9a9aa3 !important; }
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .remove:hover { color: #D93D73 !important; }
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .qodef-m-order-details strong { color: #8a8a93 !important; font-weight: 600; }
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .qodef-m-order-details .amount { color: #D93D73 !important; font-size: 22px; font-weight: 800; }
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .qodef-m-action { box-sizing: border-box; padding: 0 35px 24px; }
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .qodef-m-action-link {
	justify-content: center;
	width: 100%;
	padding: 15px 20px;
	border: 0;
	border-radius: 14px;
	background: linear-gradient(135deg, #e6538a 0%, #D93D73 100%) !important;
	box-shadow: 0 10px 20px -8px rgba(217, 61, 115, .6);
	color: #fff !important;
	font-size: 15px;
	font-weight: 700;
}
.widget_teenglow_core_woo_side_area_cart .qodef-widget-side-area-cart-inner .qodef-m-action-link:hover { background: #C42C64 !important; }

/* =========================================================================
   LOGIN OPENER ICON - pink like the other header icons (the membership
   plugin hard-codes the old blue #0000B4)
   ========================================================================= */
.qodef-login-opener-widget .qodef-login-opener,
.qodef-login-opener-widget .qodef-login-opener svg { color: #D93D73; }
.qodef-login-opener-widget .qodef-login-opener:hover,
.qodef-login-opener-widget .qodef-login-opener:hover svg { color: #C42C64; }
.qodef-login-opener-widget .qodef-login-opener svg [fill]:not([fill="none"]) { fill: currentColor; }
.qodef-login-opener-widget .qodef-login-opener svg [stroke]:not([stroke="none"]) { stroke: currentColor; }

/* =========================================================================
   DESKTOP HEADER ICONS (search, login, cart) - pink, like the mobile header
   -------------------------------------------------------------------------
   The icons inherit grey from the header options / body text, and the cart
   count badge from the theme's default colour, so they are forced here.
   ========================================================================= */
@media (min-width: 1025px) {
	:is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout) .widget :is(.qodef-search-opener, .qodef-login-opener, .qodef-m-opener, .qodef-m-opener-icon),
	:is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout) .widget :is(.qodef-search-opener, .qodef-login-opener, .qodef-m-opener, .qodef-m-opener-icon) svg {
		color: #D93D73 !important;
	}
	:is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout) .widget :is(.qodef-search-opener, .qodef-login-opener, .qodef-m-opener-icon) svg [fill]:not([fill="none"]):not([fill="currentColor"]) { fill: currentColor; }
	:is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout) .widget :is(.qodef-search-opener, .qodef-login-opener, .qodef-m-opener-icon) svg [stroke]:not([stroke="none"]):not([stroke="currentColor"]) { stroke: currentColor; }
	:is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout) .widget :is(.qodef-search-opener, .qodef-login-opener, .qodef-m-opener):hover,
	:is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout) .widget :is(.qodef-search-opener, .qodef-login-opener, .qodef-m-opener):hover svg { color: #C42C64 !important; }

	/* cart count badge: pink shape with a white number */
	:is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout) .widget .qodef-m-opener .qodef-m-opener-count svg,
	:is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout) .widget .qodef-m-opener .qodef-m-opener-count svg * { color: #D93D73 !important; fill: #D93D73 !important; }
	:is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout) .widget .qodef-m-opener .qodef-m-count { color: #fff !important; font-weight: 700; }
}

/* Login icon: the theme paints it through ".qodef-svg--login g { fill: currentColor }",
   so the colour has to win on the svg, its group and any path with its own fill. */
html body :is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout, #qodef-page-mobile-header) .qodef-login-opener-widget .qodef-login-opener,
html body :is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout, #qodef-page-mobile-header) .qodef-login-opener-widget .qodef-login-opener-icon,
html body :is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout, #qodef-page-mobile-header) .qodef-login-opener-widget .qodef-login-opener svg { color: #D93D73 !important; }
html body :is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout, #qodef-page-mobile-header) .qodef-login-opener-widget .qodef-login-opener svg,
html body :is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout, #qodef-page-mobile-header) .qodef-login-opener-widget .qodef-login-opener svg g,
html body :is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout, #qodef-page-mobile-header) .qodef-login-opener-widget .qodef-login-opener svg path,
html body :is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout, #qodef-page-mobile-header) .qodef-login-opener-widget .qodef-login-opener svg [fill]:not([fill="none"]) { fill: #D93D73 !important; opacity: 1 !important; }
html body :is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout, #qodef-page-mobile-header) .qodef-login-opener-widget .qodef-login-opener:hover,
html body :is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout, #qodef-page-mobile-header) .qodef-login-opener-widget .qodef-login-opener:hover svg,
html body :is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout, #qodef-page-mobile-header) .qodef-login-opener-widget .qodef-login-opener:hover svg g,
html body :is(#qodef-page-header, .qodef-header-sticky, .qodef-custom-header-layout, #qodef-page-mobile-header) .qodef-login-opener-widget .qodef-login-opener:hover svg path { color: #C42C64 !important; fill: #C42C64 !important; }

/* =========================================================================
   MOBILE HEADER widgets (search, login, cart)  (widgets added by inc/mobile-header.php)
   ========================================================================= */
#qodef-page-mobile-header .qodef-widget-holder { gap: 4px; }
#qodef-page-mobile-header .qodef-widget-holder .widget { margin: 0 0 0 10px; }
#qodef-page-mobile-header .qodef-login-opener-widget { height: auto; margin: 0; }
#qodef-page-mobile-header .qodef-login-opener-widget .qodef-logged-in-user { height: auto; }
#qodef-page-mobile-header .qodef-login-opener-widget .qodef-m-user-name { display: none; }
#qodef-page-mobile-header .qodef-login-opener-widget .qodef-m-user-image { margin-right: 0; }
#qodef-page-mobile-header .qodef-login-opener-widget .qodef-m-user-image img { display: block; border-radius: 50%; }
/* keep the user dropdown inside the screen: it opens towards the left */
#qodef-page-mobile-header .qodef-login-opener-widget .qodef-logged-in-user .qodef-m-navigation-items { right: -20px; left: auto; }

/* =========================================================================
   CART CROSS-SELLS ("Μπορεί επίσης να σας ενδιαφέρουν…")
   -------------------------------------------------------------------------
   WooCommerce Product Collection block: its markup has none of the theme's
   .qodef-e-* classes, and the theme's heading / link / button rules (pink h2,
   dark button shape) were leaking into it. It is restyled here as the same
   card used on the shop page.
   ========================================================================= */
.wp-block-woocommerce-cart-cross-sells-block,
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] { width: 100%; max-width: none; }

body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] > .wp-block-heading {
	margin: 28px 0 18px !important;
	color: #1f1f26;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	text-align: left !important;
}

body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] ul.wc-block-product-template {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Card */
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] li.wc-block-product {
	display: flex !important;
	flex-direction: column;
	box-sizing: border-box;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 14px 14px 18px;
	border: 1px solid #f1eef0;
	border-radius: 22px;
	background: #fff;
	transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
}
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] li.wc-block-product:hover { border-color: #f6d3df; box-shadow: 0 18px 40px -18px rgba(217, 61, 115, .28); transform: translateY(-4px); }

/* Image + sale badge */
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-image { margin: 0 0 16px; }
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-image a { display: block; position: relative; }
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 16px;
	object-fit: contain !important;
}
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-sale-badge {
	margin: 8px;
	padding: 5px 12px;
	border: 0;
	border-radius: 30px;
	background: #D93D73;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.2;
	text-transform: uppercase;
}
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-sale-badge .wc-block-components-product-sale-badge__text { color: #fff; }

/* Title */
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wp-block-post-title {
	margin: 0 0 10px !important;
	padding: 0 4px;
	color: #1f1f26;
	font-size: 15px !important;
	font-weight: 600;
	line-height: 1.4 !important;
	text-align: left !important;
}
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wp-block-post-title a { color: inherit; text-decoration: none; }
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wp-block-post-title a:hover { color: #D93D73; }

/* Price: sale price pink and bold, old price small, grey and struck through */
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-start;
	gap: 2px 10px;
	margin: 0 0 18px;
	padding: 0 4px;
	color: #1f1f26;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.1;
	text-align: left;
}
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-price ins { order: -1; background: none; color: #D93D73; text-decoration: none; }
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-price del { color: #9a9aa3; font-size: 14px; font-weight: 500; opacity: 1; }
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wp-block-woocommerce-product-price { text-align: left !important; }

/* Add to cart button */
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-button__button {
	position: relative !important;
	inset: auto !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: auto 0 0 !important;
	padding: 14px 20px !important;
	border: 0 !important;
	border-radius: 14px !important;
	background: linear-gradient(135deg, #e6538a 0%, #D93D73 100%) !important;
	box-shadow: 0 10px 20px -8px rgba(217, 61, 115, .6);
	clip-path: none !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: none !important;
	white-space: nowrap;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-button__button:before {
	content: "" !important;
	position: static !important;
	flex: 0 0 16px;
	width: 16px !important;
	height: 16px !important;
	background: currentColor !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.5l2.2 10.2a1 1 0 0 0 1 .8h8.6a1 1 0 0 0 1-.8L20 8H6.2'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.3'/%3E%3Ccircle cx='17' cy='19.5' r='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.5l2.2 10.2a1 1 0 0 0 1 .8h8.6a1 1 0 0 0 1-.8L20 8H6.2'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.3'/%3E%3Ccircle cx='17' cy='19.5' r='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
}
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-button__button:after { content: none !important; }
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-button__button .qodef-m-icon { display: none; }
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-button__button:hover { background: #C42C64 !important; color: #fff !important; box-shadow: 0 14px 24px -8px rgba(217, 61, 115, .7); transform: translateY(-2px) !important; }
body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-button__button.loading { opacity: .6 !important; }

/* Mobile: icon-only button, like the product grid */
@media (max-width: 680px) {
	body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-button__button {
		align-self: flex-start;
		gap: 0;
		width: auto !important;
		padding: 13px 20px !important;
		border-radius: 12px !important;
		font-size: 0 !important;
		line-height: 0 !important;
	}
	body .wp-block-woocommerce-product-collection[data-collection*="cross-sells"] .wc-block-components-product-button__button:before { flex-basis: 20px; width: 20px !important; height: 20px !important; }
}

/* =========================================================================
   HEADING SIZES - every page except the home page
   -------------------------------------------------------------------------
   The parent theme uses h1 60px / h2 48px / h3 40px / h4 31px / h5 22px.
   body.home is the front page, so body:not(.home) leaves it untouched.
   Breakpoints follow the theme: tablet <= 1024px, mobile <= 680px.
   h6 and everything else is left as it was.
   ========================================================================= */
/* Desktop */
body:not(.home) :is(h1, .qodef-h1) { font-size: 38px; }
body:not(.home) :is(h2, .qodef-h2) { font-size: 32px; }
body:not(.home) :is(h3, .qodef-h3) { font-size: 27px; }
body:not(.home) :is(h4, .qodef-h4) { font-size: 23px; }
body:not(.home) :is(h5, .qodef-h5) { font-size: 20px; }

/* Tablet */
@media (max-width: 1024px) {
	body:not(.home) :is(h1, .qodef-h1) { font-size: 34px; }
	body:not(.home) :is(h2, .qodef-h2) { font-size: 29px; }
	body:not(.home) :is(h3, .qodef-h3) { font-size: 25px; }
	body:not(.home) :is(h4, .qodef-h4) { font-size: 21px; }
	body:not(.home) :is(h5, .qodef-h5) { font-size: 19px; }
}

/* Mobile */
@media (max-width: 680px) {
	body:not(.home) :is(h1, .qodef-h1) { font-size: 30px; }
	body:not(.home) :is(h2, .qodef-h2) { font-size: 26px; }
	body:not(.home) :is(h3, .qodef-h3) { font-size: 22px; }
	body:not(.home) :is(h4, .qodef-h4) { font-size: 19px; }
	body:not(.home) :is(h5, .qodef-h5) { font-size: 17px; }
}