/**
 * COSSELIE — βάση: τυπογραφία, χρώματα, κουμπιά, σήματα, header.
 */

body {
	font-family: var(--csl-font);
	color: var(--csl-ink-2);
	background-color: var(--csl-paper);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body :is(h1, h2, h3, h4, h5, h6) {
	--theme-font-family: var(--csl-font);
	font-family: var(--csl-font);
	color: var(--csl-black);
	letter-spacing: -0.01em;
}

.csl-display {
	font-family: var(--csl-font-display);
	font-weight: 800;
	letter-spacing: -0.005em;
}

.csl-muted { color: var(--csl-muted); }

a { text-underline-offset: 0.18em; }

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--csl-black);
	outline-offset: 2px;
	border-radius: 4px;
}

/* Κουμπιά: ένα κύριο ανά οθόνη, πάντα μαύρο. */
:is(.button, button.button, .wp-element-button, .single_add_to_cart_button, .checkout-button) {
	border-radius: var(--csl-radius);
	font-weight: 600;
	min-height: 48px;
}

/* Σήματα WooCommerce */
.woocommerce span.onsale,
span.onsale {
	background: var(--csl-red);
	color: var(--csl-white);
	border-radius: 999px;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.02em;
}

.csl-badge {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--csl-black);
	background: var(--csl-lime);
}
.csl-badge--orange { background: var(--csl-orange); }
.csl-badge--green  { background: var(--csl-green); }

/* Labels (COSSELIE Core → Βιτρίνα → Labels): θέσεις, χρώματα, γωνίες και εικονίδιο από τις ρυθμίσεις (μεταβλητές CSS). */
.csl-lbls { position: absolute; z-index: 2; display: flex; flex-wrap: wrap; gap: 4px; max-width: calc(100% - 16px); pointer-events: none; }
.csl-lbls.csl-lbls--tl { top: 8px; left: 8px; right: auto; bottom: auto; }
.csl-lbls.csl-lbls--tc { top: 8px; left: 50%; right: auto; bottom: auto; justify-content: center; transform: translateX(-50%); }
.csl-lbls.csl-lbls--tr { top: 8px; right: 8px; left: auto; bottom: auto; justify-content: flex-end; }
.csl-lbls.csl-lbls--bl { bottom: 8px; left: 8px; top: auto; right: auto; }
.csl-lbls.csl-lbls--bc { bottom: 8px; left: 50%; top: auto; right: auto; justify-content: center; transform: translateX(-50%); }
.csl-lbls.csl-lbls--br { bottom: 8px; right: 8px; top: auto; left: auto; justify-content: flex-end; }
/* Δύο ή τρεις θέσεις στην ίδια σειρά: μοιράζονται το πλάτος και αναδιπλώνονται αντί να επικαλύπτονται. */
:has(> .csl-lbls--tl):has(> .csl-lbls--tr) > :is(.csl-lbls--tl, .csl-lbls--tr),
:has(> .csl-lbls--bl):has(> .csl-lbls--br) > :is(.csl-lbls--bl, .csl-lbls--br) { max-width: calc(50% - 12px); }
:has(> .csl-lbls--tc) > :is(.csl-lbls--tl, .csl-lbls--tr, .csl-lbls--tc),
:has(> .csl-lbls--bc) > :is(.csl-lbls--bl, .csl-lbls--br, .csl-lbls--bc) { max-width: calc(33.33% - 10px); }
.csl-gallery__badges.csl-lbls { gap: 6px; }
.csl-gallery__badges.csl-lbls--tl, .csl-gallery__badges.csl-lbls--tc, .csl-gallery__badges.csl-lbls--tr { top: 12px; }
.csl-gallery__badges.csl-lbls--bl, .csl-gallery__badges.csl-lbls--bc, .csl-gallery__badges.csl-lbls--br { bottom: 12px; }
.csl-gallery__badges.csl-lbls--tl, .csl-gallery__badges.csl-lbls--bl { left: 12px; }
.csl-gallery__badges.csl-lbls--tr, .csl-gallery__badges.csl-lbls--br { right: 12px; }
.csl-badge.csl-badge--lbl { display: inline-flex; align-items: center; gap: 4px; padding: 5px 7px; border-radius: var(--csl-lbl-r, 6px); background: var(--csl-lbl-bg, #000); color: var(--csl-lbl-fg, #fff); font-family: var(--csl-font-display); font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: 0.02em; white-space: nowrap; }
.csl-gallery__badges .csl-badge.csl-badge--lbl { padding: 6px 9px; font-size: 12px; }
.csl-badge .csl-badge__icon { display: block; flex: 0 0 auto; width: auto; max-width: none; margin: 0; }
.csl-badge.csl-badge--icon { padding: 0; }
.csl-gallery__badges .csl-badge.csl-badge--icon { padding: 0; }
/* «Στον τίτλο»: πάνω από τον τίτλο, αριστερά / κέντρο / δεξιά */
.csl-lbls-above { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 4px; }
.csl-lbls-above > span { display: flex; flex-wrap: wrap; gap: 4px; }
.csl-lbls-above__c { justify-content: center; }
.csl-lbls-above__r { justify-content: flex-end; }
.csl-lbls-above > span:empty { display: block; }
.csl-card__lbls { grid-column: 1 / -1; margin: 0 0 4px; }
.csl-card__lbls .csl-badge.csl-badge--lbl { padding: 3px 6px; font-size: 10px; }
.csl-card__body:has(> .csl-card__lbls) { grid-template-rows: auto auto auto auto 1fr; }
.csl-card__body:has(> .csl-card__lbls) > .csl-card__colors { grid-row: 5; }
.csl-head__lbls { margin: 0 0 8px; }
.csl-head__lbls .csl-badge.csl-badge--lbl { padding: 5px 8px; font-size: 12px; }

/* Header: λογότυπο σε σωστό μέγεθος, πάντα μαύρο (ή λευκό σε σκούρο φόντο). */
.site-logo-container {
	--logo-max-height: 22px;
	color: var(--csl-black);
}
@media (min-width: 1000px) {
	.site-logo-container { --logo-max-height: 28px; }
}

/* Τιμές */
.price,
.woocommerce-Price-amount {
	color: var(--csl-black);
	font-variant-numeric: tabular-nums;
}
.price del { color: var(--csl-muted); font-weight: 400; }
.price ins { text-decoration: none; }

.csl-stars { letter-spacing: 1px; color: var(--csl-black); }

/* Όταν υπάρχει λογότυπο, δεν εμφανίζουμε και το όνομα του site δίπλα του. */
[data-id="logo"] .site-logo-container ~ .site-title-container { display: none; }
@media (max-width: 689px) {
	.site-logo-container { --logo-max-height: 24px; }
}

/* Κείμενο μόνο για αναγνώστες οθόνης */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------- Header: μαύρη μπάρα που μένει ορατή (κινητό και desktop) + μπάρα μηνύματος ----------
 * Διάταξη από τον header builder του Blocksy (Εμφάνιση → Προσαρμογή → Header):
 * κινητό: ☰ | λογότυπο | αναζήτηση, λογαριασμός, καλάθι — desktop: μενού | λογότυπο | ίδια εικονίδια.
 * Κάτω σειρά: στοιχείο «Text» με το μήνυμα (αλλάζει από το Customizer). Εδώ μόνο χρώματα/διαστάσεις. */
/* Header + lime μπάρα (μέσα του): φεύγει στην κύλιση προς τα κάτω, επιστρέφει προς τα πάνω (assets/js/header.js).
 * «html body #header»: το main.min.css του Blocksy (#header { position: relative }) φορτώνει μετά από εμάς
 * σε κάποιες σελίδες· με μεγαλύτερη ειδικότητα ισχύει παντού το ίδιο. */
html body #header {
	position: sticky;
	top: 0;
	z-index: 60;
	transition: transform 0.3s ease, box-shadow 0.2s ease;
	will-change: transform;
}
html body #header.csl-scrolled { box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18); }
html.csl-hide-header body #header { transform: translateY(calc(-100% - 12px)); box-shadow: none; }
#header > .csl-annc { position: relative; }
@media (min-width: 783px) {
	html body.admin-bar #header { top: 32px; }
}
@media (prefers-reduced-motion: reduce) {
	html body #header { transition: none; }
}

html body #header [data-row*="middle"] {
	--height: 60px;
	background: var(--csl-black);
	border: 0;
	color: var(--csl-white);
	--theme-text-color: var(--csl-white);
	--theme-link-initial-color: var(--csl-white);
	--theme-link-hover-color: var(--csl-white);
	--theme-link-active-color: var(--csl-white);
	--theme-icon-color: var(--csl-white);
	--theme-icon-hover-color: var(--csl-white);
}
html body #header [data-row*="middle"] > .ct-container { min-height: var(--height); }
@media (min-width: 1000px) {
	html body #header [data-row*="middle"] { --height: 72px; }
}

/* Λογότυπο λευκό (inline SVG με currentColor) */
#header [data-id="logo"] .site-logo-container { display: inline-flex; color: var(--csl-white); }
#header [data-id="logo"] svg { width: auto; height: 20px; }
@media (min-width: 1000px) {
	#header [data-id="logo"] svg { height: 26px; }
}

/* Μόνο εικονίδια δεξιά (χωρίς ποσό καλαθιού / κείμενο λογαριασμού) */
#header [data-id="cart"] .ct-label,
#header [data-id="account"] .ct-label { display: none; }
#header [data-row*="middle"] [data-id="search"],
#header [data-row*="middle"] [data-id="account"],
#header [data-row*="middle"] [data-id="cart"] { --theme-icon-size: 20px; }
#header [data-id="cart"] .ct-dynamic-count-cart {
	background: var(--csl-green);
	color: var(--csl-black);
	font-weight: 700;
}

/* Μενού desktop: λευκά γράμματα στη μαύρη μπάρα, κανονικά χρώματα στα υπομενού */
#header [data-id="menu"] > ul > li > a { font-weight: 600; letter-spacing: 0.01em; }
/* Υπογράμμιση στο hover και στην ενότητα που βρίσκεσαι (όχι χρώμα) */
#header [data-id="menu"] > ul > li > a .ct-menu-link,
#header [data-id="menu"] > ul > li > .ct-menu-link {
	text-decoration-line: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 1.5px;
	text-underline-offset: 6px;
	transition: text-decoration-color 0.15s ease;
}
#header [data-id="menu"] > ul > li:hover > .ct-menu-link,
#header [data-id="menu"] > ul > li > .ct-menu-link:focus-visible,
#header [data-id="menu"] > ul > li[class*="current-menu-"] > .ct-menu-link,
#header [data-id="menu"] > ul > li[class*="current_page_"] > .ct-menu-link,
#header [data-id="menu"] > ul > li.current-product_cat-ancestor > .ct-menu-link { text-decoration-color: currentColor; }
#header [data-id="menu"] .sub-menu {
	--theme-link-initial-color: var(--csl-black);
	--theme-link-hover-color: var(--csl-black);
}

/* Μπάρα μηνύματος: έντονο πράσινο της ταυτότητας */
html body #header [data-row*="bottom"] {
	--height: 34px;
	background: var(--csl-green);
	border: 0;
	color: var(--csl-black);
	--theme-text-color: var(--csl-black);
	--theme-link-initial-color: var(--csl-black);
	--theme-link-hover-color: var(--csl-black);
}
html body #header [data-row*="bottom"] > .ct-container { min-height: var(--height); }
#header [data-id="text"] {
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.02em;
}
#header [data-id="text"] p { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#header [data-id="text"] a { text-decoration: none; }
#header [data-id="text"] a:hover { text-decoration: underline; text-underline-offset: 2px; }
@media (min-width: 690px) {
	#header [data-id="text"] { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
	#header { transition: none; }
}

/* Εικονίδια header: ίδια οικογένεια με το υπόλοιπο site (γραμμή, όχι γέμισμα) */
#header .csl-hi {
	fill: none !important;
	stroke: var(--theme-icon-color, currentColor);
	width: var(--theme-icon-size, 20px);
	height: var(--theme-icon-size, 20px);
	transition: stroke 0.15s ease;
}
#header a:hover .csl-hi,
#header button:hover .csl-hi { stroke: var(--theme-icon-hover-color, currentColor); }
#header [data-id="trigger"] { --theme-icon-size: 22px; }
#header [data-row*="middle"] [data-id="search"],
#header [data-row*="middle"] [data-id="account"],
#header [data-row*="middle"] [data-id="cart"] { --theme-icon-size: 22px; }

/* ======================================================================
 * Footer: εγγραφή (πράσινο) → εμπιστοσύνη → μαύρο footer → νομικά/πληρωμές
 * ==================================================================== */
.csl-foot { --csl-ft-max: 1240px; --csl-ft-pad: clamp(16px, 3vw, 32px); }
/* Χωρίς εσοχή λιστών (το Blocksy βάζει padding-inline-start σε κάθε ul). */
.csl-foot :where(ul) { list-style: none; margin: 0; padding: 0; }
.csl-foot, .csl-foot *, .csl-foot *::before, .csl-foot *::after { box-sizing: border-box; }

.csl-cap { background: var(--csl-peach); color: var(--csl-black); overflow: hidden; }
.csl-cap[hidden] { display: none; }
.csl-cap__in {
	position: relative;
	max-width: var(--csl-ft-max);
	margin: 0 auto;
	padding: 48px var(--csl-ft-pad);
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 48px;
	align-items: center;
}
.csl-cap__offer { position: relative; }
.csl-cap__big { margin: 0; font-family: var(--csl-font-display); font-weight: 800; font-size: clamp(64px, 7vw, 88px); line-height: 0.9; letter-spacing: -0.02em; }
.csl-cap__title { margin: 10px 0; font-size: clamp(22px, 2.2vw, 26px); font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; color: inherit; }
.csl-cap__text { margin: 0; max-width: 430px; font-size: 15px; line-height: 1.5; }
.csl-cap__img { position: absolute; left: 62%; top: -14px; width: 250px; height: auto; transform: rotate(-8deg); filter: drop-shadow(0 18px 18px rgba(0, 0, 0, 0.18)); pointer-events: none; }
.csl-cap__form { display: flex; gap: 8px; margin: 0; }
.csl-cap__form input[type="email"] {
	flex: 1;
	min-width: 0;
	height: 48px;
	margin: 0;
	padding: 0 16px;
	border: 2px solid var(--csl-black);
	border-radius: var(--csl-radius);
	background: var(--csl-white);
	color: var(--csl-black);
	font: inherit;
	font-size: 16px; /* χωρίς zoom στο iPhone */
}
.csl-cap__form input[type="email"]:focus { outline: 3px solid var(--csl-black); outline-offset: 2px; }
.csl-cap__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.csl-cap__btn,
.csl-cap__vbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-shrink: 0;
	/* Ίδιο μέγεθος για newsletter και Viber, σε κάθε πλάτος. */
	min-width: 210px;
	height: 48px;
	padding: 0 22px;
	border: 0;
	border-radius: var(--csl-radius);
	background: var(--csl-black);
	color: var(--csl-white);
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
}
.csl-cap__btn:disabled { opacity: 0.6; cursor: progress; }
.csl-cap__micro { margin: 10px 0 0; font-size: 12px; line-height: 1.45; color: var(--csl-ink-2); }
.csl-cap__micro a { color: inherit; text-decoration: underline; }
.csl-cap__msg { margin: 0; padding: 12px 14px; border-radius: var(--csl-radius); background: var(--csl-white); font-size: 14px; font-weight: 600; line-height: 1.4; }
.csl-cap__msg.is-err { margin-top: 8px; color: var(--csl-red); }
.csl-cap__or { display: flex; align-items: center; gap: 12px; margin: 18px 0 12px; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; color: rgba(0, 0, 0, 0.6); }
.csl-cap__or::before, .csl-cap__or::after { content: ""; flex: 1; height: 1px; background: rgba(0, 0, 0, 0.25); }
.csl-cap__vb { display: flex; align-items: center; justify-content: space-between; gap: 12px 16px; }
.csl-cap__vb strong { display: block; font-size: 14px; }
.csl-cap__vb span { font-size: 12.5px; color: var(--csl-ink-2); }
/* Viber: γεμάτο στο μωβ του Viber, εικονίδιο «ανάποδα» (λευκό συννεφάκι, μωβ τηλέφωνο) και λευκό κείμενο. */
.csl-cap__vbtn { background: #7360F2; color: var(--csl-white); }
.csl-cap__vbtn svg { color: var(--csl-white); }
.csl-cap__vbtn:hover, .csl-cap__vbtn:focus-visible { background: #5f4ce0; border-color: #5f4ce0; color: var(--csl-white); }

.csl-ft { background: var(--csl-black); color: var(--csl-white); }
.csl-ft__in { max-width: var(--csl-ft-max); margin: 0 auto; padding: 0 var(--csl-ft-pad); }
.csl-ft a { color: inherit; text-decoration: none; }
.csl-ft__trust { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 16px; padding: 22px 0; border-bottom: 1px solid #222; } /* όσα στοιχεία υπάρχουν, σε ίσες στήλες */
.csl-ft__trust li > a, .csl-ft__trust li > .csl-icon { display: flex; }
.csl-ft__trust li { display: flex; gap: 12px; align-items: center; font-size: 14px; line-height: 1.3; }
.csl-ft__trust li > a { gap: 12px; align-items: center; }
.csl-ft__trust .csl-icon { flex-shrink: 0; color: var(--csl-white); }
.csl-ft__trust strong { display: block; font-weight: 500; }
.csl-ft__trust small { display: block; font-size: 12.5px; color: #9a9a9a; }
.csl-ft__main { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 40px; padding: 44px 0 36px; }
.csl-ft__links { margin-top: 18px !important; }
.csl-ft__links li { margin: 0 0 9px; }
.csl-ft__links a { font-size: 14px; color: #cfcfcf; }
.csl-ft a:hover, .csl-ft a:focus-visible { color: var(--csl-white); text-decoration: underline; text-underline-offset: 3px; }
.csl-ft__trust a:hover { text-decoration: none; }
.csl-ft__trust a:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.csl-ft__logo { display: inline-block; color: var(--csl-white); }
.csl-ft__logo svg { display: block; width: 150px; height: auto; }
.csl-ft__about { max-width: 300px; margin: 16px 0 14px; font-size: 14px; line-height: 1.55; color: #bdbdbd; }
/* Δεξιά στήλη: Creator Program + «Μίλα μαζί μας» */
.csl-ft__side { display: grid; gap: 28px; align-content: start; }
.csl-ft__creatortext { margin: 0 0 12px; max-width: 280px; font-size: 14px; line-height: 1.5; color: #cfcfcf; }
.csl-ft a.csl-ft__creatorlink { font-size: 14px; font-weight: 700; color: var(--csl-white); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; transition: text-decoration-color 0.15s ease; }
.csl-ft a.csl-ft__creatorlink:hover, .csl-ft a.csl-ft__creatorlink:focus-visible { text-decoration-color: currentColor; }
/* Σήματα πιστοποίησης κάτω από το Creator program: ασπρόμαυρα, έγχρωμα στο hover/focus. */
.csl-ft__badges { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 28px; }
.csl-ft__badge { zoom: 0.5; /* το σήμα του GR.EC.A στο μισό μέγεθος */ line-height: 0; filter: grayscale(1); opacity: 0.85; transition: filter 0.2s ease, opacity 0.2s ease; }
.csl-ft__badge:empty { display: none; }
.csl-ft__badge:hover, .csl-ft__badge:focus-within { filter: none; opacity: 1; }
.csl-ft__badge :is(img, iframe) { display: block; max-width: 100%; border: 0; }
.csl-ft__badge img { height: auto; }
@media (prefers-reduced-motion: reduce) { .csl-ft__badge { transition: none; } }
.csl-ft__contact ul { display: grid; gap: 10px; font-size: 14px; color: #cfcfcf; }
.csl-ft__contact a { color: #cfcfcf; }
.csl-ft__contact .csl-ft__big { font-size: 18px; font-weight: 600; color: var(--csl-white); letter-spacing: 0.01em; }
.csl-ft__contact small { display: block; margin-top: 2px; font-size: 12.5px; color: #9a9a9a; }
.csl-ft__colhead--static { pointer-events: auto; }
/* «Follow us on social»: 2×2 κάτω από το λογότυπο */
.csl-ft__follow { margin-top: 28px; }
.csl-ft__followhead { margin: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; color: var(--csl-white); }
.csl-ft__social { display: flex; gap: 20px; }
.csl-ft__social a { display: inline-flex; color: var(--csl-white); opacity: 0.85; transition: opacity 0.15s ease; }
.csl-ft__social a:hover, .csl-ft__social a:focus-visible { opacity: 1; }
.csl-ft__social svg { width: 22px; height: 22px; }

.csl-ft__colhead { display: flex; justify-content: space-between; align-items: center; margin: 0 0 14px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; list-style: none; cursor: default; pointer-events: none; }
.csl-ft__colhead::-webkit-details-marker { display: none; }
.csl-ft__colhead .csl-icon { display: none; }
.csl-ft__col li { margin: 0 0 9px; }
.csl-ft__col a { font-size: 14px; color: #cfcfcf; }
.csl-ft__bottom { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; padding: 18px 0 26px; border-top: 1px solid #222; font-size: 12.5px; color: #9a9a9a; }
.csl-ft__terms { display: flex; gap: 14px; justify-content: center; text-align: center; }
.csl-ft__terms { flex-wrap: wrap; row-gap: 6px; }
.csl-ft__terms a, .csl-ft__cookies { color: #cfcfcf; }
.csl-ft__cookies { padding: 0; border: 0; background: none; font: inherit; cursor: pointer; }
.csl-ft__cookies:hover, .csl-ft__cookies:focus-visible { color: var(--csl-white); text-decoration: underline; text-underline-offset: 3px; }
.csl-ft__bottom .csl-ft__pay { justify-content: flex-end; }
.csl-ft__legal { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.csl-ft__pay { display: flex; flex-wrap: wrap; gap: 6px; }
.csl-ft__pay li { display: grid; place-items: center; min-width: 48px; height: 30px; padding: 0 6px; overflow: hidden; border: 1px solid #333; border-radius: 6px; color: #e6e6e6; }
.csl-ft__pay svg { display: block; }
.csl-ft__paytext { font-size: 12px; font-weight: 800; letter-spacing: 0.04em; }

@media (max-width: 999px) {
	.csl-cap__in { grid-template-columns: 1fr; gap: 24px; }
	.csl-cap__img { left: auto; right: -20px; width: 190px; }
	.csl-ft__trust { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.csl-ft__trust li:last-child:nth-child(odd) { grid-column: 1 / -1; } /* μονός αριθμός: χωρίς κενό κελί */
	/* Tablet / κινητό σε οριζόντια θέση: λογότυπο σε όλο το πλάτος, από κάτω Αγόρασε | Υποστήριξη | Creators. */
	.csl-ft__main { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 28px; }
	.csl-ft__brand { grid-column: 1 / -1; }
	/* Tablet/κινητό: όλη η κάτω γραμμή στο κέντρο (όροι, ©/ΓΕΜΗ, πληρωμές) */
	.csl-ft__bottom { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 14px; }
	.csl-ft__terms { order: -1; }
	.csl-ft__legal { justify-content: center; }
	.csl-ft__bottom .csl-ft__pay { justify-content: center; }
}
@media (max-width: 689px) {
	.csl-cap__in { padding-top: 32px; padding-bottom: 28px; gap: 20px; }
	.csl-cap__img { right: -36px; top: 6px; width: 160px; }
	.csl-cap__form { flex-direction: column; }
	.csl-cap__form input[type="email"] { flex: none; width: 100%; }
	.csl-cap__btn, .csl-cap__vbtn { width: 100%; }
	.csl-cap__vb { flex-direction: column; align-items: stretch; }
	.csl-ft__trust { gap: 16px 12px; }
	.csl-ft__main { grid-template-columns: 1fr; gap: 0; padding: 28px 0 8px; }
	.csl-ft__brand { padding-bottom: 24px; }
	.csl-ft__col { border-top: 1px solid #222; }
	.csl-ft__colhead { margin: 0; padding: 16px 0; pointer-events: auto; cursor: pointer; }
	.csl-ft__colhead .csl-icon { display: block; transition: transform 0.2s ease; }
	.csl-ft__col[open] .csl-ft__colhead .csl-icon { transform: rotate(45deg); }
	.csl-ft__col ul { padding: 0 0 12px; }
	.csl-ft__side { border-top: 1px solid #222; padding: 20px 0 12px; gap: 24px; }
	.csl-ft__creator .csl-ft__colhead { padding: 0; margin: 0 0 10px; }
	/* Και τα 7 σήματα πληρωμών σε μία σειρά */
	.csl-ft__pay { gap: 5px; flex-wrap: nowrap; }
	.csl-ft__pay li { min-width: 0; width: 44px; padding: 0 3px; }
	.csl-ft__pay svg[width="36"] { width: 34px; height: 34px; }
}

/* Τιμή δώρου creator (COSSELIE Core → Creators): 0 € με ετικέτα, σε προϊόν και λίστες. */
.csl-gift__tag { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 999px; background: var(--csl-lime, #e2ff00); color: var(--csl-black, #000); font-size: 12px; font-weight: 700; line-height: 1.4; vertical-align: middle; white-space: nowrap; }

/* Φόρμες SliceWP (αίτηση creator, ρυθμίσεις λογαριασμού) στο ύφος της κάρτας προφίλ: ίδια πεδία 48px, ίδιες ενότητες. */
.slicewp-form, .slicewp-form * { box-sizing: border-box; }
.slicewp-form .slicewp-card { margin: 0 0 18px; padding: 18px; border: 1px solid var(--csl-line, #e7e3dc); border-radius: var(--csl-radius, 12px); background: #fff; box-shadow: none; }
.slicewp-form .slicewp-card-inner { display: grid; gap: 16px; padding: 0; }
.slicewp-form .slicewp-field-wrapper { margin: 0; padding: 0; }
.slicewp-form .slicewp-field-label-wrapper { margin: 0 0 6px; }
.slicewp-form .slicewp-field-label-wrapper label { font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--csl-black, #000); }
.slicewp-form .slicewp-field-inner :is(input[type=text], input[type=email], input[type=url], input[type=password], input[type=tel], select, textarea) {
	width: 100%; min-height: 48px; margin: 0; padding: 0 14px; border: 1px solid var(--csl-line, #e7e3dc); border-radius: var(--csl-radius, 12px);
	background: #fff; color: var(--csl-black, #000); font: inherit; font-size: 16px; box-shadow: none;
}
.slicewp-form .slicewp-field-inner textarea { min-height: 110px; padding: 12px 14px; }
.slicewp-form .slicewp-field-inner :is(input, select, textarea):focus { outline: 2px solid var(--csl-black, #000); outline-offset: 1px; border-color: var(--csl-black, #000); }
.slicewp-form .slicewp-field-inner input[readonly] { background: var(--csl-paper, #fbfaf8); color: var(--csl-muted, #5b5b5b); }
.slicewp-form .slicewp-field-description, .slicewp-form .slicewp-field-description p { margin: 6px 0 0; font-size: 13px; line-height: 1.4; color: var(--csl-muted, #5b5b5b); }
.slicewp-form .slicewp-field-section-heading { margin: 0; padding: 0; border: 0; }
.slicewp-form .slicewp-field-section-heading :is(h2, h3, h4) { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; letter-spacing: 0; text-transform: none; }
.slicewp-form .slicewp-affiliate-account-payout-details { display: grid; gap: 14px; margin: 4px 0 0; padding: 18px 0 0; border-top: 1px solid var(--csl-line, #e7e3dc); }
.slicewp-form .slicewp-affiliate-account-payout-details > .slicewp-field-wrapper:not([data-type]) .slicewp-field-inner { font-size: 14px; color: var(--csl-ink-2, #3d3d3d); }
.slicewp-form .slicewp-field-wrapper[data-type=checkbox] label { display: inline-flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.4; }
.slicewp-form .slicewp-field-wrapper[data-type=checkbox] input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--csl-black, #000); }
.slicewp-form :is(button, input)[type=submit], .slicewp-form .slicewp-button-primary {
	display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 0; border-radius: 999px;
	background: var(--csl-black, #000); color: #fff; font-size: 15px; font-weight: 650; cursor: pointer;
}
.slicewp-form :is(button, input)[type=submit]:hover, .slicewp-form .slicewp-button-primary:hover { background: var(--csl-lime, #e2ff00); color: var(--csl-black, #000); box-shadow: inset 0 0 0 1.5px var(--csl-black, #000); }
/* Ο επεξεργαστής social της κάρτας μέσα στη φόρμα: χωρίς δεύτερο πλαίσιο. */
.slicewp-form .cpc--embed { margin: 0; }
.slicewp-form .cpc--embed .cpc-sec { border: 0; border-radius: 0; background: none; }
.slicewp-form .cpc--embed .cpc-sec__h { padding: 0 0 6px; }
.slicewp-form .cpc--embed .cpc-sec__t { font-size: 16px; font-weight: 700; }
.slicewp-form .cpc--embed .cpc-sec__b { padding: 0; }
@media (max-width: 600px) { .slicewp-form .slicewp-card { padding: 16px; } .slicewp-form :is(button, input)[type=submit], .slicewp-form .slicewp-button-primary { width: 100%; } }