/**
 * COSSELIE — κάρτα προϊόντος και μπάρα προόδου 1+1 (φορτώνει παντού: λίστες, σχετικά, mini-cart).
 */

/* ---------- Κάρτα ---------- */
ul.products li.csl-card {
	position: relative;
	display: flex;
	flex-direction: column;
	text-align: start;
	margin: 0;
	padding: 0;
}
.csl-card__top { position: relative; }
.csl-card__media {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	border-radius: var(--csl-radius-l);
	overflow: hidden;
	background: var(--csl-white);
}
.csl-card__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.25s ease;
}
.csl-card__img--alt { opacity: 0; }
@media (hover: hover) {
	.csl-card:hover .csl-card__img--alt { opacity: 1; }
}
@media (hover: none) {
	.csl-card__img--alt { display: none; } /* δεν κατεβαίνει καν στο κινητό */
}
.csl-card.outofstock .csl-card__img { opacity: 0.5; }

.csl-card__badges {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	max-width: calc(100% - 16px);
	pointer-events: none;
}
.csl-badge {
	display: inline-block;
	padding: 5px 7px;
	border-radius: 6px;
	background: var(--csl-white);
	color: var(--csl-black);
	font-family: var(--csl-font-display);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.02em;
}
.csl-badge--offer { background: var(--csl-offer-bg, var(--csl-orange)); color: var(--csl-offer-fg, var(--csl-black)); }
.csl-badge--new { background: var(--csl-lime); }
.csl-badge--oos { background: var(--csl-black); color: var(--csl-white); font-family: var(--csl-font); font-weight: 600; }

.csl-card__add {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 50%;
	background: var(--csl-white);
	color: var(--csl-black);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
	transition: transform 0.15s ease, background 0.15s ease;
}
.csl-card__add:hover { transform: scale(1.06); color: var(--csl-black); }
.csl-card__add .csl-icon--check { display: none; }
.csl-card__add.added { background: var(--csl-black); color: var(--csl-white); }
.csl-card__add.added .csl-icon--bag { display: none; }
.csl-card__add.added .csl-icon--check { display: block; }
.csl-card__add.loading { opacity: 0.6; pointer-events: none; }
.csl-card__add.loading::after { display: none; } /* χωρίς το spinner του WooCommerce */
.csl-card__top .added_to_cart { display: none !important; } /* ο σύνδεσμος «Προβολή καλαθιού» του WooCommerce */

/* Σταθερή δομή κάρτας: [τίτλος | τιμή] · χαρακτηριστικά · βαθμολογία · χρώματα (κάτω).
 * Η κάρτα τεντώνει στο ύψος της σειράς και τα χρώματα «κάθονται» στη βάση της, ώστε
 * δίπλα-δίπλα κάρτες να είναι ευθυγραμμισμένες ακόμη κι αν κάποια έχει περισσότερο κείμενο. */
.csl-card__body {
	flex: 1 1 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto auto 1fr;
	column-gap: 8px;
	align-items: baseline;
	padding: 10px 2px 0;
}
.csl-card__body > .csl-card__colors { grid-row: 4; align-self: end; }
/* Ο τίτλος μένει δίπλα στην τιμή σε όλες τις προβολές· μοντέλα χωράνε σε μία γραμμή,
 * μακριά ονόματα (π.χ. αξεσουάρ) σπάνε σε έως 2 γραμμές. */
.csl-card__title {
	display: -webkit-box;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	font-size: 15px;
	line-height: 1.25;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow-wrap: anywhere;
}
.csl-card__title a { color: var(--csl-black); text-decoration: none; }
.csl-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 0; } /* όλη η κάρτα κλικάρεται */
.csl-card__model { font-family: var(--csl-font-display); font-weight: 700; }
.csl-card__price {
	font-size: 14px;
	font-weight: 600;
	color: var(--csl-black);
	white-space: nowrap;
}
.csl-card__price del { margin-right: 4px; font-size: 12px; font-weight: 400; opacity: 0.55; }
.csl-card__price ins { text-decoration: none; }
.csl-card__meta {
	grid-column: 1 / -1;
	margin: 3px 0 0;
	font-size: 12px;
	line-height: 1.35;
	color: var(--csl-muted);
}
/* Επιλογές χρώματος (μία κάρτα ανά μοντέλο). Πάνω από τον σύνδεσμο που καλύπτει την κάρτα. */
/* Πάντα μία γραμμή με --csl-slots θέσεις ίσου πλάτους· οι μικρογραφίες γεμίζουν τη θέση.
 * Το cards.js κρύβει όσα δεν χωράνε και βάζει «+N» στην τελευταία θέση. */
.csl-card__colors {
	--csl-slots: 6;
	grid-column: 1 / -1;
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(var(--csl-fit, var(--csl-slots)), minmax(0, 1fr));
	grid-template-rows: auto;
	grid-auto-rows: 0;
	column-gap: 6px;
	row-gap: 0;
	margin-top: 10px;
}
.csl-card__colors:not(.is-laid) { overflow: hidden; } /* πριν τρέξει το JS: ποτέ δεύτερη γραμμή */
.csl-card__colors > [hidden] { display: none !important; }
.csl-chip {
	position: relative;
	display: grid;
	place-items: center;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--csl-line, #e5e5e5);
	border-radius: 9px;
	background: var(--csl-white);
	cursor: pointer;
	transition: border-color 0.15s ease;
}
.csl-chip img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Χωρίς τα στυλ κουμπιού του Blocksy (χρώμα φόντου σε focus/active). */
.csl-card .csl-chip,
.csl-card .csl-chip:hover,
.csl-card .csl-chip:focus,
.csl-card .csl-chip:active {
	background: var(--csl-white);
	color: var(--csl-black);
	box-shadow: none;
	min-height: 0;
	-webkit-tap-highlight-color: transparent;
}
.csl-chip:hover { border-color: var(--csl-muted); }
.csl-chip.is-current { border: 2px solid var(--csl-black); }
.csl-chip.is-oos { opacity: 0.45; }
.csl-chip.is-oos::after {
	content: "";
	position: absolute;
	inset: 50% -4px auto;
	height: 1px;
	background: var(--csl-black);
	transform: rotate(-35deg);
}
.csl-chip:focus-visible { outline: 2px solid var(--csl-black); outline-offset: 2px; }
.csl-chip--more {
	font-size: 13px;
	font-weight: 600;
	color: var(--csl-black);
	text-decoration: none;
}
.csl-card__img--alt[hidden] { display: none; }
.csl-card__add[hidden] { display: none; }
@media (max-width: 689px) {
	.csl-card__colors { --csl-slots: 4; column-gap: 5px; margin-top: 8px; }
	.csl-chip { border-radius: 7px; }
	.csl-card__body { column-gap: 6px; padding-top: 8px; }
	.csl-card__title { font-size: 14px; }
	.csl-card__price { font-size: 13px; text-align: end; }
	.csl-card__price del { display: block; margin: 0; font-size: 11px; line-height: 1.1; } /* παλιά τιμή πάνω από τη νέα */
}

/* ---------- Μπάρα προόδου (1+1 / δωρεάν αποστολή) ---------- */
.csl-pp {
	margin: 0 0 14px;
	padding: 12px 14px;
	border-radius: var(--csl-radius);
	background: var(--csl-peach);
	color: var(--csl-black);
	font-size: 13px;
}
.csl-pp[hidden] { display: none; }
.csl-pp--unlocked { background: var(--csl-lime-soft); }
.csl-pp__track {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 8px;
}
.csl-pp__seg {
	flex: 1;
	height: 6px;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.12);
	transition: background 0.3s ease;
}
.csl-pp__seg.is-on { background: var(--csl-black); }
.csl-pp__gift {
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	margin-left: 2px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.12);
}
.csl-pp__gift.is-on { background: var(--csl-orange); }
.csl-pp__bar { flex: 1; height: 6px; border-radius: 3px; background: rgba(0, 0, 0, 0.12); overflow: hidden; }
.csl-pp__fill { display: block; height: 100%; border-radius: 3px; background: var(--csl-black); transition: width 0.4s ease; }
.csl-pp--ship { background: var(--csl-sand); }
.csl-pp--ship.csl-pp--unlocked { background: var(--csl-lime-soft); }
.csl-pp--ship .csl-pp__gift.is-on { background: var(--csl-green); }
@media (prefers-reduced-motion: reduce) { .csl-pp__fill { transition: none; } }
.csl-pp__msg { margin: 0; line-height: 1.4; }
.csl-pp__msg strong { font-family: var(--csl-font-display); font-weight: 800; margin-right: 2px; }
.csl-pp__cta {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	min-height: 32px;
	margin-top: 4px;
	font-weight: 600;
	color: var(--csl-black);
	text-decoration: underline;
}
.csl-pp--block { margin-bottom: 20px; }
.csl-pp-row[hidden] { display: none; }
/* Desktop/tablet: συμπαγής κάρτα σε μία γραμμή (μπάρα · μήνυμα · σύνδεσμος), στοιχισμένη αριστερά. Κινητό: όπως είναι. */
@media (min-width: 690px) {
	.csl-pp-row .csl-pp--block {
		display: inline-grid; grid-template-columns: 150px auto auto; align-items: center; column-gap: 18px;
		max-width: 100%; margin: 16px 0 4px; padding: 10px 18px;
	}
	.csl-pp-row .csl-pp--block .csl-pp__track { margin: 0; }
	.csl-pp-row .csl-pp--block .csl-pp__msg { white-space: normal; }
	.csl-pp-row .csl-pp--block .csl-pp__cta { margin: 0; white-space: nowrap; }
}

/* Καλάθι / ταμείο: τίτλος αριστερά, στοιχισμένος με τη φόρμα (το block είναι alignwide). */
.woocommerce-cart .hero-section.is-width-constrained,
.woocommerce-checkout .hero-section.is-width-constrained { max-width: var(--wp--style--global--wide-size, 1550px); }
.woocommerce-cart .hero-section .entry-header,
.woocommerce-checkout .hero-section .entry-header { text-align: start; }
/* Λιγότερο κενό πάνω/κάτω από τον τίτλο (το Blocksy βάζει 60px πάνω και 40px κάτω, συν 24px του block). */
.woocommerce-cart .ct-container-full[data-vertical-spacing*="top"],
.woocommerce-checkout .ct-container-full[data-vertical-spacing*="top"] { padding-top: clamp(20px, 3vw, 36px); }
.woocommerce-cart .hero-section,
.woocommerce-checkout .hero-section { margin-bottom: 0; }
.woocommerce-cart .hero-section .page-title,
.woocommerce-checkout .hero-section .page-title { margin: 0; }
/* Στη σελίδα καλαθιού το mini-cart του Blocksy στο hover δεν χρειάζεται (το καλάθι είναι ήδη στην οθόνη). */
.woocommerce-cart .ct-header-cart .ct-cart-content { display: none !important; }
/* Ταμείο: ίδια απόσταση ανάμεσα σε όλα τα checkboxes (δώρο, τιμολόγιο, σημείωση). */
.wc-block-checkout__order-fields.wc-block-components-checkout-step { margin-bottom: 16px; }
.wc-block-checkout__order-fields .wc-block-components-checkbox { margin-top: 16px; }
/* Στοιχεία επικοινωνίας: email → «ολοκληρώνεις ως επισκέπτης» → «Δημιουργία λογαριασμού» → «Θέλω τιμολόγιο» (+ πεδία). */
.wc-block-checkout__contact-fields .wc-block-components-address-form { display: flex; flex-direction: column; }
.wc-block-checkout__contact-fields .wc-block-components-address-form > * { order: 10; }
.wc-block-checkout__contact-fields .wc-block-components-address-form__email { order: 1; }
.wc-block-checkout__contact-fields .wc-block-checkout__guest-checkout-notice { order: 2; }
.wc-block-checkout__contact-fields .wc-block-checkout__create-account { order: 3; }
.wc-block-checkout__contact-fields .wc-block-components-address-form__password,
.wc-block-checkout__contact-fields .wc-block-checkout__create-account ~ .wc-block-components-text-input:not([class*="cosselie"]) { order: 4; }
/* Το WooCommerce δεν δίνει απόσταση στα checkboxes των φορμών κάτω από 400px (κινητά): ίδια 16px παντού,
   όπως και το «Δημιουργία λογαριασμού» των επισκεπτών. */
.wc-block-checkout .wc-block-components-address-form .wc-block-components-checkbox { margin-top: 16px; }

/* ---------- Λίστες: συμπαγής τίτλος αντί για το μεγάλο μπλοκ του Blocksy ---------- */
body.woocommerce.archive .hero-section[data-type="type-2"] { background: transparent; }
body.woocommerce.archive .hero-section[data-type="type-2"] .entry-header {
	min-height: 0;
	padding: 20px 0 0;
	text-align: start;
}
body.woocommerce.archive .hero-section .page-title {
	margin: 0;
	font-size: clamp(26px, 7vw, 40px);
}
@media (max-width: 689px) {
	ul.products[data-products] { column-gap: 12px; row-gap: 24px; }
}

/* ======================================================================
 * Λίστες (shop, κατηγορίες, ετικέτες) — full width, chips, μπάρα, φίλτρα, προωθήσεις
 * ==================================================================== */
body.csl-listing { --csl-edge: 24px; --theme-content-vertical-spacing: 0px; }
@media (max-width: 689px) {
	body.csl-listing { --csl-edge: 12px; }
}
body.csl-listing #main > .ct-container,
body.csl-listing .hero-section .ct-container-narrow,
body.csl-listing .hero-section .ct-container {
	width: auto;
	max-width: none;
	margin-inline: var(--csl-edge);
	padding-inline: 0;
}
body.csl-listing .hero-section[data-type="type-2"] .entry-header { padding-top: 22px; }
body.csl-listing .woo-listing-top,
body.csl-listing .woocommerce-result-count,
body.csl-listing .woocommerce-ordering,
body.csl-listing .woocommerce-pagination,
body.csl-listing nav.ct-pagination { display: none !important; }

/* Πλέγμα + προβολή. Κανονική: 4 (desktop) / 3 (tablet) / 2 (κινητό).
 * Εναλλακτική: 6 (μεγάλες οθόνες) / 5 / 4 (tablet) / 1 (κινητό). */
body.csl-listing ul.products[data-products] {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	/* Φαρδιά κάρτα προώθησης στην τελευταία στήλη: πάει στην επόμενη σειρά και το κενό το γεμίζει το επόμενο προϊόν. */
	grid-auto-flow: row dense;
	column-gap: 16px;
	row-gap: 36px;
	transition: opacity 0.2s ease;
}
html.csl-view-alt body.csl-listing ul.products[data-products] { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; column-gap: 12px; row-gap: 28px; }
@media (max-width: 1499px) {
	html.csl-view-alt body.csl-listing ul.products[data-products] { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
@media (max-width: 1099px) {
	body.csl-listing ul.products[data-products] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
	html.csl-view-alt body.csl-listing ul.products[data-products] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 689px) {
	body.csl-listing ul.products[data-products] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 10px; row-gap: 26px; }
	html.csl-view-alt body.csl-listing ul.products[data-products] { grid-template-columns: minmax(0, 1fr) !important; row-gap: 32px; }
	html.csl-view-alt body.csl-listing .csl-card__title { font-size: 16px; }
	html.csl-view-alt body.csl-listing .csl-card__body { grid-template-columns: minmax(0, 1fr) auto; }
	html.csl-view-alt body.csl-listing .csl-card__price { font-size: 15px; }
}
/* Θέσεις χρωμάτων: λίστα μεγάλη 8 / μικρή 6 (desktop), κινητό 2 ανά γραμμή 4 / 1 ανά γραμμή 6.
 * Αλλού (σχετικά προϊόντα κ.λπ.) 6 / κινητό 4 — από τον βασικό κανόνα. */
@media (min-width: 690px) {
	body.csl-listing ul.products[data-products] .csl-card__colors { --csl-slots: 8; }
	html.csl-view-alt body.csl-listing ul.products[data-products] .csl-card__colors { --csl-slots: 6; column-gap: 5px; }
}
@media (max-width: 689px) {
	html.csl-view-alt body.csl-listing ul.products[data-products] .csl-card__colors { --csl-slots: 6; column-gap: 6px; }
}
body.csl-listing ul.products.is-loading { opacity: 0.45; pointer-events: none; }
.csl-only-mob { display: none; }
@media (max-width: 689px) {
	.csl-only-mob { display: contents; }
	.csl-only-desk { display: none; }
}
.csl-only-desk { display: contents; }
@media (max-width: 689px) {
	.csl-only-desk { display: none; }
}

/* Αστέρια στην κάρτα */
.csl-card__rating { grid-column: 1 / -1; min-height: 13px; display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; font-size: 12px; line-height: 1; color: var(--csl-muted); }
.csl-card__rating .csl-icon { color: var(--csl-black); fill: currentColor; }
.csl-card__rating b { color: var(--csl-black); font-weight: 600; }

/* Μπάρα της λίστας: προβολή | συλλογές (chips) | πλήθος + Φίλτρα — το μόνο που κολλάει */
/* Το .csl-shop «διαλύεται» (display: contents), ώστε η μπάρα να κολλάει σε όλο το ύψος της λίστας
 * και όχι μόνο μέσα στο δικό της κουτί. */
.csl-shop { display: contents; }
.csl-shop__sentinel { height: 14px; }
.csl-shop__active { margin-bottom: 4px; }
body.csl-listing ul.products[data-products] { margin-top: 14px; }
.csl-shop__bar {
	position: sticky;
	top: var(--csl-sticky-top, 96px);
	z-index: 20;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 8px 0;
	transition: top 0.3s ease;
}
/* Φόντο σε όλο το πλάτος με pseudo-element: ακριβώς στο ύψος της μπάρας (ίδιο κενό πάνω/κάτω),
 * σκιά μόνο όταν είναι κολλημένη. */
.csl-shop__bar::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(50% - 50vw);
	right: calc(50% - 50vw);
	z-index: -1;
	background: var(--csl-paper);
	transition: box-shadow 0.2s ease;
}
html.csl-hide-header .csl-shop__bar::before { box-shadow: 0 8px 18px -12px rgba(0, 0, 0, 0.25); }
.csl-shop__chips {
	display: flex;
	gap: 8px;
	min-width: 0;
	overflow-x: auto;
	scrollbar-width: none;
}
.csl-shop__chips::-webkit-scrollbar { display: none; }
/* Στο κέντρο της μπάρας· αν δεν χωράνε, κυλάνε χωρίς να κόβεται η αρχή. */
.csl-shop__chips > :first-child { margin-left: auto; }
.csl-shop__chips > :last-child { margin-right: auto; }
.csl-qchip {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 38px;
	padding: 0 14px;
	border: 1px solid var(--csl-line);
	border-radius: var(--csl-radius-s);
	background: var(--csl-white);
	color: var(--csl-black);
	font-size: 13.5px;
	font-weight: 500;
	white-space: nowrap;
	text-decoration: none;
	transition: border-color 0.15s ease, background 0.15s ease;
}
.csl-qchip:hover { border-color: var(--csl-black); color: var(--csl-black); }
.csl-qchip.is-on { background: var(--csl-black); border-color: var(--csl-black); color: var(--csl-white); }
.csl-qchip--face { background: var(--csl-peach); border-color: var(--csl-peach); }
.csl-qchip--face.is-on { background: var(--csl-black); border-color: var(--csl-black); }
.csl-shape { flex: none; }
/* Στυλ με φωτογραφία (στη μπάρα και στα φίλτρα) */
.csl-chip-photo { flex: none; width: 30px; height: 30px; border-radius: 50%; object-fit: cover; object-position: center 30%; }
.csl-qchip--photo { padding-left: 4px; }
.csl-fchip .csl-chip-photo { width: 28px; height: 28px; margin: -2px 0 -2px -6px; }
.csl-shop__sep { flex: none; align-self: center; width: 1px; height: 22px; margin: 0 4px; background: var(--csl-line); }
/* Bubbles ως sliding ribbon όταν δεν χωράνε (μικρότερες οθόνες/tablet): κύλιση οριζόντια με swipe/trackpad,
 * βελάκια με το ποντίκι και «σβήσιμο» μόνο στην πλευρά που έχει κι άλλα. Η μπάρα μένει σε μία γραμμή. */
.csl-ribbon { position: relative; min-width: 0; }
.csl-ribbon .csl-shop__chips { scroll-behavior: smooth; scroll-snap-type: x proximity; overflow-anchor: none; }
.csl-ribbon .csl-shop__chips > * { scroll-snap-align: start; }
.csl-ribbon.is-overflow .csl-shop__chips > :first-child { margin-left: 0; }
.csl-ribbon.is-overflow .csl-shop__chips > :last-child { margin-right: 0; }
.csl-ribbon.is-overflow:not(.at-start) .csl-shop__chips { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px); mask-image: linear-gradient(90deg, transparent 0, #000 40px); }
.csl-ribbon.is-overflow:not(.at-end) .csl-shop__chips { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); }
.csl-ribbon.is-overflow:not(.at-start):not(.at-end) .csl-shop__chips { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent); mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent); }
.csl-ribbon__btn { position: absolute; top: 50%; z-index: 2; display: none; place-items: center; width: 30px; height: 30px; margin-top: -15px; padding: 0; border: 1px solid var(--csl-line); border-radius: 50%; background: var(--csl-white); color: var(--csl-black); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); cursor: pointer; }
.csl-ribbon__btn--prev { left: 0; }
.csl-ribbon__btn--prev .csl-icon { transform: rotate(180deg); }
.csl-ribbon__btn--next { right: 0; }
@media (hover: hover) and (pointer: fine) {
	.csl-ribbon.is-overflow:not(.at-start) .csl-ribbon__btn--prev,
	.csl-ribbon.is-overflow:not(.at-end) .csl-ribbon__btn--next { display: grid; }
}
.csl-shape--gender { margin-left: -2px; }

/* Slider τιμής */
.csl-range { padding: 2px 4px 0; }
.csl-range__val { margin: 0 0 14px; font-size: 15px; font-weight: 700; color: var(--csl-black); }
.csl-range__track { position: relative; height: 28px; }
.csl-range__track::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 4px; margin-top: -2px; border-radius: 4px; background: var(--csl-line); }
.csl-range__fill { position: absolute; top: 50%; height: 4px; margin-top: -2px; border-radius: 4px; background: var(--csl-black); }
.csl-range input[type="range"] { position: absolute; inset: 0; width: 100%; height: 28px; margin: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; }
.csl-range input[type="range"]::-webkit-slider-runnable-track { background: none; border: 0; }
.csl-range input[type="range"]::-moz-range-track { background: none; border: 0; }
.csl-range input[type="range"]::-webkit-slider-thumb { pointer-events: auto; -webkit-appearance: none; width: 24px; height: 24px; border: 2px solid var(--csl-black); border-radius: 50%; background: var(--csl-white); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); cursor: grab; }
.csl-range input[type="range"]::-moz-range-thumb { pointer-events: auto; width: 20px; height: 20px; border: 2px solid var(--csl-black); border-radius: 50%; background: var(--csl-white); cursor: grab; }
.csl-range input[type="range"]:focus-visible::-webkit-slider-thumb { outline: 2px solid var(--csl-black); outline-offset: 2px; }
.csl-range__ends { display: flex; justify-content: space-between; margin: 6px 0 0; font-size: 12px; color: var(--csl-muted); }
.csl-shop__bar-r { display: flex; align-items: center; gap: 12px; }
.csl-shop__filters {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	padding: 0 16px;
	border: 0;
	border-radius: var(--csl-radius);
	background: var(--csl-black);
	color: var(--csl-white);
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
.csl-shop__badge { display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: var(--csl-white); color: var(--csl-black); font-size: 12px; }
.csl-shop__count { font-size: 13.5px; color: var(--csl-muted); white-space: nowrap; }
.csl-view { display: inline-flex; border: 1px solid var(--csl-line); border-radius: var(--csl-radius); overflow: hidden; background: var(--csl-white); }
.csl-view__btn { display: grid; place-items: center; width: 40px; height: 38px; padding: 0; border: 0; background: transparent; color: var(--csl-muted); cursor: pointer; }
.csl-view__btn[aria-pressed="true"] { background: var(--csl-black); color: var(--csl-white); }
@media (max-width: 689px) {
	/* Κινητό: 1η γραμμή προβολή · πλήθος · Φίλτρα, 2η γραμμή οι συλλογές */
	.csl-shop__bar { grid-template-columns: auto 1fr; }
	.csl-shop__bar-r { justify-self: end; gap: 10px; }
	.csl-ribbon { display: none; } /* στο κινητό οι συλλογές είναι μέσα στο πάνελ φίλτρων */
	.csl-shop__count { font-size: 12.5px; }
}

/* Ενεργά φίλτρα */
.csl-shop__active { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 4px; }
.csl-pill { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px 0 12px; border-radius: var(--csl-radius-s); background: var(--csl-sand); color: var(--csl-black); font-size: 13px; text-decoration: none; }
.csl-pill:hover { color: var(--csl-black); text-decoration: line-through; }
.csl-shop__clear { margin-left: 4px; font-size: 13px; font-weight: 600; color: var(--csl-black); text-decoration: underline; text-underline-offset: 3px; }

/* Πάνελ φίλτρων: δεξιά στο desktop, φύλλο από κάτω στο κινητό */
html.csl-noscroll body { overflow: hidden !important; } /* στο body, όχι στο html: αλλιώς το sticky header μετακινείται */
.csl-filters { position: fixed; inset: 0; z-index: 1000; }
.csl-filters[hidden] { display: none; }
.csl-filters__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.35); opacity: 0; transition: opacity 0.35s ease; }
.csl-filters.is-open .csl-filters__backdrop { opacity: 1; }
.csl-filters__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	width: min(420px, 100%);
	background: var(--csl-paper);
	box-shadow: -12px 0 40px rgba(0, 0, 0, 0.15);
	transform: translateX(100%);
	transition: transform 0.38s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.csl-filters.is-open .csl-filters__panel { transform: none; }
@media (prefers-reduced-motion: reduce) {
	.csl-filters__panel, .csl-filters__backdrop { transition: none; }
}
@keyframes csl-fade { from { opacity: 0; } }
@keyframes csl-slide-l { from { transform: translateX(24px); opacity: 0; } }
@keyframes csl-slide-u { from { transform: translateY(24px); opacity: 0; } }
@media (max-width: 689px) {
	.csl-filters__panel { top: auto; left: 0; width: 100%; max-height: 88vh; border-radius: 18px 18px 0 0; transform: translateY(100%); }
}
.csl-filters__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--csl-line); }
.csl-filters__title { margin: 0; font-size: 17px; font-weight: 700; color: var(--csl-black); }
.csl-filters__x { display: grid; place-items: center; width: 40px; height: 40px; margin-right: -8px; padding: 0; border: 0; background: transparent; color: var(--csl-black); cursor: pointer; }
.csl-filters__body { flex: 1; overflow-y: auto; padding: 0 20px; overscroll-behavior: contain; }
.csl-fg { padding: 16px 0; border-bottom: 1px solid var(--csl-line); }
.csl-fg:last-child { border-bottom: 0; }
.csl-fg__title { margin: 0 0 10px; font-size: 14px; font-weight: 700; color: var(--csl-black); }
.csl-fg__note { margin: -4px 0 10px; font-size: 12px; color: var(--csl-muted); }
.csl-fg__items { display: flex; flex-wrap: wrap; gap: 8px; }
.csl-fchip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 6px 12px;
	border: 1px solid var(--csl-line);
	border-radius: var(--csl-radius-s);
	background: var(--csl-white);
	color: var(--csl-black);
	font-size: 13.5px;
	line-height: 1.2;
	text-decoration: none;
	transition: border-color 0.15s ease, background 0.15s ease, opacity 0.15s ease;
}
.csl-fchip em { font-style: normal; font-size: 12px; color: var(--csl-muted); }
.csl-fchip:hover { border-color: var(--csl-black); color: var(--csl-black); }
.csl-fchip.is-on { background: var(--csl-black); border-color: var(--csl-black); color: var(--csl-white); }
.csl-fchip.is-on em { color: rgba(255, 255, 255, 0.7); }
.csl-fchip.is-empty { opacity: 0.4; pointer-events: none; }
.csl-fchip__sw { flex: none; width: 20px; height: 20px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.12); }
.csl-filters__foot { display: flex; gap: 10px; padding: 14px 20px calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid var(--csl-line); background: var(--csl-white); }
.csl-filters__clear, .csl-filters__apply { display: grid; place-items: center; height: 48px; border-radius: var(--csl-radius); font-size: 15px; font-weight: 700; text-decoration: none; }
.csl-filters__clear { flex: 1; border: 1px solid var(--csl-black); color: var(--csl-black); }
.csl-filters__apply { flex: 2; background: var(--csl-black); color: var(--csl-white); }
.csl-filters__apply:hover, .csl-filters__clear:hover { color: inherit; opacity: 0.92; }
.csl-filters__apply:hover { color: var(--csl-white); }
.csl-filters__apply.is-disabled { opacity: 0.4; cursor: not-allowed; }

/* «Δες περισσότερα» */
.csl-more { max-width: 360px; margin: 44px auto 56px; text-align: center; }
.csl-more__text { margin: 0 0 8px; font-size: 13px; color: var(--csl-muted); }
.csl-more__bar { height: 3px; margin: 0 0 16px; overflow: hidden; border-radius: 3px; background: var(--csl-line); }
.csl-more__bar i { display: block; height: 100%; background: var(--csl-black); }
.csl-more__btn { display: inline-grid; place-items: center; height: 48px; padding: 0 28px; border: 2px solid var(--csl-black); border-radius: var(--csl-radius); background: var(--csl-white); color: var(--csl-black); font-size: 15px; font-weight: 700; text-decoration: none; }
.csl-more__btn:hover { background: var(--csl-black); color: var(--csl-white); }
.csl-more__btn.is-loading { opacity: 0.5; pointer-events: none; }
.csl-shop__empty { padding: 48px 0; text-align: center; }
.csl-shop__empty p { margin: 0 0 16px; font-size: 16px; }

/* Κείμενο κατηγορίας (SEO) στο τέλος */
.csl-seo { max-width: 760px; margin: 0 auto 56px; padding-top: 24px; border-top: 1px solid var(--csl-line); }
.csl-seo summary { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--csl-black); cursor: pointer; list-style: none; }
.csl-seo summary::-webkit-details-marker { display: none; }
.csl-seo summary .csl-icon { transform: rotate(90deg); transition: transform 0.2s ease; }
.csl-seo[open] summary .csl-icon { transform: rotate(-90deg); }
.csl-seo__body { margin-top: 12px; font-size: 14px; line-height: 1.65; color: var(--csl-ink-2); }

/* «Το φοράει»: η ιστορία του προσώπου κάτω από τον τίτλο */
.csl-person-intro { max-width: 72ch; margin: 0 0 28px; }
.csl-person-intro__lead p { margin: 0; font-size: 17px; line-height: 1.6; color: var(--csl-black); }
.csl-person-intro__more { margin-top: 10px; }
.csl-person-intro__more summary { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--csl-black); cursor: pointer; list-style: none; text-decoration: underline; text-underline-offset: 3px; }
.csl-person-intro__more summary::-webkit-details-marker { display: none; }
.csl-person-intro__more summary .csl-icon { transform: rotate(90deg); transition: transform 0.2s ease; }
.csl-person-intro__more[open] summary .csl-icon { transform: rotate(-90deg); }
.csl-person-intro__more[open] summary { margin-bottom: 4px; }
.csl-person-intro__body { font-size: 15px; line-height: 1.7; color: var(--csl-ink-2); }
.csl-person-intro__body p { margin: 12px 0 0; }
.csl-person-intro__body h2 { margin: 22px 0 0; font-size: 17px; line-height: 1.3; color: var(--csl-black); }
.tax-csl_worn_by .hero-section .page-description { display: none; } /* η περιγραφή βγαίνει από κάτω, όχι στο hero */
@media (max-width: 689px) { .csl-person-intro__lead p { font-size: 16px; } }
/* Υπολογιστής: τίτλος και εισαγωγή στο κέντρο, σε στήλη ανάγνωσης κάτω από το banner. */
@media (min-width: 1000px) {
	.tax-csl_worn_by .hero-section .entry-header { align-items: center; }
	.tax-csl_worn_by .hero-section .page-title { text-align: center; }
	.csl-person-intro { max-width: 760px; margin: 4px auto 40px; text-align: center; }
	.csl-person-intro__lead p { font-size: 19px; }
	.csl-person-intro__more summary { justify-content: center; }
	.csl-person-intro__body { text-align: left; margin-top: 8px; }
}

/* Προωθήσεις καταλόγου: κάρτα στη λίστα
 * Η κάρτα έχει το ύψος της σειράς των προϊόντων (όχι της φωτογραφίας): η εικόνα γεμίζει όλο το κελί
 * με object-fit: cover. Ένα «spacer» δίνει ελάχιστο ύψος ίσο με μια κάρτα προϊόντος (π.χ. στο 1 ανά σειρά).
 * «Σκούρο κείμενο σε peach»: όπως η κάρτα προϊόντος — τετράγωνη εικόνα πάνω, κείμενο από κάτω. */
ul.products li.csl-promo { position: relative; display: block; margin: 0; padding: 0; list-style: none; border-radius: var(--csl-radius-l); overflow: hidden; background: var(--csl-sand); }
ul.products li.csl-promo::before { content: ""; display: block; padding-top: 131%; }
ul.products li.csl-promo--wide { grid-column: span 2; }
ul.products li.csl-promo--wide::before { padding-top: 65.5%; }
@media (max-width: 689px) {
	html.csl-view-alt ul.products li.csl-promo--wide { grid-column: span 1; }
	html.csl-view-alt ul.products li.csl-promo--wide::before { padding-top: 131%; }
}
li.csl-promo .csl-promo__link { position: absolute; inset: 0; display: block; color: inherit; text-decoration: none; }
.csl-promo__link:hover { color: inherit; }
.csl-promo picture { display: contents; }
li.csl-promo .csl-promo__media { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; }
/* Εικόνα hover (desktop): πάνω από την κύρια, εμφανίζεται ομαλά */
.csl-promo__media--hover { opacity: 0; transition: opacity 0.35s ease; pointer-events: none; }
@media (hover: hover) and (pointer: fine) {
	li.csl-promo--hover:hover .csl-promo__media--hover { opacity: 1; }
	li.csl-promo:not(.csl-promo--hover) .csl-promo__media { transition: transform 0.6s ease; }
	li.csl-promo:not(.csl-promo--hover):hover .csl-promo__media { transform: scale(1.03); }
}
@media (hover: none) { .csl-promo__media--hover { display: none; } }

.csl-promo__text { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; display: grid; gap: 6px; padding: 18px; }
.csl-promo__h { font-size: 18px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; color: var(--csl-black); }
.csl-promo__p { font-size: 13.5px; line-height: 1.5; color: var(--csl-ink-2); }
.csl-promo__cta { font-size: 14px; font-weight: 700; color: var(--csl-black); text-decoration: underline; text-underline-offset: 3px; }
/* Λευκό κείμενο πάνω στην εικόνα */
.csl-promo--dark .csl-promo__text { padding-top: 64px; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.62)); }
.csl-promo--dark .csl-promo__h, .csl-promo--dark .csl-promo__p, .csl-promo--dark .csl-promo__cta { color: var(--csl-white); }
/* «Σκούρο κείμενο» με εικόνα: τετράγωνη εικόνα πάνω και κείμενο από κάτω, χωρίς φόντο — όπως τα προϊόντα */
ul.products li.csl-promo--light:not(.csl-promo--text) { overflow: visible; border-radius: 0; background: transparent; } /* χωρίς φόντο: όπως η κάρτα προϊόντος */
ul.products li.csl-promo--light:not(.csl-promo--text)::before { padding-top: 100%; } /* τετράγωνο όπως η φωτογραφία προϊόντος */
li.csl-promo--light:not(.csl-promo--text) .csl-promo__link { position: static; }
li.csl-promo--light:not(.csl-promo--text) .csl-promo__media { bottom: auto; height: auto; aspect-ratio: 1 / 1; border-radius: var(--csl-radius-l); }
li.csl-promo--light:not(.csl-promo--text) .csl-promo__text { position: static; padding: 10px 2px 0; }
li.csl-promo--light:not(.csl-promo--text) .csl-promo__h { font-family: var(--csl-font-display); font-size: 15px; }
li.csl-promo--light:not(.csl-promo--text) .csl-promo__p { font-size: 12.5px; color: var(--csl-muted); }
li.csl-promo--light .csl-promo__p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; }
/* Χωρίς εικόνα: peach κάρτα με μεγάλο τίτλο */
.csl-promo--text { background: var(--csl-peach); }
.csl-promo--text .csl-promo__text { top: 0; align-content: end; padding: 26px; }
.csl-promo--text .csl-promo__h { font-size: 22px; }
@media (max-width: 689px) {
	.csl-promo__text { padding: 12px; gap: 4px; }
	.csl-promo__h { font-size: 15px; }
	.csl-promo__p { font-size: 12px; }
	.csl-promo__cta { font-size: 13px; }
	.csl-promo--dark .csl-promo__text { padding-top: 40px; }
}

/* Banner κορυφής */
/* Banner κορυφής: σε όλο το πλάτος της οθόνης, χωρίς κενά και γωνίες, κολλητά κάτω από το header
 * (πάνω από τον τίτλο). Το full-bleed με 50vw ισχύει και στη θέση-εφεδρεία μέσα στο container. */
.csl-promo--top { position: relative; margin: 0 calc(50% - 50vw); border-radius: 0; overflow: hidden; background: var(--csl-peach); }
.site-main > .csl-promo--top { margin: 0; } /* ήδη σε όλο το πλάτος (χωρίς τη γραμμή κύλισης του 100vw) */
.csl-promo--top .csl-promo__link { position: relative; display: flex; flex-direction: row; color: inherit; text-decoration: none; }
.csl-promo--top .csl-promo__media { display: block; width: 100%; height: auto; max-height: none; object-fit: cover; }
/* Κείμενο πάνω στο banner κορυφής: όπως το Hero slider (assets του Core: hero.css) — μεγάλος τίτλος, κείμενο,
 * κουμπί, κάτω αριστερά / κέντρο / δεξιά, σκίαση από κάτω για λευκό κείμενο. Μεγέθη στο πλάτος του banner (cqi). */
.csl-promo--top { container-type: inline-size; }
.csl-promo--top:not(.csl-promo--text) .csl-promo__text {
	position: absolute; inset: 0; z-index: 1;
	display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 10px;
	padding: clamp(20px, 4cqi, 64px) clamp(20px, 5cqi, 80px) clamp(24px, 4.5cqi, 64px);
	background: transparent; text-align: left;
}
.csl-promo--top.csl-promo--a-center .csl-promo__text { align-items: center; text-align: center; }
.csl-promo--top.csl-promo--a-right .csl-promo__text { align-items: flex-end; text-align: right; }
/* Στο κέντρο: στενή στήλη (το κενό ανάμεσα σε πρόσωπο και προϊόν), λίγο μικρότερος τίτλος. */
.csl-promo--top.csl-promo--a-center .csl-promo__text > * { max-width: min(100%, 22cqi); }
.csl-promo--top.csl-promo--dark:not(.csl-promo--text) .csl-promo__text { background: linear-gradient(to top, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, 0) 60%); }
.csl-promo--top .csl-promo__h { display: block; max-width: 15ch; font-family: var(--csl-font-display); font-size: clamp(28px, 4.4cqi, 64px); font-weight: 800; line-height: 1; letter-spacing: -.03em; text-wrap: balance; color: var(--csl-black); }
.csl-promo--top.csl-promo--a-center .csl-promo__h { font-size: clamp(26px, 3.3cqi, 52px); }
.csl-promo--top .csl-promo__p { display: block; max-width: 40ch; font-size: clamp(15px, 1.4cqi, 20px); font-weight: 500; line-height: 1.4; color: var(--csl-black); text-wrap: pretty; }
.csl-promo--top.csl-promo--a-center .csl-promo__p { font-size: clamp(14px, 1.15cqi, 18px); }
.csl-promo--top .csl-promo__cta {
	display: inline-flex; align-items: center; min-height: 48px; margin-top: 8px; padding: 0 24px;
	border: 2px solid var(--csl-black); border-radius: var(--csl-radius, 10px); background: var(--csl-black); color: var(--csl-white);
	font-size: 15px; font-weight: 700; text-decoration: none; transition: background-color .2s, color .2s;
}
/* Κουμπιά: το 1ο γεμάτο, τα επόμενα με περίγραμμα· hover = αντιστροφή (όπως στο hero). */
.csl-promo--top .csl-promo__ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.csl-promo--top.csl-promo--a-center .csl-promo__ctas { justify-content: center; }
.csl-promo--top.csl-promo--a-right .csl-promo__ctas { justify-content: flex-end; }
.csl-promo--top .csl-promo__ctas .csl-promo__cta { margin-top: 0; }
.csl-promo--top .csl-promo__cta--alt { background: transparent; color: var(--csl-black); }
.csl-promo--top a.csl-promo__cta:hover, .csl-promo--top a.csl-promo__cta:focus-visible,
.csl-promo--top a.csl-promo__link:hover .csl-promo__cta, .csl-promo--top a.csl-promo__link:focus-visible .csl-promo__cta { background: transparent; color: var(--csl-black); }
.csl-promo--top a.csl-promo__cta--alt:hover, .csl-promo--top a.csl-promo__cta--alt:focus-visible { background: var(--csl-black); color: var(--csl-white); }
/* «Κάλυμμα»: σύνδεσμος σε όλο το banner κάτω από το κείμενο· τα κουμπιά πατιούνται ξεχωριστά. */
.csl-promo__link--cover { position: relative; }
.csl-promo__cover { position: absolute; inset: 0; z-index: 1; }
.csl-promo__cover:focus-visible { outline: 3px solid var(--csl-lime); outline-offset: -3px; }
.csl-promo__link--cover .csl-promo__text { z-index: 2; pointer-events: none; }
.csl-promo__link--cover .csl-promo__text a { pointer-events: auto; }
.csl-promo__ctas { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.csl-promo--top.csl-promo--dark .csl-promo__h, .csl-promo--top.csl-promo--dark .csl-promo__p { color: var(--csl-white); }
.csl-promo--top.csl-promo--dark .csl-promo__cta { border-color: var(--csl-white); background: var(--csl-white); color: var(--csl-black); }
.csl-promo--top.csl-promo--dark .csl-promo__cta--alt { background: transparent; color: var(--csl-white); }
.csl-promo--top.csl-promo--dark a.csl-promo__cta:hover, .csl-promo--top.csl-promo--dark a.csl-promo__cta:focus-visible,
.csl-promo--top.csl-promo--dark a.csl-promo__link:hover .csl-promo__cta, .csl-promo--top.csl-promo--dark a.csl-promo__link:focus-visible .csl-promo__cta { background: transparent; color: var(--csl-white); }
.csl-promo--top.csl-promo--dark a.csl-promo__cta--alt:hover, .csl-promo--top.csl-promo--dark a.csl-promo__cta--alt:focus-visible { background: var(--csl-white); color: var(--csl-black); }
.csl-promo--top a.csl-promo__link:focus-visible { outline: 3px solid var(--csl-lime); outline-offset: -3px; }
.csl-promo--top.csl-promo--text .csl-promo__text { padding: 18px 22px; }
@media (prefers-reduced-motion: reduce) { .csl-promo--top .csl-promo__cta { transition: none; } }
/* Κινητό: όπως το hero στο κινητό — κείμενο κάτω, μεγάλος τίτλος, πιο σκούρο κάτω μέρος για λευκό κείμενο. */
@container (max-width: 689px) {
	/* Η «Θέση» (αριστερά / κέντρο / δεξιά) ισχύει και στο κινητό. */
	.csl-promo--top.csl-promo:not(.csl-promo--text) .csl-promo__text { gap: 8px; padding: 20px 20px 24px; }
	.csl-promo--top.csl-promo .csl-promo__text > * { max-width: 100%; }
	.csl-promo--top.csl-promo--dark:not(.csl-promo--text) .csl-promo__text { background: linear-gradient(to top, rgba(0, 0, 0, .62) 0%, rgba(0, 0, 0, .28) 42%, rgba(0, 0, 0, 0) 64%); }
	.csl-promo--top.csl-promo .csl-promo__h { max-width: 13ch; font-size: clamp(30px, 9cqi, 42px); line-height: .98; }
	.csl-promo--top.csl-promo .csl-promo__p { font-size: 15px; }
	.csl-promo--top .csl-promo__cta { min-height: 46px; }
	.csl-promo--top.csl-promo .csl-promo__ctas { margin-top: 6px; }
	/* Προεπιλογή στο κινητό: κείμενο κάτω από την εικόνα (η εικόνα κινητού σπάνια έχει άδειο κάτω μέρος). */
	.csl-promo--top:not(.csl-promo--m-over) .csl-promo__link { flex-direction: column; }
	.csl-promo--top.csl-promo:not(.csl-promo--m-over):not(.csl-promo--text) .csl-promo__text { position: static; background: var(--csl-peach); }
	.csl-promo--top.csl-promo.csl-promo--dark:not(.csl-promo--m-over):not(.csl-promo--text) .csl-promo__text { background: var(--csl-black); }
}

/* Συλλογές και στυλ μέσα στο πάνελ: μόνο στο κινητό (στο desktop είναι στη μπάρα, ως bubbles) */
@media (min-width: 690px) {
	.csl-fg--collections, .csl-fg[data-group="style"] { display: none; }
}
.csl-fg--collections .csl-fg__items .csl-qchip { height: 38px; }

/* ---------- Ταμείο: trust κάτω από «Αποστολή παραγγελίας» ---------- */
.csl-cotrust { display: grid; justify-items: center; gap: 8px; margin: 14px 0 0; text-align: center; color: var(--csl-muted); font-size: 13px; line-height: 1.4; }
.csl-cotrust p { margin: 0; }
.csl-cotrust__rating { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; color: var(--csl-black); }
.csl-cotrust__stars { display: inline-flex; gap: 1px; color: var(--csl-orange); }
.csl-cotrust__stars svg { fill: currentColor; }
.csl-cotrust__rating strong { font-weight: 700; }
.csl-cotrust__list { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 16px; margin: 0; padding: 0; list-style: none; }
.csl-cotrust__list li { display: inline-flex; align-items: center; gap: 6px; }
.csl-cotrust__list svg { flex: none; color: var(--csl-black); }
@media (max-width: 689px) {
	/* «Ασφαλής πληρωμή» και «Δωρεάν αλλαγή» στην ίδια σειρά, η αποστολή από κάτω. */
	.csl-cotrust { font-size: clamp(11.5px, 3.3vw, 12.5px); gap: 6px; }
	.csl-cotrust__list { gap: 4px 10px; }
	.csl-cotrust__list li { gap: 5px; white-space: nowrap; }
}
/* Κινητό: λιγότερο κενό κάτω από το μπλοκ εμπιστοσύνης (ήταν ~100px). */
@media (max-width: 689px) {
	.woocommerce-checkout .wc-block-checkout__actions { margin-bottom: 0; }
	.woocommerce-checkout .ct-container-full[data-vertical-spacing*="bottom"] { padding-bottom: calc(20px + env(safe-area-inset-bottom)); }
}