/* =====================================================================
   doordrop — νέο design (feat/doordrop-redesign)
   Ενεργό μόνο όταν το body έχει class "dd" (alk_app/reports/doordrop_theme.php):
   πλατφόρμα doordrop.gr, επισκέπτες και απλοί πελάτες. Private sites / admin δεν επηρεάζονται.
   Tokens: design system «doordrop» (brand #E5D974, surfaces κρεμ, ink #1C1A15, Outfit + Manrope).
   Βασίζεται στο f4c system (f4c_modal.css, f4c_stores.css, head.php) και το ξαναντύνει.
   ===================================================================== */

body.dd{
	--dd-brand: #E5D974;
	--dd-brand-hover: #DCCD5C;
	--dd-on-brand: #1C1A15;
	--dd-brand-strong: #6B5E0A;
	--dd-brand-soft: #F6F0C8;
	--dd-s1: #FBF9EF;
	--dd-s2: #F3EFDC;
	--dd-s3: #ECE7D0;
	--dd-ink: #1C1A15;
	--dd-ink-hover: #34302A;
	--dd-muted: #5E5A4E;
	--dd-line: #E4DFC8;
	--dd-ok: #2E7D4F;
	--dd-ok-soft: #E3F1E8;
	--dd-ok-ink: #1F5C39;
	--dd-err: #B3261E;
	--dd-err-soft: #FBE9E7;
	--dd-display: "Outfit", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
	--dd-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--dd-r-sm: 8px;
	--dd-r-md: 10px;
	--dd-r-lg: 10px;
	--dd-shadow: 0 16px 40px rgba(28, 26, 21, .08);
	--dd-shadow-lg: 0 20px 44px rgba(28, 26, 21, .16);
	background: var(--dd-s1) !important;
	color: var(--dd-ink);
	font-family: var(--dd-sans) !important;
}
body.dd h1,
body.dd h2,
body.dd h3{
	font-family: var(--dd-display);
}
body.dd .dd-i{
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
body.dd .dd-i-s{
	width: 16px;
	height: 16px;
}
/* το w3.css κάνει το body scroll container (height:100%)· στην αρχική η σελίδα κυλά κανονικά */
body.dd.dd-home{
	height: auto;
	min-height: 100%;
	overflow-x: clip;
}

/* ---------------- μπάρα κορυφής (head.php) ---------------- */
body.dd #f4c-top-wrap{
	background: var(--dd-s1) !important;
	border-bottom: 1px solid var(--dd-line);
	/* safe area πάνω (notch / status bar, viewport-fit=cover στο doordrop_theme::styles): παίρνει το χρώμα του header */
	padding-top: env(safe-area-inset-top, 0px);
}
/* safe area κάτω (home indicator): οι σελίδες τελειώνουν σε κρεμ φόντο· η αρχική έχει σκούρο footer (βλ. .dd-footer)
   και η σελίδα καταστήματος υπολογίζει ήδη το env() στα δικά της fixed στοιχεία */
body.dd:not(.dd-home):not(.delivery-page){
	padding-bottom: env(safe-area-inset-bottom, 0px);
}
body.dd.dd-home #f4c-top-wrap{
	background: var(--dd-brand) !important;
	border-bottom: 0;
}
body.dd.f4c-plain-header #f4c-top-wrap{
	background: var(--dd-s1) !important;
}
/* η μπάρα πιάνει όλο το πλάτος της οθόνης (το inline max-width 1280px του head.php ισχύει μόνο εκτός doordrop) */
body.dd #f4c-top-wrap > div{
	max-width: none !important;
}
body.dd #top-bar{
	display: block !important;
	width: 100%;
	background: transparent !important;
}
body.dd #top-bar > tbody{
	display: block;
}
body.dd #top-bar tr{
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 76px;
	padding: 0 16px;
}
@media (min-width: 901px){
	body.dd #top-bar tr{
		padding: 0 24px;
	}
}
body.dd #top-bar tr td:nth-child(n){
	display: block;
	width: auto !important;
	padding: 0 !important;
	text-align: left !important;
	vertical-align: middle;
}
body.dd #top-bar tr td:nth-child(2){
	flex: 1 1 auto;
	min-width: 0;
}
body.dd #top-bar tr td:nth-child(3){
	flex: 0 1 auto;
	min-width: 0;
}
body.dd #top-bar .menu_link{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin: 0 !important;
	border: 1px solid var(--dd-line);
	border-radius: var(--dd-r-md);
	background: #FFFFFF;
	box-shadow: none;
	text-decoration: none !important;
}
body.dd.dd-home #top-bar .menu_link{
	border-color: transparent;
	background: rgba(255, 255, 255, .6);
}
/* χωρίς ☰ (πλαϊνό μενού) σε desktop και κινητό: όλα είναι στο μενού πάνω δεξιά (avatar / «Σύνδεση») */
body.dd #top-bar tr td:first-child{
	display: none;
}
body.dd #top-bar .menu_link:hover{
	border-color: var(--dd-ink);
}
body.dd #top-bar .menu_link .ac1{
	padding: 0 !important;
	color: var(--dd-ink) !important;
	font-size: 18px;
}
body.dd #top-bar .store_catalogue{
	display: inline-block;
}
body.dd #top-bar #main_img.dd-logo{
	display: block;
	width: auto !important;
	height: 38px;
	border-radius: 0;
}
body.dd .dd-hdr-actions{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	min-width: 0;
}
body.dd .dd-hdr-addr,
body.dd .dd-hdr-addr:hover{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: auto;
	max-width: 360px;
	min-height: 0;
	height: 46px;
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: 10px;
	background: var(--dd-s2);
	/* !important: το .f4c-menu-change-address του head.php βάζει color #fff !important (λευκό σε μπεζ) */
	color: var(--dd-ink) !important;
	font: 700 14px/1 var(--dd-sans);
	cursor: pointer;
}
body.dd .dd-hdr-addr:hover{
	background: var(--dd-s3);
}
body.dd .dd-hdr-addr span{
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.dd .dd-hdr-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 46px;
	padding: 0 18px;
	border-radius: var(--dd-r-md);
	font: 700 15px/1 var(--dd-sans);
	text-decoration: none !important;
	white-space: nowrap;
}
body.dd .dd-hdr-ink{
	background: var(--dd-ink);
	color: var(--dd-s1) !important;
}
body.dd .dd-hdr-ink:hover{
	background: var(--dd-ink-hover);
}
body.dd .dd-hdr-soft{
	background: var(--dd-s2);
	color: var(--dd-ink) !important;
}
body.dd .dd-hdr-soft:hover{
	background: var(--dd-s3);
}
body.dd.dd-home .dd-hdr-soft{
	background: rgba(255, 255, 255, .6);
}
body.dd .dd-hdr-avatar{
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background-color: var(--dd-ink);
	background-size: cover;
	background-position: center;
	color: var(--dd-brand) !important;
	font: 800 15px/1 var(--dd-display);
	text-decoration: none !important;
	text-transform: uppercase;
}
/* avatar = κουμπί που ανοίγει το dropdown λογαριασμού (head.php, .dd-acc) */
body.dd .dd-acc{
	position: relative;
	flex: 0 0 auto;
}
body.dd .dd-acc-btn{
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}
body.dd .dd-acc.is-open .dd-acc-btn{
	box-shadow: 0 0 0 3px var(--dd-s1), 0 0 0 5px var(--dd-ink);
}
body.dd .dd-acc-menu{
	display: none;
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 7;
	width: 260px;
	padding: 8px;
	border: 1px solid var(--dd-line);
	border-radius: 10px;
	background: #FFFFFF;
	box-shadow: var(--dd-shadow-lg);
	text-align: left;
	transform-origin: top right;
}
body.dd .dd-acc.is-open .dd-acc-menu{
	display: block;
	animation: dd-drop .18s ease-out;
}
body.dd .dd-acc-name{
	margin: 0 0 6px;
	padding: 10px 12px 12px;
	border-bottom: 1px solid var(--dd-s2);
	overflow: hidden;
	color: var(--dd-ink);
	font: 800 16px/1.2 var(--dd-display);
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.dd .dd-acc-item{
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 12px;
	border-radius: 10px;
	color: var(--dd-ink) !important;
	font: 700 15px/1.2 var(--dd-sans);
	text-decoration: none !important;
}
body.dd .dd-acc-item:hover{
	background: var(--dd-brand-soft);
}
body.dd .dd-acc-item .dd-i{
	color: var(--dd-muted);
}
body.dd .dd-acc-logout{
	margin-top: 6px;
	border-top: 1px solid var(--dd-s2);
	border-radius: 0 0 10px 10px;
	color: var(--dd-err) !important;
}
body.dd .dd-acc-logout .dd-i{
	color: var(--dd-err);
}
body.dd .dd-acc-logout:hover{
	background: var(--dd-err-soft);
}
/* επισκέπτης: «Σύνδεση» με κείμενο στο desktop (το .dd-acc-btn μηδενίζει το padding του avatar) */
body.dd .dd-acc-guest .dd-acc-btn{
	padding: 0 18px;
}
/* «Σύνδεση ή εγγραφή»: κύριο κουμπί στην κορυφή του μενού επισκέπτη */
body.dd .dd-acc-cta{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	margin-bottom: 6px;
	padding: 0 14px;
	border-radius: 10px;
	background: var(--dd-ink);
	color: var(--dd-s1) !important;
	font: 800 15px/1 var(--dd-sans);
	text-decoration: none !important;
}
body.dd .dd-acc-cta:hover{
	background: var(--dd-ink-hover);
}
/* γραμμή «Γλώσσα» μέσα στο μενού: όλη η γραμμή πατιέται (το κουμπί-σημαία την καλύπτει με ::after) */
body.dd .dd-acc-lang{
	position: relative;
	cursor: pointer;
}
body.dd .dd-acc-lang .f4c-lang{
	position: static;
	margin-left: auto;
}
body.dd .dd-acc-lang .f4c-lang-btn{
	width: 40px;
	height: 30px;
	border: 0;
	background: transparent;
}
body.dd .dd-acc-lang .f4c-lang-btn::after{
	content: "";
	position: absolute;
	inset: 0;
}
/* χωρίς «βύθισμα» στο πάτημα: με transform το κουμπί γίνεται containing block του ::after, η περιοχή
   μαζεύεται στη σημαία και το κλικ στη γραμμή χάνεται (πατιόταν μόνο η σημαία) */
body.dd .dd-acc-lang .f4c-lang-btn:active,
body.dd .dd-menu-lang .f4c-lang-btn:active{
	transform: none;
}
body.dd .dd-acc-lang .f4c-lang-list{
	top: calc(100% + 4px);
	right: 0;
	left: 0;
	min-width: 0;
	z-index: 8;
}
body.dd .dd-acc-mobile{
	display: none;
}
/* γλώσσα στη μπάρα (desktop) */
body.dd .dd-hdr-lang .f4c-lang-btn{
	width: 46px;
	height: 46px;
}
/* η σημαία στο κέντρο του κουτιού (το head.php της δίνει margin-bottom -5px, που την κατέβαζε) */
body.dd .dd-hdr-lang .f4c-lang-btn img{
	margin: 0;
}
body.dd.dd-home .dd-hdr-lang .f4c-lang-btn{
	border-color: transparent;
	background: rgba(255, 255, 255, .6);
}
body.dd .dd-hdr-lang .f4c-lang-list{
	z-index: 7;
	text-align: left;
}
/* αναζήτηση στη μπάρα κορυφής (head.php, td.dd-hdr-search): καταστήματα ή προϊόντα, ανάμεσα σε logo και διεύθυνση.
   Το logo και οι ενέργειες παίρνουν όσο πλάτος χρειάζονται (τα td έχουν inline width 33.3%), η αναζήτηση το υπόλοιπο. */
body.dd #top-bar tr > td:nth-child(2):has(+ td.dd-hdr-search){
	flex: 0 0 auto;
	width: auto !important;
}
body.dd #top-bar tr > td.dd-hdr-search{
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	align-items: center;
	min-width: 0;
	padding: 0 20px !important;
}
body.dd #top-bar tr > td.dd-hdr-search + td{
	flex: 0 0 auto;
	width: auto !important;
	margin-left: auto;
}
body.dd .dd-hdr-search > .search-field,
body.dd .dd-hdr-search > .f4c-stores-search{
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	max-width: 560px;
	height: 46px;
	margin: 0;
	padding: 0 18px;
	border: 1.5px solid transparent;
	border-radius: 10px;
	background: var(--dd-s2);
	box-shadow: none;
	color: var(--dd-muted);
	transition: border-color .15s ease, background .15s ease;
}
/* στο κλικ: λευκό μέσα, με περίγραμμα στο χρώμα του κουμπιού διεύθυνσης (--dd-s2) */
body.dd .dd-hdr-search > *:focus-within{
	border-color: var(--dd-s2);
	background: #FFFFFF;
}
body.dd .dd-hdr-search svg,
body.dd .dd-hdr-search i{
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	font-size: 16px;
	color: var(--dd-muted);
}
body.dd .dd-hdr-search input{
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: 0;
	color: var(--dd-ink);
	font: 600 15px/1 var(--dd-sans);
}
/* κινητό: logo και λογαριασμός στην πρώτη γραμμή, η αναζήτηση σε δική της γραμμή από κάτω, σε όλο το πλάτος·
   12px πάνω από logo / λογαριασμό (αλλιώς ακουμπούσαν στην άκρη), ανάμεσα στις γραμμές και κάτω από την αναζήτηση */
@media (max-width: 600px){
	body.dd #top-bar tr:has(> td.dd-hdr-search){
		flex-wrap: wrap;
		padding-top: 12px;
		row-gap: 12px;
	}
	body.dd #top-bar tr > td.dd-hdr-search{
		order: 3;
		flex: 1 0 100%;
		padding: 0 0 12px !important;
	}
	body.dd .dd-hdr-search > .search-field,
	body.dd .dd-hdr-search > .f4c-stores-search{
		max-width: none;
		height: 44px;
	}
}
/* #209: σελίδα καταστήματος στο κινητό — «πίσω» (‹) αριστερά, λογότυπο στο ακριβές κέντρο, λογαριασμός δεξιά, αναζήτηση από
   κάτω. Πρώτη γραμμή σε 3 στήλες 1fr auto 1fr, ώστε το λογότυπο να μένει στο κέντρο είτε δεξιά είναι το avatar είτε το
   «Σύνδεση». Το ‹ είναι μέσα στο πρώτο κελί (κρυφό αλλού, όπως και το ☰ του)· desktop και άλλες σελίδες όπως πριν. */
body.dd #top-bar .dd-hdr-back{
	display: none;
}
@media (max-width: 600px){
	body.dd.delivery-page #top-bar tr{
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		align-items: center;
		column-gap: 10px;
	}
	body.dd.delivery-page #top-bar tr > td:first-child{
		display: flex;
		align-items: center;
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
	}
	body.dd.delivery-page #top-bar tr > td:first-child .menu_link,
	body.dd.delivery-page #top-bar tr > td:first-child #notif_sign{
		display: none;
	}
	body.dd.delivery-page #top-bar .dd-hdr-back{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		padding: 0;
		border: 1px solid var(--dd-line);
		border-radius: var(--dd-r-md);
		background: #FFFFFF;
		color: var(--dd-ink);
		cursor: pointer;
	}
	body.dd.delivery-page #top-bar .dd-hdr-back svg{
		width: 20px;
		height: 20px;
	}
	body.dd.delivery-page #top-bar tr > td:nth-child(2){
		display: flex;
		align-items: center;
		justify-content: center;
		grid-column: 2;
		grid-row: 1;
	}
	body.dd.delivery-page #top-bar .store_catalogue{
		display: flex;
		align-items: center;
	}
	body.dd.delivery-page #top-bar #main_img.dd-logo{
		margin: 0;
	}
	body.dd.delivery-page #top-bar tr > td:last-child{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
	}
	body.dd.delivery-page #top-bar tr > td.dd-hdr-search{
		grid-column: 1 / -1;
		grid-row: 2;
	}
}
/* κινητό / tablet: όσο η αναζήτηση είναι ενεργή (πληκτρολόγιο ανοιχτό, head.php: body.dd-search-focus) η μπάρα κατηγοριών
   του καταστήματος κρύβεται — με ανοιχτό πληκτρολόγιο κολλούσε στη μέση της οθόνης. visibility (όχι display), ώστε να μη
   μετακινείται η σελίδα όταν κρύβεται / ξαναφαίνεται */
@media (max-width: 1023px){
	body.dd.dd-search-focus .category-strip{
		visibility: hidden;
		pointer-events: none;
	}
}
/* «Τα καλάθια σου» (dd_saved_carts): εικονίδιο καλαθιού με αριθμό δίπλα στη σημαία + λίστα μη σταλμένων καλαθιών */
body.dd .dd-carts{
	position: relative;
	flex: 0 0 auto;
}
body.dd .dd-hdr-cart{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--dd-s2);
	color: var(--dd-ink);
	cursor: pointer;
}
body.dd .dd-hdr-cart:hover{
	background: var(--dd-s3);
}
body.dd.dd-home .dd-hdr-cart{
	background: rgba(255, 255, 255, .6);
}
body.dd .dd-carts.is-open .dd-hdr-cart{
	box-shadow: 0 0 0 3px var(--dd-s1), 0 0 0 5px var(--dd-ink);
}
body.dd .dd-hdr-cart-count{
	position: absolute;
	top: -2px;
	right: -2px;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	border: 2px solid var(--dd-s1);
	border-radius: 999px;
	background: var(--dd-ink);
	color: var(--dd-brand);
	font: 800 11px/16px var(--dd-sans);
	text-align: center;
}
body.dd .dd-carts-menu{
	display: none;
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 7;
	width: 340px;
	max-height: min(70vh, 520px);
	overflow-y: auto;
	padding: 8px;
	border: 1px solid var(--dd-line);
	border-radius: 10px;
	background: #FFFFFF;
	box-shadow: var(--dd-shadow-lg);
	text-align: left;
	transform-origin: top right;
}
body.dd .dd-carts.is-open .dd-carts-menu{
	display: block;
	animation: dd-drop .18s ease-out;
}
body.dd .dd-carts-title{
	margin: 0 0 6px;
	padding: 10px 12px 12px;
	border-bottom: 1px solid var(--dd-s2);
	color: var(--dd-ink);
	font: 800 16px/1.2 var(--dd-display);
}
body.dd .dd-cart-row{
	display: flex;
	align-items: center;
	gap: 4px;
	border-radius: 10px;
}
body.dd .dd-cart-row:hover{
	background: var(--dd-brand-soft);
}
body.dd .dd-cart-row.is-busy{
	opacity: .5;
	pointer-events: none;
}
body.dd .dd-cart-go{
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 10px 4px 10px 10px;
	color: var(--dd-ink) !important;
	text-decoration: none !important;
}
body.dd .dd-cart-logo{
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	border-radius: 10px;
	background-color: var(--dd-s2);
	background-size: cover;
	background-position: center;
	color: var(--dd-muted);
}
body.dd .dd-cart-info{
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}
body.dd .dd-cart-info strong{
	overflow: hidden;
	font: 800 15px/1.2 var(--dd-sans);
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.dd .dd-cart-info small{
	color: var(--dd-muted);
	font: 600 13px/1.2 var(--dd-sans);
}
body.dd .dd-cart-cta{
	flex: 0 0 auto;
	padding: 7px 12px;
	border-radius: 10px;
	background: var(--dd-ink);
	color: var(--dd-s1);
	font: 800 13px/1 var(--dd-sans);
}
body.dd .dd-cart-del{
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin: 0 6px 0 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--dd-muted);
	cursor: pointer;
}
body.dd .dd-cart-del:hover{
	background: var(--dd-err-soft);
	color: var(--dd-err);
}
@media (max-width: 900px){
	/* και με :hover (ίδιος λόγος με το .dd-hero-locate: ο βασικός κανόνας περιλαμβάνει το :hover με max-width 360px) */
	body.dd .dd-hdr-addr,
	body.dd .dd-hdr-addr:hover{ max-width: 220px; }
	body.dd .dd-hdr-btn span{ display: none; }
	body.dd .dd-hdr-btn,
	body.dd .dd-acc-guest .dd-acc-btn{ width: 46px; padding: 0; }
}
@media (max-width: 600px){
	body.dd #top-bar tr{ min-height: 64px; gap: 10px; padding: 0 12px; }
	body.dd #top-bar #main_img.dd-logo{ height: 30px; }
	body.dd .dd-hdr-addr{ display: none; }
	/* κινητό: λογότυπο αριστερά, μενού πάνω δεξιά (με τη γλώσσα μέσα του) */
	body.dd .dd-hdr-lang{ display: none; }
	body.dd .dd-acc-mobile{ display: flex; }
	body.dd .dd-acc-menu{ width: min(280px, calc(100vw - 24px)); }
	body.dd #top-bar .menu_link,
	body.dd .dd-hdr-btn,
	body.dd .dd-hdr-avatar,
	body.dd .dd-hdr-cart{ width: 44px; height: 44px; }
	/* κινητό: η λίστα «Τα καλάθια σου» σε όλο το πλάτος (το κουμπί δεν είναι στην άκρη, δίπλα του είναι το avatar) */
	body.dd .dd-carts-menu{ position: fixed; top: 72px; right: 12px; left: 12px; width: auto; }
}

/* ---------------- κοινά στοιχεία ---------------- */
body.dd .dd-wrap{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 16px;
	box-sizing: border-box;
}
body.dd .dd-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 52px;
	padding: 0 24px;
	border: 0;
	border-radius: var(--dd-r-md);
	font: 800 16px/1 var(--dd-sans);
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	box-sizing: border-box;
}
body.dd .dd-btn-ink{
	background: var(--dd-ink);
	color: var(--dd-s1) !important;
}
body.dd .dd-btn-ink:hover{
	background: var(--dd-ink-hover);
}
body.dd .dd-btn-brand{
	background: var(--dd-brand);
	color: var(--dd-on-brand) !important;
}
body.dd .dd-btn-brand:hover{
	background: var(--dd-brand-hover);
}

/* ---------------- αρχική (doordrop_home.php) ---------------- */
body.dd .dd-home,
body.dd .dd-home *{
	box-sizing: border-box;
}
body.dd .dd-home{
	font-family: var(--dd-sans);
	color: var(--dd-ink);
}
body.dd .dd-home p{
	margin: 0;
	font-family: var(--dd-sans);
}
body.dd .dd-hero{
	background: var(--dd-brand);
	/* μόνο οριζόντιο κόψιμο (αιωρούμενα εικονίδια)· κάθετα ορατό, ώστε οι προτάσεις διεύθυνσης να βγαίνουν κάτω από το hero */
	overflow-x: clip;
	overflow-y: visible;
}
body.dd .dd-hero-inner{
	position: relative;
	display: flex;
	gap: 40px;
	min-height: 560px;
	padding-top: 56px;
	padding-bottom: 64px;
}
body.dd .dd-hero-copy{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 22px;
	width: 700px;
	max-width: 100%;
}
body.dd .dd-hero-title{
	margin: 0;
	color: var(--dd-ink);
	font: 800 68px/1.04 var(--dd-display);
	letter-spacing: -.03em;
	/* όλα κεφαλαία (όπως DoorDash)· το κείμενο στο HTML μένει πεζό για το λεξικό μετάφρασης */
	text-transform: uppercase;
}
body.dd .dd-hero-sub{
	max-width: 560px;
	color: var(--dd-ink);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
}
body.dd .dd-hero-search{
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
	padding: 8px;
	border-radius: 10px;
	background: #FFFFFF;
	box-shadow: var(--dd-shadow-lg);
}
body.dd .dd-hero-field{
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 12px;
	min-width: 0;
	height: 56px;
	padding: 0 12px;
	border-radius: 10px;
	color: var(--dd-muted) !important;
	font: 600 17px/1 var(--dd-sans);
	text-decoration: none !important;
	cursor: text;
}
body.dd .dd-hero-field .dd-i{
	width: 24px;
	height: 24px;
	color: var(--dd-ink);
}
body.dd .dd-hero-field-text{
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.dd .dd-hero-search.has-address .dd-hero-field{
	color: var(--dd-ink) !important;
	font-weight: 700;
	cursor: pointer;
}
/* με διεύθυνση: η διεύθυνση είναι κουμπί αλλαγής της (doordrop_home.php) */
body.dd .dd-hero-addr-edit{
	width: auto;
	margin: 0;
	border: 0;
	background: transparent;
	text-align: left;
}
body.dd .dd-hero-addr-edit:hover{
	background: var(--dd-s1);
}
body.dd .dd-hero-addr-edit .dd-hero-field-text{
	flex: 1 1 auto;
}
body.dd .dd-hero-addr-edit .dd-i-s{
	width: 18px;
	height: 18px;
	color: var(--dd-muted);
}
body.dd .dd-hero-locate,
body.dd .dd-hero-locate:hover{
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 8px;
	width: auto;
	min-height: 0;
	height: 56px;
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: 10px;
	background: var(--dd-s2);
	/* !important: το «Αλλαγή» έχει και .f4c-menu-change-address (head.php: color #fff !important) */
	color: var(--dd-ink) !important;
	font: 700 15px/1 var(--dd-sans);
	cursor: pointer;
}
body.dd .dd-hero-locate:hover{
	background: var(--dd-s3);
}
/* χωρίς διεύθυνση: πληκτρολόγηση απευθείας στο πεδίο του hero, προτάσεις από κάτω (doordrop_home.php) */
body.dd .dd-hero-input{
	position: relative;
}
body.dd .dd-hero-input:focus-within{
	box-shadow: inset 0 0 0 1.5px var(--dd-ink);
}
body.dd .dd-hero-input input[name=address1]{
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--dd-ink);
	font: 600 17px/1 var(--dd-sans);
}
body.dd .dd-hero-input input[name=address1]::placeholder{
	color: var(--dd-muted);
	opacity: 1;
}
body.dd .dd-hero-suggest{
	position: absolute !important;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	z-index: 20;
	max-height: 280px;
	margin: 0;
	padding: 6px 0;
	overflow-y: auto;
	list-style: none;
	border: 1px solid var(--dd-line) !important;
	border-radius: var(--dd-r-md);
	background: #FFFFFF !important;
	box-shadow: var(--dd-shadow-lg);
	color: var(--dd-ink);
	font: 500 15px/1.35 var(--dd-sans);
	cursor: default;
}
body.dd .dd-hero-suggest li.geoli:hover{
	background: var(--dd-s1);
}
body.dd .dd-hero-go{
	flex: 0 0 auto;
	height: 56px;
}
body.dd .dd-hero-note{
	color: var(--dd-ink);
	font-size: 15px;
	font-weight: 600;
}
body.dd .dd-hero-note a{
	color: var(--dd-ink) !important;
	text-decoration: underline !important;
	cursor: pointer;
}

/* αιωρούμενα εικονίδια / statuses δεξιά του hero */
body.dd .dd-hero-float{
	position: relative;
	flex: 1 1 auto;
	min-width: 560px;
	height: 500px;
}
body.dd .dd-fl{
	position: absolute;
	display: inline-flex;
}
body.dd .dd-bub{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #FFFFFF;
	color: var(--dd-ink);
	box-shadow: 0 16px 34px rgba(28, 26, 21, .16);
}
body.dd .dd-bub .dd-i{
	width: 34px;
	height: 34px;
	stroke-width: 1.8;
}
body.dd .dd-bub-lg{ width: 92px; height: 92px; }
body.dd .dd-bub-sm{ width: 60px; height: 60px; }
body.dd .dd-bub-sm .dd-i{ width: 26px; height: 26px; }
body.dd .dd-bub-sm2{ width: 68px; height: 68px; }
body.dd .dd-bub-dark{
	background: var(--dd-ink);
	color: var(--dd-brand);
}
body.dd .dd-st{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	padding: 0 16px 0 10px;
	border-radius: 10px;
	background: #FFFFFF;
	color: var(--dd-ink);
	font: 700 14px/1 var(--dd-sans);
	white-space: nowrap;
	box-shadow: 0 14px 30px rgba(28, 26, 21, .14);
}
body.dd .dd-st-ic{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
}
body.dd .dd-st-ic .dd-i{
	width: 14px;
	height: 14px;
	stroke-width: 2.6;
}
body.dd .dd-st-soft{ background: var(--dd-brand-soft); color: var(--dd-ink); }
body.dd .dd-st-ok{ background: var(--dd-ok); color: #FFFFFF; }
body.dd .dd-st-ink{ background: var(--dd-ink); color: var(--dd-brand); }
body.dd .dd-mini{
	align-items: center;
	gap: 12px;
	width: 290px;
	padding: 12px 16px 12px 12px;
	border-radius: 10px;
	background: #FFFFFF;
	box-shadow: 0 18px 40px rgba(28, 26, 21, .14);
}
body.dd .dd-mini b{
	display: block;
	font: 700 15px/1.3 var(--dd-sans);
}
body.dd .dd-mini small{
	display: block;
	color: var(--dd-muted);
	font: 500 13px/1.4 var(--dd-sans);
}
body.dd .dd-mini-ic{
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 10px;
	background: var(--dd-brand);
	color: var(--dd-ink);
}
body.dd .dd-mini-ic-soft{ background: var(--dd-s2); }
@keyframes dd-fy{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-16px); } }
@keyframes dd-fx{ 0%,100%{ transform: translateX(0); } 50%{ transform: translateX(16px); } }
@keyframes dd-fd{ 0%,100%{ transform: translate(0,0); } 50%{ transform: translate(-12px,12px); } }
@keyframes dd-fr{ 0%,100%{ transform: translateY(0) rotate(0deg); } 50%{ transform: translateY(12px) rotate(6deg); } }
body.dd .dd-a1{ animation: dd-fy 5s ease-in-out infinite; }
body.dd .dd-a2{ animation: dd-fx 6s ease-in-out infinite; }
body.dd .dd-a3{ animation: dd-fd 7s ease-in-out infinite; }
body.dd .dd-a4{ animation: dd-fr 5.5s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce){
	body.dd .dd-a1, body.dd .dd-a2, body.dd .dd-a3, body.dd .dd-a4{ animation: none; }
}

/* ενότητες αρχικής */
body.dd .dd-section{
	padding-top: 64px;
}
body.dd .dd-h2{
	margin: 0;
	color: var(--dd-ink);
	font: 800 32px/1.2 var(--dd-display);
}
body.dd .dd-section-sub{
	margin-top: 6px !important;
	color: var(--dd-muted);
	font-size: 16px;
}
body.dd .dd-cats{
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 16px;
	margin-top: 24px;
}
body.dd .dd-cat{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 20px 8px 18px;
	border: 1px solid var(--dd-line);
	border-radius: var(--dd-r-md);
	background: #FFFFFF;
	color: var(--dd-ink) !important;
	font: 700 15px/1.25 var(--dd-sans);
	text-align: center;
	text-decoration: none !important;
	transition: border-color .15s ease, transform .15s ease;
}
body.dd .dd-cat:hover{
	border-color: var(--dd-ink);
	transform: translateY(-2px);
}
body.dd .dd-cat-ic{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 10px;
	background: var(--dd-brand-soft);
	color: var(--dd-ink);
}
body.dd .dd-cat-ic .dd-i{
	width: 30px;
	height: 30px;
	stroke-width: 1.8;
}
body.dd .dd-steps{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin-top: 24px;
}
body.dd .dd-step{
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 28px;
	border-radius: var(--dd-r-lg);
	background: var(--dd-s2);
}
body.dd .dd-step h3{
	margin: 0;
	font: 700 22px/1.3 var(--dd-display);
}
body.dd .dd-step p{
	color: var(--dd-muted);
	font-size: 16px;
	line-height: 1.5;
}
body.dd .dd-step-n{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: var(--dd-ink);
	color: var(--dd-brand);
	font: 800 18px/1 var(--dd-display);
}
body.dd .dd-partner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 72px;
	padding: 48px 56px;
	border-radius: var(--dd-r-lg);
	background: var(--dd-ink);
}
body.dd .dd-partner h2{
	margin: 0 0 10px;
	color: #F4F1E4;
	font: 800 36px/1.15 var(--dd-display);
}
body.dd .dd-partner p{
	max-width: 620px;
	color: #A8A395;
	font-size: 18px;
	line-height: 1.5;
}
body.dd .dd-footer{
	margin-top: 72px;
	/* + safe area κάτω: το σκούρο footer φτάνει ως το τέλος της οθόνης (home indicator) */
	padding: 40px 0 calc(40px + env(safe-area-inset-bottom, 0px));
	background: var(--dd-ink);
}
body.dd .dd-footer-inner{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
body.dd .dd-footer-logo{
	height: 34px;
	width: auto;
}
body.dd .dd-footer nav{
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
}
body.dd .dd-footer nav a{
	color: #A8A395 !important;
	font: 600 14px/1.4 var(--dd-sans);
	text-decoration: none !important;
}
body.dd .dd-footer nav a:hover{
	color: #F4F1E4 !important;
}
@media (max-width: 1100px){
	body.dd .dd-hero-float{ display: none; }
	body.dd .dd-cats{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 700px){
	body.dd .dd-hero-inner{ min-height: 0; padding-top: 28px; padding-bottom: 32px; }
	body.dd .dd-hero{ border-radius: 0 0 10px 10px; }
	body.dd .dd-hero-title{ font-size: 44px; }
	body.dd .dd-hero-sub{ font-size: 16px; }
	body.dd .dd-hero-search{ flex-wrap: wrap; padding: 10px; }
	body.dd .dd-hero-field{ flex-basis: 100%; height: 52px; background: var(--dd-s1); font-size: 16px; }
	/* και με :hover: ο βασικός κανόνας έχει «.dd-hero-locate, .dd-hero-locate:hover» (flex 0 0 auto, 56px) και στο κινητό
	   το πάτημα ενεργοποιεί πρώτα το hover — το κουμπί μαζευόταν αριστερά (364px → 86px) και το κλικ χανόταν */
	body.dd .dd-hero-locate,
	body.dd .dd-hero-locate:hover{ flex: 1 1 auto; justify-content: center; height: 48px; }
	body.dd .dd-hero-go{ flex: 1 1 100%; height: 52px; order: 2; }
	body.dd .dd-hero-locate,
	body.dd .dd-hero-locate:hover{ order: 3; background: transparent; }
	body.dd .dd-section{ padding-top: 36px; }
	body.dd .dd-h2{ font-size: 24px; }
	body.dd .dd-cats{ gap: 16px 8px; margin-top: 18px; }
	body.dd .dd-cat{ padding: 0; border: 0; background: transparent; font-size: 13px; gap: 8px; }
	body.dd .dd-cat-ic{ width: 68px; height: 68px; border: 1px solid var(--dd-line); border-radius: 10px; background: #FFFFFF; }
	body.dd .dd-steps{ grid-template-columns: 1fr; gap: 12px; }
	body.dd .dd-step{ padding: 18px; }
	body.dd .dd-partner{ flex-direction: column; align-items: stretch; margin-top: 36px; padding: 24px; }
	body.dd .dd-partner h2{ font-size: 26px; }
	body.dd .dd-partner p{ font-size: 15px; }
	body.dd .dd-footer{ margin-top: 36px; }
}

/* ---------------- modal / φόρμες (f4c_modal.css) ---------------- */
body.dd .f4c-modal{
	background: rgba(28, 26, 21, .55) !important;
}
/* modal (σύνδεση, εγγραφή, διευθύνσεις κλπ) στο κέντρο της οθόνης: όταν ανοίγει (jQuery .show() → style display:block)
   γίνεται flex και η κάρτα κεντράρεται με margin:auto — αν είναι ψηλότερη από την οθόνη, ξεκινά από πάνω και κυλά
   (χωρίς να κόβεται). Εξαιρείται το modal φίλτρων: το head.js το κλείνει ελέγχοντας display == "block". */
body.dd .f4c-modal[style*="block"]:not(:has(.must_close_modal_parent_parent)){
	display: flex !important;
	flex-direction: column;
	padding: calc(16px + env(safe-area-inset-top, 0px)) 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
}
body.dd .f4c-modal[style*="block"]:not(:has(.must_close_modal_parent_parent)) > *{
	width: 100%;
	margin: auto;
}
body.dd .f4c-modal-card{
	border-radius: var(--dd-r-lg);
	background: var(--dd-s1);
	color: var(--dd-ink);
	box-shadow: 0 24px 70px rgba(28, 26, 21, .28);
}
body.dd .f4c-modal-card,
body.dd .f4c-modal-card *:not(i):not([class*="fa-"]):not(.f4c-modal-title){
	font-family: var(--dd-sans) !important;
}
body.dd .f4c-modal-card .f4c-modal-title{
	color: var(--dd-ink);
	font-family: var(--dd-display) !important;
	font-weight: 800;
	letter-spacing: -.02em;
}
body.dd .f4c-modal-close{
	background: var(--dd-s2);
	color: var(--dd-ink);
}
body.dd .f4c-modal-close:hover{
	background: var(--dd-s3);
}
body.dd .f4c-modal-text,
body.dd .f4c-switch{
	color: var(--dd-muted);
}
body.dd .f4c-modal-text a,
body.dd .f4c-muted a,
body.dd .f4c-switch a,
body.dd .f4c-field-action,
body.dd .f4c-link{
	color: var(--dd-ink) !important;
}
body.dd .f4c-muted{
	color: var(--dd-muted);
}
body.dd .f4c-switch{
	border-top-color: var(--dd-line);
}
body.dd .f4c-field{
	min-height: 56px;
	border: 1.5px solid transparent;
	border-radius: var(--dd-r-md);
	background: var(--dd-s2);
}
body.dd .f4c-field:focus-within{
	border-color: var(--dd-ink);
	background: #FFFFFF;
	box-shadow: none;
}
/* #165: πεδίο εγγραφής με σφάλμα (login.php f4c_dd_signup_result) — φεύγει μόλις ο πελάτης γράψει */
body.dd .f4c-field.dd-field-error,
body.dd .f4c-field.dd-field-error:focus-within{
	border-color: var(--dd-err);
}
body.dd .f4c-field > i{
	color: var(--dd-ink);
	font-size: 20px;
}
body.dd .f4c-field input,
body.dd .f4c-field select{
	height: 54px;
	color: var(--dd-ink);
	font-size: 17px;
}
body.dd .f4c-field textarea{
	color: var(--dd-ink);
}
body.dd .f4c-field input::placeholder,
body.dd .f4c-field textarea::placeholder{
	color: var(--dd-muted);
}
body.dd .f4c-field .autocomplete_section{
	border-color: var(--dd-line) !important;
	border-radius: var(--dd-r-md);
	box-shadow: var(--dd-shadow-lg);
}
body.dd .f4c-btn{
	min-height: 56px;
	border-color: var(--dd-ink);
	border-radius: var(--dd-r-md);
	background: var(--dd-ink);
	color: var(--dd-s1) !important;
	font-weight: 800;
}
body.dd .f4c-btn:hover{
	border-color: var(--dd-ink-hover);
	background: var(--dd-ink-hover);
}
body.dd .f4c-btn.is-disabled,
body.dd .f4c-btn.is-disabled:hover{
	border-color: var(--dd-line);
	background: var(--dd-s2);
	color: var(--dd-muted) !important;
}
body.dd .f4c-btn.f4c-btn-danger{
	border-color: var(--dd-err);
	background: var(--dd-err);
}
body.dd .f4c-btn.f4c-btn-light{
	border-color: var(--dd-line);
	background: #FFFFFF;
	color: var(--dd-ink) !important;
}
body.dd .f4c-btn.f4c-btn-light:hover{
	background: var(--dd-s2);
}
body.dd .f4c-address-list tr{
	border-color: var(--dd-line) !important;
	border-radius: var(--dd-r-md);
	background: #FFFFFF;
}
body.dd .f4c-address-select{
	border-radius: 10px;
	background: var(--dd-ink);
	color: var(--dd-s1) !important;
}
body.dd .f4c-address-select.is-selected,
body.dd .f4c-address-select.is-selected:hover{
	border-color: var(--dd-ink);
	background: var(--dd-brand);
	color: var(--dd-on-brand) !important;
}
/* διευθύνσεις πελάτη (home_address::dd_address_modal): compact γραμμές με radio */
body.dd .dd-addr-list{
	display: grid;
	gap: 8px;
	margin-top: 18px;
}
body.dd .dd-addr-row{
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0 6px;
	padding: 4px 6px 4px 4px;
	border: 1.5px solid var(--dd-line);
	border-radius: var(--dd-r-md);
	background: #FFFFFF;
	transition: border-color .18s ease, background-color .18s ease;
}
body.dd .dd-addr-row:hover{
	border-color: var(--dd-muted);
}
body.dd .dd-addr-row.is-selected{
	border-color: var(--dd-ink);
	background: var(--dd-brand-soft);
}
body.dd .dd-addr-pick{
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	margin: 0;
	padding: 10px 8px;
	cursor: pointer;
}
body.dd .dd-addr-pick input[type=radio]{
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin: 0;
	accent-color: var(--dd-ink);
	cursor: pointer;
}
body.dd .dd-addr-text{
	display: grid;
	gap: 2px;
	min-width: 0;
}
body.dd .dd-addr-line{
	overflow: hidden;
	color: var(--dd-ink);
	font: 700 15px/1.3 var(--dd-sans);
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.dd .dd-addr-meta{
	overflow: hidden;
	color: var(--dd-muted);
	font: 500 13px/1.3 var(--dd-sans);
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.dd .dd-addr-meta:empty{
	display: none;
}
body.dd .dd-addr-meta.is-missing{
	color: var(--dd-err);
}
body.dd .dd-addr-edit{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--dd-muted);
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
body.dd .dd-addr-edit:hover{
	background: var(--dd-s2);
	color: var(--dd-ink);
}
body.dd .dd-addr-edit:active{
	transform: scale(.92);
}
body.dd .dd-addr-edit .dd-i{
	width: 17px;
	height: 17px;
}
/* ✎ και κάδος (διαγραφή) δίπλα-δίπλα, στη δεξιά στήλη της γραμμής */
body.dd .dd-addr-actions{
	display: inline-flex;
	align-items: center;
	gap: 2px;
}
body.dd .dd-addr-del:hover{
	background: var(--dd-err-soft);
	color: var(--dd-err);
}
/* επιβεβαίωση (jquery-confirm με theme "light,dd", π.χ. διαγραφή διεύθυνσης): ίδια εμφάνιση με τα modals του doordrop */
body.dd .jconfirm.jconfirm-dd .jconfirm-bg{
	background-color: rgba(28, 26, 21, .45);
}
body.dd .jconfirm.jconfirm-dd .jconfirm-box{
	padding: 22px 22px 18px;
	border-radius: 10px;
	box-shadow: var(--dd-shadow-lg);
	font-family: var(--dd-sans);
}
body.dd .jconfirm.jconfirm-dd .jconfirm-box div.jconfirm-title-c{
	padding-bottom: 8px;
}
body.dd .jconfirm.jconfirm-dd .jconfirm-box div.jconfirm-title-c .jconfirm-title{
	color: var(--dd-ink);
	font: 800 20px/1.25 var(--dd-display);
}
body.dd .jconfirm.jconfirm-dd .jconfirm-box div.jconfirm-content{
	color: var(--dd-muted);
	font: 500 15px/1.45 var(--dd-sans);
}
body.dd .jconfirm.jconfirm-dd .jconfirm-box div.jconfirm-content b{
	color: var(--dd-ink);
}
body.dd .jconfirm.jconfirm-dd .jconfirm-box .jconfirm-buttons{
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	float: none;
	padding-top: 8px;
}
body.dd .jconfirm.jconfirm-dd .jconfirm-box .jconfirm-buttons button{
	margin: 0;
	min-height: 44px;
	padding: 0 18px;
	border: 0;
	border-radius: 10px;
	text-transform: none;
	letter-spacing: 0;
	font: 700 15px/1 var(--dd-sans);
}
body.dd .jconfirm.jconfirm-dd .jconfirm-box .jconfirm-buttons button.btn-default{
	background: var(--dd-s2);
	color: var(--dd-ink);
}
body.dd .jconfirm.jconfirm-dd .jconfirm-box .jconfirm-buttons button.btn-default:hover{
	background: var(--dd-s3);
}
body.dd .jconfirm.jconfirm-dd .jconfirm-box .jconfirm-buttons button.btn-red{
	background: var(--dd-err);
	color: #FFFFFF;
}
body.dd .dd-addr-row .f4c-addr-details-form{
	grid-column: 1 / -1;
	padding: 4px 6px 10px;
}
body.dd .dd-addr-row .f4c-addr-details-form .f4c-field{
	min-height: 48px;
	margin-top: 8px;
}
body.dd .dd-addr-row .f4c-addr-details-form .f4c-field input{
	height: 46px;
	font-size: 16px;
}
body.dd .dd-addr-row .f4c-addr-details-form .f4c-btn{
	min-height: 46px;
	margin-top: 10px;
}
/* «Προσθήκη νέας διεύθυνσης»: ίδιο πλάτος με τις γραμμές διευθύνσεων, ανοίγει το .dd-addr-add-modal */
body.dd .dd-addr-new{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 52px;
	margin: 8px 0 0;
	padding: 0 16px;
	border: 1.5px dashed var(--dd-muted);
	border-radius: var(--dd-r-md);
	background: transparent;
	color: var(--dd-ink);
	font: 700 15px/1 var(--dd-sans);
	cursor: pointer;
	transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
body.dd .dd-addr-new:hover{
	border-color: var(--dd-ink);
	background: #FFFFFF;
}
body.dd .dd-addr-new:active{
	transform: scale(.98);
}
body.dd .dd-addr-new .dd-i{
	width: 18px;
	height: 18px;
}
body.dd .dd-addr-add-modal .f4c-modal-card{
	max-width: 520px;
}
/* «Βρες την τοποθεσία μου» (με τον στόχο) στο κέντρο της γραμμής, στα παράθυρα διευθύνσεων */
body.dd .f4c-addr-form .f4c-addr-locate{
	display: flex;
	justify-content: center;
	width: 100%;
}
/* φόρμα διεύθυνσης (home_address::dd_detail_fields): όροφος | κουδούνι, κωδικός χώρας + τηλέφωνο, οδηγίες, τύπος */
body.dd .dd-field-pair{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}
body.dd .dd-field-pair .f4c-field{
	gap: 10px;
	margin-bottom: 0;
	padding: 0 14px;
}
body.dd .dd-addr-row .dd-field-pair .f4c-field{
	margin-top: 0;
}
body.dd .dd-addr-row .dd-field-pair{
	margin: 8px 0 0;
}
body.dd .dd-phone-field .dd-phone-country{
	flex: 0 0 auto;
	width: auto;
	height: 40px;
	padding: 0 6px;
	border: 0;
	border-radius: 10px;
	background: var(--dd-s1);
	color: var(--dd-ink);
	font: 700 14px/1 var(--dd-sans);
	cursor: pointer;
}
body.dd .dd-instructions-field textarea{
	min-height: 56px;
	font-size: 16px;
}
body.dd .dd-addr-row .dd-instructions-field{
	margin-top: 8px;
}
body.dd .dd-addr-row .dd-instructions-field textarea{
	font-size: 15px;
}
body.dd .dd-type-chips{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 16px;
}
body.dd .dd-addr-row .dd-type-chips{
	margin: 10px 0 0;
}
body.dd .dd-type-chip{
	position: relative;
	margin: 0;
	cursor: pointer;
}
body.dd .dd-type-chip input{
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
body.dd .dd-type-chip span{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 40px;
	padding: 0 14px;
	border: 1.5px solid var(--dd-line);
	border-radius: 10px;
	background: #FFFFFF;
	color: var(--dd-ink);
	font: 700 14px/1 var(--dd-sans);
	transition: background-color .18s ease, border-color .18s ease;
}
body.dd .dd-type-chip input:checked + span{
	border-color: var(--dd-ink);
	background: var(--dd-brand);
}
body.dd .dd-type-chip input:focus-visible + span{
	outline: 2px solid var(--dd-ink);
	outline-offset: 2px;
}
/* εικονίδιο τύπου (σπίτι / δουλειά / άλλο) αριστερά από τη διεύθυνση στη λίστα */
body.dd .dd-addr-type{
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: var(--dd-s2);
	color: var(--dd-ink);
	font-size: 15px;
}
/* «Οι παραγγελίες μου» (my_orders.php, doordrop): compact γραμμές, πάτημα → πλήρης παραγγελία */
body.dd .dd-order-row{
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 12px 14px;
	border: 1px solid var(--dd-line);
	border-radius: 10px;
	background: #FFFFFF;
	color: var(--dd-ink) !important;
	text-decoration: none !important;
	transition: border-color .18s ease, box-shadow .22s ease, transform .18s ease;
}
body.dd .dd-order-row:hover{
	border-color: var(--dd-ink);
	box-shadow: 0 12px 28px rgba(28, 26, 21, .08);
	transform: translateY(-2px);
}
body.dd .dd-order-row:active{
	transform: scale(.98);
}
body.dd .f4c-orders-list:has(.dd-order-row){
	grid-template-columns: minmax(0, 1fr);
	gap: 10px;
	max-width: 820px;
}
/* .dd-order-row μπροστά: ο «body.dd .f4c-store-logo» (60px, πιο κάτω στο αρχείο) κέρδιζε και το λογότυπο έπεφτε πάνω στο κείμενο */
body.dd .dd-order-row .dd-order-logo{
	width: 48px;
	height: 48px;
	margin: 0;
	border-width: 1px;
	border-color: var(--dd-line);
	border-radius: 10px;
	box-shadow: none;
}
body.dd .dd-order-main{
	display: grid;
	gap: 3px;
	min-width: 0;
}
body.dd .dd-order-top{
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
body.dd .dd-order-top b{
	overflow: hidden;
	font: 800 16px/1.25 var(--dd-display);
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.dd .dd-order-top .f4c-order-status{
	flex: 0 0 auto;
	margin: 0;
	padding: 3px 8px;
	font-size: 11px;
}
body.dd .dd-order-sub{
	color: var(--dd-muted);
	font: 600 12px/1.3 var(--dd-sans);
}
body.dd .dd-order-items{
	overflow: hidden;
	color: var(--dd-ink);
	font: 500 13px/1.35 var(--dd-sans);
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* #179: αιτία ακύρωσης κάτω από τα είδη */
body.dd .dd-order-cancel{
	color: var(--dd-err);
	font: 600 12px/1.35 var(--dd-sans);
	overflow-wrap: anywhere;
}
body.dd .dd-order-side{
	display: flex;
	align-items: center;
	gap: 10px;
	font: 800 15px/1 var(--dd-sans);
	white-space: nowrap;
}
body.dd .dd-order-side i{
	color: var(--dd-muted);
	font-size: 12px;
}
@media (max-width: 600px){
	body.dd .dd-order-row{
		grid-template-columns: 40px minmax(0, 1fr) auto;
		gap: 12px;
		padding: 10px 12px;
	}
	body.dd .dd-order-row .dd-order-logo{
		width: 40px;
		height: 40px;
		border-radius: 10px;
	}
	body.dd .dd-order-side i{
		display: none;
	}
}
body.dd .f4c-terms-body{
	border-color: var(--dd-line);
}
body.dd .f4c-error{
	background: var(--dd-err-soft);
	color: var(--dd-err);
}
body.dd .f4c-success{
	background: var(--dd-ok-soft);
	color: var(--dd-ok-ink);
}
body.dd .f4c-login-page{
	background: var(--dd-s1);
}
@media (max-width: 600px){
	/* στο κινητό τα modal ανοίγουν σαν sheet από κάτω */
	body.dd .f4c-modal-card{
		border-radius: 10px;
	}
}

/* ---------------- πλαϊνό μενού (head.php) ---------------- */
body.dd .menu-right-bar{
	/* κολλητά στην αριστερή άκρη και σε όλο το ύψος — χωρίς το κενό 12px/8px του αιωρούμενου μενού του head.php */
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	max-width: 100%;
	border-width: 0 1px 0 0 !important;
	border-color: var(--dd-line) !important;
	border-radius: 0 10px 10px 0;
	background: var(--dd-s1) !important;
	box-shadow: 0 24px 70px rgba(28, 26, 21, .28);
}
@media (max-width: 550px){
	body.dd .menu-right-bar{
		width: 100% !important;
		border-width: 0 !important;
		border-radius: 0;
	}
}
body.dd .menu-right-bar-con,
body.dd .f4c-menu .menu-right-bar-con{
	background: var(--dd-s1);
}
body.dd .f4c-menu,
body.dd .f4c-menu *:not(i):not([class*="fa-"]){
	font-family: var(--dd-sans) !important;
}
body.dd .f4c-menu-close{
	background: var(--dd-s2);
	color: var(--dd-ink) !important;
}
body.dd .f4c-menu-user,
body.dd .f4c-menu-item{
	border-color: var(--dd-line);
	background: #FFFFFF;
	color: var(--dd-ink) !important;
}
body.dd .f4c-menu-item:hover{
	background: var(--dd-brand-soft);
	box-shadow: none;
}
body.dd .f4c-menu-avatar{
	background-color: var(--dd-ink);
	color: var(--dd-brand) !important;
}
body.dd .f4c-menu-item-icon{
	background: var(--dd-brand-soft);
	color: var(--dd-ink);
}
body.dd .f4c-menu-address-box,
body.dd .f4c-menu-categories,
body.dd .f4c-lang-btn,
body.dd .f4c-lang-list{
	border-color: var(--dd-line);
}
body.dd .f4c-menu-categories a{
	border-bottom-color: var(--dd-s2);
}
body.dd .f4c-menu .f4c-menu-change-address{
	background: var(--dd-ink);
	color: var(--dd-s1);
}
body.dd .f4c-menu .f4c-menu-change-address:hover{
	background: var(--dd-ink-hover);
}
/* γραμμή «Γλώσσα» του μενού λογαριασμού: όλη η γραμμή πατιέται (το κουμπί-σημαία την καλύπτει με ::after) */
body.dd .dd-menu-lang{
	position: relative;
	cursor: pointer;
}
body.dd .dd-menu-lang .f4c-lang{
	position: static;
	margin-left: auto;
}
body.dd .dd-menu-lang .f4c-lang-btn{
	width: 40px;
	height: 32px;
	border: 0;
	background: transparent;
}
body.dd .dd-menu-lang .f4c-lang-btn::after{
	content: "";
	position: absolute;
	inset: 0;
}
body.dd .dd-menu-lang .f4c-lang-list{
	top: calc(100% + 6px);
	right: 0;
	left: 0;
	min-width: 0;
}
body.dd .f4c-menu-logout{
	color: var(--dd-err) !important;
}
body.dd .f4c-lang-list a:hover,
body.dd .f4c-lang-list a.is-current{
	background: var(--dd-s2);
}

/* ---------------- σελίδα καταστημάτων (stores / areas, f4c_stores.css) ---------------- */
body.dd .f4c-stores-page,
body.dd .f4c-stores-hero.f4c-hero-plain{
	background: var(--dd-s1);
}
body.dd .f4c-hero-plain .f4c-stores-hero-overlay{
	padding: 118px 0 26px;
}
body.dd .f4c-stores-hero h1,
body.dd .f4c-hero-plain h1{
	color: var(--dd-ink);
	font: 800 36px/1.15 var(--dd-display);
	letter-spacing: -.02em;
}
/* #199: «Κωδικός Παραγγελίας: #…» — ο κωδικός δίπλα στον τίτλο (σε κινητό από κάτω, βλ. @media 600px) */
body.dd .f4c-hero-plain h1 .dd-h1-code{
	white-space: nowrap;
}
body.dd .f4c-hero-plain .f4c-stores-address{
	margin-top: 8px;
	color: var(--dd-muted);
}
body.dd .f4c-hero-plain .f4c-stores-address b{
	color: var(--dd-ink);
}
body.dd .f4c-hero-plain .f4c-stores-address > i{
	color: var(--dd-ink);
}
/* διεύθυνση + «Αλλαγή» πάντα σε μία σειρά: η διεύθυνση κόβεται με … αντί να κατεβαίνει το κουμπί */
body.dd .f4c-hero-plain .f4c-stores-address{
	flex-wrap: nowrap;
	min-width: 0;
}
body.dd .f4c-hero-plain .f4c-stores-address > span{
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.dd .f4c-hero-plain .f4c-stores-address > i,
body.dd .f4c-hero-plain .f4c-stores-address > .f4c-stores-change,
body.dd .f4c-hero-plain .f4c-stores-address > .f4c-stores-change-area{
	flex: 0 0 auto;
}
@media (max-width: 600px){
	body.dd .f4c-hero-plain .f4c-stores-address{
		gap: 8px;
		font-size: 14px;
	}
	body.dd .f4c-hero-plain .f4c-stores-change,
	body.dd .f4c-hero-plain .f4c-stores-change-area{
		min-height: 30px;
		padding: 4px 12px;
		font-size: 12px;
	}
}
body.dd .f4c-hero-plain .f4c-stores-change,
body.dd .f4c-hero-plain .f4c-stores-change-area{
	background: var(--dd-s2);
	color: var(--dd-ink) !important;
	font-weight: 800;
}
body.dd .f4c-hero-plain .f4c-stores-change:hover,
body.dd .f4c-hero-plain .f4c-stores-change-area:hover{
	background: var(--dd-s3);
}
body.dd .f4c-stores-toolbar{
	margin-top: 0;
	padding: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
body.dd .f4c-stores-search.f4c-field{
	border-color: var(--dd-line);
	background: #FFFFFF;
	border-radius: 10px;
}
body.dd .f4c-stores-search.f4c-field:focus-within{
	border-color: var(--dd-ink);
}
body.dd .f4c-stores-filter-btn{
	border-color: var(--dd-ink);
	border-radius: 10px;
	background: var(--dd-ink);
	color: var(--dd-s1);
	font-family: var(--dd-sans);
	font-weight: 800;
}
body.dd .f4c-stores-filter-btn:hover{
	background: var(--dd-ink-hover);
}
body.dd .f4c-filter-count{
	background: var(--dd-brand);
	color: var(--dd-on-brand);
}
/* διακόπτης προβολής καταστημάτων: πλέγμα / λίστα (f4c_store_list::render_toolbar) */
body.dd .dd-view-toggle{
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 2px;
	padding: 4px;
	border: 1px solid var(--dd-line);
	border-radius: 10px;
	background: #FFFFFF;
}
body.dd .dd-view-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--dd-muted);
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease;
}
body.dd .dd-view-btn:hover{
	color: var(--dd-ink);
}
body.dd .dd-view-btn.is-active{
	background: var(--dd-ink);
	color: var(--dd-s1);
}
body.dd .dd-view-btn .dd-i{
	width: 20px;
	height: 20px;
}
/* προβολή λίστας: ένα κατάστημα ανά γραμμή — εξώφυλλο αριστερά, όνομα / κατηγορίες / διεύθυνση / χρόνος & ελάχιστη δεξιά */
body.dd .f4c-stores-grid.dd-list-view{
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
}
body.dd .dd-list-view .f4c-store-card{
	display: grid;
	grid-template-columns: 148px minmax(0, 1fr);
	grid-template-rows: auto auto 1fr;
	align-items: start;
	gap: 6px 16px;
	padding: 12px;
}
body.dd .dd-list-view .f4c-store-card > *:not(.f4c-store-cover){
	margin: 0;
}
body.dd .dd-list-view .f4c-store-cover{
	grid-column: 1;
	grid-row: 1 / 4;
	align-self: stretch;
	height: auto;
	min-height: 104px;
	border-radius: 10px;
}
/* στη λίστα δεν χωράει δίπλα στην ♡ της μικρής φωτογραφίας· τα κλειστά έχουν ήδη «Κλειστό τώρα» */
body.dd .dd-list-view .f4c-store-open{
	display: none;
}
body.dd .dd-list-view .f4c-store-cover .dd-fav{
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}
body.dd .dd-list-view .f4c-store-head{
	grid-column: 2;
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
	margin-top: 0;
}
body.dd .dd-list-view .f4c-store-logo{
	display: none;
}
body.dd .dd-list-view .f4c-store-name{
	font-size: 17px;
}
body.dd .dd-list-view .f4c-store-badge{
	position: static;
	flex: 0 0 auto;
	margin-left: auto;
	padding: 4px 10px;
	font-size: 11px;
}
body.dd .dd-list-view .f4c-store-address{
	grid-column: 2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.dd .dd-list-view .f4c-store-meta{
	grid-column: 2;
	padding-top: 0;
	border-top: 0;
}
body.dd .dd-list-view .f4c-store-tags{
	display: none;
}
@media (max-width: 600px){
	body.dd .f4c-stores-toolbar{ flex-wrap: nowrap; }
	body.dd .dd-view-btn{ width: 38px; height: 38px; }
	body.dd .dd-list-view .f4c-store-card{ grid-template-columns: 104px minmax(0, 1fr); gap: 4px 12px; padding: 10px; }
	body.dd .dd-list-view .f4c-store-cover{ min-height: 92px; }
	body.dd .dd-list-view .f4c-store-name{ font-size: 16px; }
	body.dd .dd-list-view .f4c-store-address{ display: none; }
}
/* κατηγορίες: εικονίδιο σε πλακίδιο, ενεργή κατηγορία κίτρινη */
body.dd .f4c-catbar{
	margin-top: 20px;
}
body.dd .f4c-cat{
	border-color: var(--dd-line);
	border-radius: 10px;
	background: #FFFFFF;
	font-family: var(--dd-sans);
}
body.dd .f4c-cat:hover{
	border-color: var(--dd-ink);
	box-shadow: none;
}
body.dd .f4c-cat-icon{
	border-radius: 10px;
	background: var(--dd-brand-soft);
	color: var(--dd-ink);
}
body.dd .f4c-cat-name{
	color: var(--dd-ink);
}
body.dd .f4c-cat-sub{
	color: var(--dd-muted);
}
body.dd .f4c-cat.is-active{
	border-color: var(--dd-brand);
	background: var(--dd-brand);
}
body.dd .f4c-cat.is-active .f4c-cat-icon{
	background: var(--dd-ink);
	color: var(--dd-brand);
}
body.dd .f4c-cat.is-active .f4c-cat-sub{
	color: var(--dd-ink);
}
body.dd .f4c-catbar + .f4c-stores-grid{
	margin-top: 20px;
}
body.dd .f4c-stores-grid{
	gap: 24px;
}
/* κάρτα καταστήματος: εξώφυλλο, λογότυπο που «πατάει» στο εξώφυλλο, στοιχεία σε μία γραμμή */
body.dd .f4c-store-card{
	position: relative;
	gap: 10px;
	padding: 0 0 16px;
	overflow: hidden;
	border: 1px solid var(--dd-line);
	border-radius: 10px;
	background: #FFFFFF;
	color: var(--dd-ink) !important;
	font-family: var(--dd-sans);
}
body.dd .f4c-store-card:hover{
	box-shadow: 0 18px 40px rgba(28, 26, 21, .10);
}
body.dd .f4c-store-card > *:not(.f4c-store-cover){
	margin-left: 16px;
	margin-right: 16px;
}
body.dd .f4c-store-cover{
	position: relative;
	display: block;
	height: 168px;
	background-color: var(--dd-s3);
	background-size: cover;
	background-position: center;
}
body.dd .f4c-store-cover.is-empty{
	background-image: repeating-linear-gradient(135deg, rgba(28,26,21,.05) 0 10px, transparent 10px 20px);
}
/* ♡ αγαπημένο (f4c_store_list::favorite_button): πάνω δεξιά στο εξώφυλλο της κάρτας και στο hero του καταστήματος */
body.dd .dd-fav{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	color: var(--dd-ink);
	box-shadow: 0 4px 12px rgba(28, 26, 21, .14);
	cursor: pointer;
	transition: transform .18s ease, background-color .18s ease, color .18s ease;
}
body.dd .f4c-store-cover .dd-fav{
	position: absolute;
	top: 10px;
	right: 10px;
}
body.dd .dd-fav:hover{
	transform: scale(1.08);
}
body.dd .dd-fav:active{
	transform: scale(.9);
}
body.dd .dd-fav .dd-i{
	width: 19px;
	height: 19px;
}
body.dd .dd-fav.is-on{
	color: #E0245E;
}
body.dd .dd-fav.is-on .dd-i{
	fill: currentColor;
	animation: dd-heart .32s ease;
}
body.dd .dd-fav.is-busy{
	opacity: .6;
	pointer-events: none;
}
@keyframes dd-heart{ 0%{ transform: scale(1); } 45%{ transform: scale(1.3); } 100%{ transform: scale(1); } }
/* ★ μέσος όρος αξιολογήσεων (doordrop_theme::rating_badge) */
body.dd .dd-rating{
	display: inline-flex;
	align-items: center;
	gap: 3px;
	margin-left: 8px;
	vertical-align: 2px;
	color: var(--dd-ink);
	font: 700 13px/1 var(--dd-sans);
	white-space: nowrap;
}
body.dd .dd-rating .dd-i{
	width: 14px;
	height: 14px;
	color: #E8A317;
	fill: currentColor;
}
body.dd .dd-rating small{
	color: var(--dd-muted);
	font-weight: 600;
}
/* κάρτα καταστήματος (πλέγμα & λίστα): όνομα και ★ στην ίδια ευθεία — το μακρύ όνομα κόβεται με «…», η ★ μένει ορατή */
body.dd .f4c-store-card .f4c-store-name{
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
body.dd .f4c-store-card .f4c-store-name > .notranslate{
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.dd .f4c-store-card .f4c-store-name .dd-rating{
	flex: 0 0 auto;
	margin-left: 0;
	vertical-align: 0;
}
/* hero καταστήματος (σκούρο φόντο): ★ και ♡ σε ανοιχτό «χάπι» δίπλα στο badge κατηγορίας */
body.dd .dd-rating.dd-rating-hero{
	min-height: 32px;
	margin-left: 0;
	padding: 0 12px;
	border-radius: 10px;
	background: rgba(255, 255, 255, .92);
	vertical-align: middle;
}
/* #181: το ★ του hero ανοίγει τις «Αξιολογήσεις» — κουμπί χωρίς δικό του στυλ, το «χάπι» μένει ίδιο */
body.dd .dd-rating-open{
	display: inline-flex;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: none;
	cursor: pointer;
	vertical-align: middle;
}
body.dd .dd-rating-open:hover .dd-rating-hero{
	background: #FFFFFF;
}
body.dd .dd-rating-open:focus-visible{
	outline: 2px solid var(--dd-brand);
	outline-offset: 2px;
}
/* #181: παράθυρο «Αξιολογήσεις» — μέσος όρος + κατανομή, λίστα σχολίων */
body.dd .dd-rv-summary{
	display: flex;
	align-items: center;
	gap: 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--dd-line);
}
body.dd .dd-rv-score{
	display: grid;
	justify-items: center;
	gap: 4px;
	flex: 0 0 auto;
}
body.dd .dd-rv-score b{
	color: var(--dd-ink);
	font: 800 36px/1 var(--dd-display);
}
body.dd .dd-rv-score small{
	color: var(--dd-muted);
	font: 600 12px/1.2 var(--dd-sans);
	white-space: nowrap;
}
body.dd .dd-rv-bars{
	display: grid;
	gap: 5px;
	flex: 1 1 auto;
	min-width: 0;
}
body.dd .dd-rv-bar{
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--dd-muted);
	font: 600 11px/1 var(--dd-sans);
}
body.dd .dd-rv-bar i{
	flex: 1 1 auto;
	height: 6px;
	overflow: hidden;
	border-radius: 3px;
	background: var(--dd-s2);
}
body.dd .dd-rv-bar em{
	display: block;
	height: 100%;
	border-radius: 3px;
	background: #E8A317;
}
body.dd .dd-rv-stars{
	display: inline-flex;
	gap: 1px;
}
body.dd .dd-rv-star .dd-i{
	width: 13px;
	height: 13px;
	color: var(--dd-line);
	fill: currentColor;
}
body.dd .dd-rv-star.is-on .dd-i{
	color: #E8A317;
}
body.dd .dd-rv-list{
	display: grid;
}
body.dd .dd-rv-item{
	display: grid;
	gap: 4px;
	padding: 12px 0;
	border-bottom: 1px solid var(--dd-line);
}
body.dd .dd-rv-item:last-child{
	border-bottom: 0;
}
body.dd .dd-rv-head{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
}
body.dd .dd-rv-head b{
	color: var(--dd-ink);
	font: 700 14px/1.3 var(--dd-sans);
}
body.dd .dd-rv-head span{
	flex: 0 0 auto;
	color: var(--dd-muted);
	font: 600 12px/1.3 var(--dd-sans);
}
body.dd .dd-rv-item p{
	margin: 0;
	color: var(--dd-ink);
	font: 500 14px/1.45 var(--dd-sans);
	white-space: pre-line;
	overflow-wrap: anywhere;
}
body.dd .dd-rv-empty{
	padding: 16px 0 4px;
	color: var(--dd-muted);
	font: 600 13px/1.4 var(--dd-sans);
	text-align: center;
}
/* hero καταστήματος: «Delivery · 10 λεπτά» (εκτιμώμενος χρόνος users_agro.atime), ίδιο «χάπι» με το ★ */
body.dd .dd-eta-hero{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 32px;
	padding: 0 12px;
	border-radius: 10px;
	background: rgba(255, 255, 255, .92);
	color: var(--dd-ink);
	font: 700 13px/1 var(--dd-sans);
	white-space: nowrap;
	vertical-align: middle;
}
body.dd .dd-eta-hero svg{
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
}
/* ♡ στη σελίδα καταστήματος: πάνω δεξιά, δίπλα στο ⓘ (.hero-tools), με το ίδιο σχήμα/μέγεθος */
body.dd .hero-tools .dd-fav.dd-fav-hero{
	width: 46px;
	height: 38px;
	border: 1px solid rgba(255, 255, 255, .58);
	border-radius: var(--radius);
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 8px 24px rgba(17, 24, 39, .18);
	backdrop-filter: blur(12px);
}
/* hero καταστήματος (doordrop): λογότυπο → όνομα → περιγραφή → pills (κατηγορία, ★, Delivery · χρόνος) → κουμπιά.
   Αλλάζει μόνο η σειρά εμφάνισης (order)· το HTML μένει ίδιο με το food4cook */
body.dd.delivery-page .hero-copy{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
body.dd.delivery-page .hero-copy > .hero-store-logo{ order: 0; }
body.dd.delivery-page .hero-copy > h1{ order: 1; }
body.dd.delivery-page .hero-copy > p{ order: 2; }
body.dd.delivery-page .hero-copy > .eyebrow-row{
	order: 3;
	margin: 10px 0 4px;
}
body.dd.delivery-page .hero-copy > .closed-notice{ order: 4; }
body.dd.delivery-page .hero-copy > .hero-actions{ order: 5; }
/* ενότητες στη λίστα καταστημάτων: «Αγαπημένα» πρώτα, «Όλα τα καταστήματα» από κάτω (f4c_store_list::render_section_title) */
body.dd .dd-stores-section{
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 -8px;
}
body.dd .dd-stores-section ~ .dd-stores-section{
	margin-top: 16px;
	padding-top: 24px;
	border-top: 1px solid var(--dd-line);
}
body.dd .dd-stores-section h2{
	margin: 0;
	color: var(--dd-ink);
	font: 800 22px/1.2 var(--dd-display);
	letter-spacing: -.01em;
}
body.dd .dd-stores-section .dd-i{
	width: 22px;
	height: 22px;
	color: var(--dd-ink);
}
body.dd .dd-stores-section.is-fav .dd-i{
	color: #E0245E;
	fill: currentColor;
}
/* «Ανοιχτά Καταστήματα N» / «Κλειστά Καταστήματα N» και «Δείτε όλα τα κλειστά καταστήματα» (stores.php) */
body.dd .dd-stores-count{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 26px;
	margin-left: 4px;
	padding: 0 9px;
	border-radius: 10px;
	background: var(--dd-s2);
	color: var(--dd-ink);
	font: 800 14px/1 var(--dd-sans);
	letter-spacing: 0;
	vertical-align: 3px;
}
body.dd .dd-stores-section.is-closed .dd-i{
	color: var(--dd-muted);
}
body.dd .dd-closed-more{
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 52px;
	padding: 0 18px;
	border: 1.5px solid var(--dd-line);
	border-radius: var(--dd-r-md);
	background: #FFFFFF;
	color: var(--dd-ink);
	font: 700 15px/1.2 var(--dd-sans);
	cursor: pointer;
	transition: border-color .18s ease, transform .18s ease;
}
body.dd .dd-closed-more:hover{
	border-color: var(--dd-ink);
}
body.dd .dd-closed-more:active{
	transform: scale(.99);
}
body.dd .dd-closed-more .dd-i{
	width: 18px;
	height: 18px;
}
body.dd .f4c-store-card.dd-closed-hidden{
	display: none !important;
}
/* σελίδα καταστήματος: «Δες τα μη διαθέσιμα (N)» στο τέλος της κατηγορίας (menu/delivery.php)· ίδιο κουμπί με τα κλειστά
   καταστήματα. Σε αναζήτηση/φίλτρο (body.dd-filtering) φαίνονται όσα ταιριάζουν και το κουμπί κρύβεται. */
body.dd .dd-unavail-more svg{
	width: 18px;
	height: 18px;
}
body.dd:not(.dd-filtering) .product-card.dd-unavail-hidden,
body.dd.dd-filtering .dd-unavail-more{
	display: none !important;
}
/* κατηγορία «Αγαπημένα» στη μπάρα κατηγοριών */
body.dd .f4c-cat-fav .f4c-cat-icon{
	color: #E0245E;
}
body.dd .f4c-store-open{
	position: absolute;
	top: 12px;
	left: 12px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 28px;
	padding: 0 12px;
	border-radius: 10px;
	background: #FFFFFF;
	color: var(--dd-ink);
	font: 700 12px/1 var(--dd-sans);
}
body.dd .f4c-store-open::before{
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--dd-ok);
}
body.dd .f4c-store-card.is-closed{
	opacity: 1;
}
body.dd .f4c-store-card.is-closed .f4c-store-cover{
	filter: grayscale(1);
	opacity: .55;
}
body.dd .f4c-store-head{
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	margin-top: -38px;
}
body.dd .f4c-store-logo{
	position: relative;
	width: 60px;
	height: 60px;
	border: 3px solid #FFFFFF;
	border-radius: 10px;
	background-color: var(--dd-s1);
	box-shadow: 0 6px 16px rgba(28, 26, 21, .14);
	color: var(--dd-ink);
}
body.dd .f4c-store-title{
	width: 100%;
}
body.dd .f4c-store-name{
	color: var(--dd-ink);
	font: 700 19px/1.25 var(--dd-display);
}
body.dd .f4c-store-cats{
	color: var(--dd-muted);
	font-size: 14px;
}
/* περιγραφή καταστήματος (users_agro.info, f4c_store_list::render_cards) σε μία γραμμή, όπως το σλόγκαν του Wolt */
body.dd .dd-store-desc{
	margin: 2px 0 0;
	overflow: hidden;
	color: var(--dd-muted);
	font: 500 13px/1.35 var(--dd-sans);
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* κόστος αποστολής στην κάρτα: «🛵 Δωρεάν» / «🛵 1,00€» */
body.dd .dd-stat-fee .f4c-store-stat-value{
	white-space: nowrap;
}
body.dd .f4c-store-badge{
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 6px 12px;
	background: var(--dd-ink);
	color: #F4F1E4;
}
body.dd .f4c-store-address{
	color: var(--dd-muted);
	font-size: 13px;
}
body.dd .f4c-store-address i{
	color: var(--dd-muted);
}
body.dd .f4c-store-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
	padding-top: 12px;
	border-top: 1px solid var(--dd-line);
}
body.dd .f4c-store-stat{
	padding: 0;
	background: transparent;
}
body.dd .f4c-store-stat-label{
	display: none;
}
body.dd .f4c-store-stat-value{
	margin: 0;
	color: var(--dd-ink);
	font-size: 14px;
	font-weight: 800;
}
body.dd .f4c-store-tags span{
	border-color: var(--dd-line);
	background: var(--dd-s1);
	color: var(--dd-ink);
}
body.dd .f4c-stores-empty{
	border: 1px solid var(--dd-line);
	border-radius: var(--dd-r-lg);
	background: #FFFFFF;
}
body.dd .f4c-stores-empty-icon{
	background: var(--dd-brand-soft);
	color: var(--dd-ink);
}
body.dd .f4c-stores-empty h3{
	font-family: var(--dd-display);
	font-weight: 800;
}
body.dd .f4c-stores-empty p{
	color: var(--dd-muted);
}
body.dd .f4c-stores-loader{
	background: rgba(251, 249, 239, .6);
}
body.dd .f4c-stores-loader span{
	border-color: var(--dd-line);
	border-top-color: var(--dd-ink);
}
/* chips (φίλτρα, καρτέλες παραγγελιών) */
body.dd .f4c-chip span{
	border-color: var(--dd-line);
	background: #FFFFFF;
	color: var(--dd-ink);
	font-family: var(--dd-sans);
}
body.dd .f4c-chip:hover span{
	border-color: var(--dd-ink);
}
body.dd .f4c-chip input:checked + span{
	border-color: var(--dd-ink);
	background: var(--dd-ink);
	color: var(--dd-s1);
}
body.dd .f4c-filter-section{
	border-top-color: var(--dd-line);
}
body.dd .f4c-filter-actions{
	border-top-color: var(--dd-line);
	background: var(--dd-s1);
}
body.dd .f4c-filter-clear{
	color: var(--dd-ink);
}
/* πόλεις (areas) */
body.dd .f4c-city{
	border-color: var(--dd-line);
	background: #FFFFFF;
}
body.dd .f4c-city:hover{
	border-color: var(--dd-ink);
}
@media (max-width: 600px){
	body.dd .f4c-hero-plain .f4c-stores-hero-overlay{ padding: 104px 0 18px; }
	body.dd .f4c-stores-hero h1,
	body.dd .f4c-hero-plain h1{ font-size: 26px; }
	body.dd .f4c-hero-plain h1 .dd-h1-code{ display: block; } /* #199 */
	body.dd .f4c-store-cover{ height: 150px; }
	body.dd .f4c-cat{ min-height: 56px; padding: 8px 14px 8px 8px; }
	body.dd .f4c-cat-icon{ width: 38px; height: 38px; font-size: 17px; }
}

/* ---------------- αξιολόγηση παραγγελίας (view_customer_order + «Οι παραγγελίες μου») ---------------- */
body.dd .dd-rate-hint,
body.dd .dd-rate-thanks{
	margin: 0 0 14px;
	color: var(--dd-muted);
	font: 500 14px/1.45 var(--dd-sans);
}
body.dd .dd-rate-thanks{
	margin: 10px 0 0;
}
body.dd .dd-rate-stars{
	display: flex;
	gap: 6px;
	margin: 0 0 16px;
}
body.dd .dd-rate-star{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--dd-line);
	line-height: 0;
}
body.dd button.dd-rate-star{
	width: 48px;
	height: 48px;
	border-radius: 10px;
	cursor: pointer;
	transition: transform .15s ease, color .15s ease, background-color .15s ease;
}
body.dd button.dd-rate-star:hover{
	background: var(--dd-s2);
}
body.dd button.dd-rate-star:active{
	transform: scale(.88);
}
body.dd .dd-rate-star .dd-i{
	width: 36px;
	height: 36px;
	fill: currentColor;
	stroke: none;
}
body.dd .dd-rate-stars.is-readonly .dd-i{
	width: 28px;
	height: 28px;
}
body.dd .dd-rate-star.is-on{
	color: #E8A317;
}
body.dd .dd-rate-comment{
	margin: 0;
	color: var(--dd-ink);
	font: 500 15px/1.45 var(--dd-sans);
}
body.dd .dd-rate-field{
	align-items: stretch;
	padding: 4px 6px;
}
body.dd .dd-rate-field textarea{
	width: 100%;
	min-height: 84px;
	padding: 10px;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--dd-ink);
	font: 500 15px/1.4 var(--dd-sans);
	resize: vertical;
}
body.dd .dd-rate .f4c-btn{
	margin-top: 14px;
}
body.dd .dd-rate .dd-rate-msg{
	margin-top: 10px;
}
/* γραμμή παραγγελίας: «★ Αξιολόγησε» ή τα αστέρια που δόθηκαν */
body.dd .dd-order-rate{
	display: inline-flex;
	align-items: center;
	justify-self: start;
	gap: 5px;
	margin-top: 4px;
	padding: 5px 10px;
	border-radius: 10px;
	background: var(--dd-brand-soft);
	color: var(--dd-ink);
	font: 800 12px/1 var(--dd-sans);
	transition: background-color .18s ease;
}
body.dd .dd-order-rate:hover{
	background: var(--dd-brand);
}
body.dd .dd-order-rate .dd-i{
	width: 13px;
	height: 13px;
	color: #E8A317;
	fill: currentColor;
}
body.dd .dd-order-rated{
	display: inline-flex;
	gap: 1px;
	margin-top: 4px;
}
body.dd .dd-order-rated .dd-i{
	width: 14px;
	height: 14px;
	fill: currentColor;
	stroke: none;
}

/* ---------------- οι παραγγελίες μου / προβολή παραγγελίας / προφίλ ---------------- */
body.dd .f4c-orders-tabs{
	display: inline-flex;
	gap: 4px;
	padding: 4px;
	border-radius: var(--dd-r-md);
	background: var(--dd-s2);
}
body.dd .f4c-orders-tabs .f4c-chip span{
	min-height: 42px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--dd-muted);
	font-weight: 700;
}
body.dd .f4c-orders-tabs .f4c-chip input:checked + span{
	background: #FFFFFF;
	color: var(--dd-ink);
	font-weight: 800;
	box-shadow: 0 2px 6px rgba(28, 26, 21, .08);
}
/* σελίδα παραγγελίας / αναμονής (view_customer_order, checkout_table_tsiros): χωρίς το -30px του f4c_stores.css —
   με το χαμηλότερο hero του doordrop (26px κάτω) η κάρτα κατάστασης ανέβαινε πάνω στην ημερομηνία / «Delivery» */
body.dd .f4c-vco-grid{
	margin-top: 0;
}
body.dd .f4c-order-card,
body.dd .f4c-vco-card{
	border-color: var(--dd-line);
	border-radius: var(--dd-r-lg);
	background: #FFFFFF;
	color: var(--dd-ink) !important;
	font-family: var(--dd-sans);
}
body.dd .f4c-order-card:hover{
	box-shadow: 0 18px 40px rgba(28, 26, 21, .10);
}
body.dd .f4c-order-title h3,
body.dd .f4c-vco-title{
	color: var(--dd-ink);
	font-family: var(--dd-display);
	font-weight: 700;
}
body.dd .f4c-order-date,
body.dd .f4c-order-total span,
body.dd .f4c-vco-row span,
body.dd .f4c-vco-store-text span{
	color: var(--dd-muted);
}
body.dd .f4c-order-head .f4c-store-logo,
body.dd .f4c-vco-store .f4c-store-logo{
	border-color: var(--dd-line);
	background-color: var(--dd-s2);
	color: var(--dd-ink);
}
body.dd .f4c-order-status{
	background: var(--dd-s2);
	color: var(--dd-ink);
}
body.dd .f4c-order-status.is-new,
body.dd .f4c-order-status.is-waiting,
body.dd .f4c-order-status.is-progress{
	background: var(--dd-brand-soft);
	color: var(--dd-brand-strong);
}
body.dd .f4c-order-status.is-done{
	background: var(--dd-ok-soft);
	color: var(--dd-ok-ink);
}
/* #179: ακυρωμένη παραγγελία στις «Ολοκληρωμένες» */
body.dd .f4c-order-status.is-cancelled{
	background: var(--dd-err-soft);
	color: var(--dd-err);
}
body.dd .f4c-order-tags span{
	border: 0;
	background: var(--dd-s2);
	color: var(--dd-ink);
}
body.dd .f4c-order-items{
	background: var(--dd-s1);
}
body.dd .f4c-order-item{
	border-bottom-color: var(--dd-line);
}
body.dd .f4c-order-qty{
	min-width: 28px;
	height: 24px;
	border-radius: 7px;
	background: var(--dd-s2);
	font-size: 13px;
	line-height: 24px;
	text-align: center;
}
body.dd .f4c-order-sub span{
	color: var(--dd-muted);
}
body.dd .f4c-order-open,
body.dd .f4c-order-open:hover,
body.dd .f4c-order-open:focus{
	background: var(--dd-ink);
	color: var(--dd-s1);
	text-decoration: none;
}
body.dd .f4c-vco-store{
	border: 1px solid var(--dd-line);
	background: #FFFFFF;
}
body.dd .f4c-vco-status{
	box-shadow: var(--dd-shadow);
}
body.dd .f4c-vco-status.is-ok{
	background: var(--dd-ok-soft);
	color: var(--dd-ok-ink);
}
body.dd .f4c-vco-status.is-canceled{
	background: var(--dd-err-soft);
	color: var(--dd-err);
}
body.dd .f4c-vco-status.is-wait{
	background: var(--dd-brand-soft);
	color: var(--dd-ink);
}
body.dd .f4c-vco-row{
	border-bottom-color: var(--dd-line);
}
body.dd .f4c-vco-row > i{
	background: var(--dd-brand-soft);
	color: var(--dd-ink);
}
body.dd .f4c-profile-avatar{
	border-color: #FFFFFF;
	background-color: var(--dd-ink);
	color: var(--dd-brand);
	font-family: var(--dd-display);
}
body.dd .f4c-profile-avatar-edit{
	border-color: var(--dd-s1);
	background: var(--dd-brand);
	color: var(--dd-ink);
}
body.dd .f4c-profile-links .f4c-cat{
	box-shadow: none;
}
body.dd .f4c-profile-fields .f4c-field{
	border-color: transparent;
}
body.dd .f4c-profile-delete{
	color: var(--dd-err);
	font-family: var(--dd-sans);
}
body.dd .f4c-vco-title.f4c-profile-subtitle{
	margin-top: 18px;
}
/* ρυθμίσεις λογαριασμού σε κατηγορίες (profile.php::dd_simple_profile) */
body.dd .dd-set{
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	align-items: start;
	gap: 20px;
	max-width: 1000px;
	margin-top: 16px;
}
body.dd .dd-set-nav{
	position: sticky;
	top: calc(var(--f4c-bar-h, 78px) + 16px);
	display: grid;
	gap: 6px;
	padding: 8px;
	border: 1px solid var(--dd-line);
	border-radius: var(--dd-r-lg);
	background: #FFFFFF;
}
body.dd .dd-set-tab{
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 0;
	padding: 12px;
	border: 0;
	border-radius: var(--dd-r-md);
	background: transparent;
	color: var(--dd-ink);
	text-align: left;
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
body.dd .dd-set-tab:hover{
	background: var(--dd-s1);
}
body.dd .dd-set-tab:active{
	transform: scale(.98);
}
body.dd .dd-set-tab.is-active{
	background: var(--dd-brand-soft);
}
body.dd .dd-set-tab .dd-i{
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	padding: 8px;
	border-radius: 10px;
	background: var(--dd-s2);
	box-sizing: border-box;
}
body.dd .dd-set-tab.is-active .dd-i{
	background: var(--dd-ink);
	color: var(--dd-brand);
}
body.dd .dd-set-tab span{
	display: grid;
	gap: 2px;
	min-width: 0;
}
body.dd .dd-set-tab b{
	font: 700 15px/1.2 var(--dd-sans);
}
body.dd .dd-set-tab small{
	color: var(--dd-muted);
	font: 500 12px/1.3 var(--dd-sans);
}
body.dd .dd-set-tab.is-danger b,
body.dd .dd-set-tab.is-danger .dd-i{
	color: var(--dd-err);
}
body.dd .dd-set-tab.is-danger.is-active .dd-i{
	background: var(--dd-err);
	color: #FFFFFF;
}
body.dd .dd-set-body{
	display: grid;
	gap: 16px;
	min-width: 0;
}
body.dd .dd-set-panel{
	animation: dd-fade .2s ease;
}
body.dd .dd-set-panel[hidden],
body.dd .dd-set-save[hidden]{
	display: none;
}
body.dd .dd-set-panel .f4c-vco-title{
	margin-bottom: 4px;
}
body.dd .dd-set-hint{
	margin: 0 0 18px;
	color: var(--dd-muted);
	font: 500 14px/1.45 var(--dd-sans);
}
body.dd .dd-set-hint a{
	color: var(--dd-ink) !important;
	font-weight: 700;
	text-decoration: underline !important;
}
body.dd .dd-set-label{
	display: block;
	margin: 0 0 6px 2px;
	color: var(--dd-ink);
	font: 700 13px/1.2 var(--dd-sans);
}
body.dd .dd-set-panel .f4c-profile-fields .f4c-field{
	margin-bottom: 14px;
}
/* στο κλικ, όπως η αναζήτηση της μπάρας κορυφής (.dd-hdr-search): λευκό μέσα, με περίγραμμα --dd-s2
   (αντί για σκούρο περίγραμμα) */
body.dd .dd-set-panel .f4c-field:focus-within{
	border-color: var(--dd-s2);
	background: #FFFFFF;
}
body.dd .dd-set-danger{
	border-color: var(--dd-err-soft);
}
body.dd .dd-set-danger .f4c-btn{
	width: auto;
	margin-top: 0;
	padding: 0 22px;
}
body.dd .dd-set-save{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}
body.dd .dd-set-save .f4c-profile-msg{
	flex: 1 1 240px;
}
body.dd .dd-set-save .f4c-btn{
	width: auto;
	min-width: 220px;
}
@media (max-width: 900px){
	body.dd .dd-set{
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}
	/* κινητό / tablet: οι κατηγορίες γίνονται chips με οριζόντιο scroll */
	body.dd .dd-set-nav{
		position: static;
		display: flex;
		gap: 8px;
		margin: 0 -16px;
		padding: 0 16px 4px;
		overflow-x: auto;
		border: 0;
		border-radius: 0;
		background: transparent;
		scrollbar-width: none;
	}
	body.dd .dd-set-nav::-webkit-scrollbar{
		display: none;
	}
	body.dd .dd-set-tab{
		flex: 0 0 auto;
		width: auto;
		gap: 8px;
		padding: 8px 14px 8px 8px;
		border: 1px solid var(--dd-line);
		border-radius: 10px;
		background: #FFFFFF;
	}
	body.dd .dd-set-tab.is-active{
		border-color: var(--dd-ink);
	}
	body.dd .dd-set-tab .dd-i{
		width: 28px;
		height: 28px;
		padding: 6px;
		border-radius: 50%;
	}
	body.dd .dd-set-tab small{
		display: none;
	}
	body.dd .dd-set-tab b{
		font-size: 14px;
		white-space: nowrap;
	}
	body.dd .dd-set-save .f4c-btn{
		flex: 1 1 100%;
		min-width: 0;
	}
}

/* ---------------- σελίδα καταστήματος (delivery.php) ----------------
   Η σελίδα έχει δικά της CSS variables (tokens qr_menu): τα αντιστοιχίζουμε στα tokens του doordrop. */
body.dd.delivery-page{
	--surface: #FBF9EF;
	--surface-dim: #E4DFC8;
	--surface-container-lowest: #FFFFFF;
	--surface-container-low: #F7F4E6;
	--surface-container: #F3EFDC;
	--surface-container-high: #ECE7D0;
	--surface-container-highest: #E4DFC8;
	--on-surface: #1C1A15;
	--on-surface-variant: #5E5A4E;
	--outline: #8A8474;
	--outline-variant: #E4DFC8;
	--primary: #1C1A15;
	--on-primary: #FBF9EF;
	--primary-container: #E5D974;
	--on-primary-container: #1C1A15;
	--text-rich: #1C1A15;
	--accent-warm: #E5D974;
	--on-accent: #1C1A15;
	--shadow-soft: 0 12px 32px rgba(28, 26, 21, .08);
	background: var(--dd-s1) !important;
	color: var(--dd-ink);
	font-family: var(--dd-sans) !important;
}
/* «Powered by Garsonista» κάτω κάτω: μικρό και με το χρώμα της εφαρμογής (όχι γραμμή/μεγάλο κενό)· και το html από κάτω
   στο ίδιο χρώμα, για να μη φαίνεται γκρι (#EFEFEF) όταν η σελίδα τραβιέται στο τέλος (overscroll κινητού/εφαρμογής) */
body.dd.delivery-page .footer{
	margin-top: 24px;
	padding: 12px 16px 16px;
	border-top: 0;
	background: var(--dd-s1);
	color: var(--dd-muted);
	font-size: 11px;
	line-height: 16px;
}
html:has(> body.dd.delivery-page){
	background: #FBF9EF !important; /* = --dd-s1· !important γιατί το w3.css βάζει «html, body {background: #EFEFEF !important}» */
}
/* τροποποιητές τύπου efood (delivery.php ddEnhanceOptionGroups): μία γραμμή ανά ομάδα και παράθυρο επιλογών
   μέσα στο παράθυρο προϊόντος. Οι αρχικές επιλογές (.check-grid) μένουν στη σελίδα κρυφές — τις τσεκάρει το παράθυρο. */
body.dd .js-options.dd-mods .js-option-group{
	padding: 0;
	border-bottom: 0;
}
body.dd .js-options.dd-mods .js-option-group > h3,
body.dd .js-options.dd-mods .js-option-group > .check-grid{
	display: none;
}
body.dd .dd-mod-row{
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 10px 0 0;
	padding: 16px 14px 16px 18px;
	border: 1.5px solid var(--dd-line);
	border-radius: var(--dd-r-md);
	background: #FFFFFF;
	color: var(--dd-ink);
	text-align: left;
	cursor: pointer;
	transition: border-color .18s ease, transform .18s ease;
}
body.dd .dd-mod-row:hover{
	border-color: var(--dd-muted);
}
body.dd .dd-mod-row:active{
	transform: scale(.99);
}
/* επιλεγμένη ομάδα: γραμμή αριστερά (όπως efood) */
body.dd .dd-mod-row.is-done::before{
	content: "";
	position: absolute;
	top: 12px;
	bottom: 12px;
	left: -1.5px;
	width: 4px;
	border-radius: 0 4px 4px 0;
	background: var(--dd-ink);
}
body.dd .dd-mod-row-text{
	display: grid;
	flex: 1 1 auto;
	gap: 6px;
	min-width: 0;
}
body.dd .dd-mod-row-title{
	color: var(--dd-ink);
	font: 800 16px/1.25 var(--dd-display);
}
body.dd .dd-mod-row-sub{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	min-width: 0;
	color: var(--dd-muted);
	font: 600 14px/1.35 var(--dd-sans);
}
body.dd .dd-mod-row.is-done .dd-mod-row-sub{
	flex-wrap: nowrap;
	color: var(--dd-ink);
}
body.dd .dd-mod-row-values{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.dd .dd-mod-tick{
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	color: var(--dd-ok);
}
body.dd .dd-mod-chev{
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	color: var(--dd-muted);
}
body.dd .dd-mod-badge{
	display: inline-block;
	padding: 4px 10px;
	border-radius: var(--dd-r-sm);
	background: var(--dd-brand-soft);
	color: var(--dd-brand-strong);
	font: 800 12px/1.3 var(--dd-sans);
}
body.dd .dd-mod-row.is-required{
	border-color: var(--dd-brand);
}
body.dd .dd-mod-optional{
	color: var(--dd-muted);
	font: 600 13px/1.3 var(--dd-sans);
}
body.dd .dd-mod-optional + .dd-mod-optional::before,
body.dd .dd-mod-badge + .dd-mod-optional::before{
	content: "· ";
}
/* παράθυρο επιλογών ομάδας: πάνω από το παράθυρο προϊόντος, ανεβαίνει από κάτω */
body.dd .dd-mod-layer{
	position: absolute;
	inset: 0;
	z-index: 5;
	display: flex;
	align-items: flex-end;
}
body.dd .dd-mod-layer[hidden]{
	display: none;
}
body.dd .dd-mod-backdrop{
	position: absolute;
	inset: 0;
	background: rgba(28, 26, 21, .45);
	opacity: 0;
	transition: opacity .2s ease;
}
body.dd .dd-mod-layer.is-open .dd-mod-backdrop{
	opacity: 1;
}
body.dd .dd-mod-panel{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-height: 90%;
	border-radius: 10px 10px 0 0;
	background: var(--dd-s1);
	box-shadow: 0 -12px 32px rgba(28, 26, 21, .18);
	transform: translateY(100%);
	transition: transform .22s ease;
}
body.dd .dd-mod-layer.is-open .dd-mod-panel{
	transform: none;
}
body.dd .dd-mod-head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding: 22px 20px 10px;
}
body.dd .dd-mod-title{
	margin: 0 0 8px;
	color: var(--dd-ink);
	font: 800 20px/1.2 var(--dd-display);
}
body.dd .dd-mod-hint{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}
body.dd .dd-mod-close{
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: var(--dd-s2);
	color: var(--dd-ink);
	cursor: pointer;
}
body.dd .dd-mod-close svg{
	width: 20px;
	height: 20px;
}
body.dd .dd-mod-list{
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	touch-action: pan-y;
	padding: 0 20px calc(18px + env(safe-area-inset-bottom, 0px));
}
body.dd .dd-mod-layer.is-multi .dd-mod-list{
	padding-bottom: 10px;
}
body.dd .dd-mod-opt{
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
	min-height: 60px;
	padding: 12px 2px;
	border: 0;
	border-bottom: 1px solid var(--dd-line);
	background: transparent;
	color: var(--dd-ink);
	text-align: left;
	cursor: pointer;
}
body.dd .dd-mod-opt:last-child{
	border-bottom: 0;
}
body.dd .dd-mod-opt[disabled]{
	opacity: .45;
	cursor: default;
}
/* ένδειξη: κύκλος για μία επιλογή, τετράγωνο για πολλαπλή */
body.dd .dd-mod-mark{
	position: relative;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border: 2px solid var(--dd-muted);
	border-radius: 50%;
	transition: background-color .15s ease, border-color .15s ease;
}
body.dd .dd-mod-opt.is-multi .dd-mod-mark{
	border-radius: 7px;
}
body.dd .dd-mod-opt.is-checked .dd-mod-mark{
	border-color: var(--dd-ink);
	background: var(--dd-ink);
}
body.dd .dd-mod-opt.is-checked:not(.is-multi) .dd-mod-mark::after{
	content: "";
	position: absolute;
	inset: 5px;
	border-radius: 50%;
	background: var(--dd-brand);
}
body.dd .dd-mod-opt.is-multi.is-checked .dd-mod-mark::after{
	content: "";
	position: absolute;
	top: 2px;
	left: 6px;
	width: 6px;
	height: 11px;
	border: solid var(--dd-brand);
	border-width: 0 2.5px 2.5px 0;
	transform: rotate(45deg);
}
body.dd .dd-mod-opt-text{
	display: grid;
	gap: 3px;
	min-width: 0;
}
body.dd .dd-mod-opt-name{
	font: 600 16px/1.3 var(--dd-sans);
	overflow-wrap: anywhere;
}
body.dd .dd-mod-opt-price{
	color: var(--dd-muted);
	font: 600 14px/1.2 var(--dd-sans);
}
/* «Εντάξει» μόνο σε πολλαπλή επιλογή (η μία επιλογή κλείνει μόνη της) */
body.dd .dd-mod-foot{
	display: none;
	padding: 12px 20px calc(14px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid var(--dd-line);
}
body.dd .dd-mod-layer.is-multi .dd-mod-foot{
	display: block;
}
body.dd.delivery-page .preview-shell h1,
body.dd.delivery-page .preview-shell h2,
body.dd.delivery-page .preview-shell h3{
	font-family: var(--dd-display);
	letter-spacing: -.01em;
}
body.dd.delivery-page .preview-shell .product-card h3{
	font-family: var(--dd-sans);
	font-weight: 700;
}
/* προϊόντα σαν λίστα (όπως efood), σε κάθε πλάτος: όνομα / περιγραφή / τιμή αριστερά, φωτογραφία δεξιά με το «+»
   στη γωνία της. Χωρίς φωτογραφία (ή αν δεν φορτώνει — menu/delivery.php τη βγάζει) η κάρτα δεν έχει χώρο εικόνας,
   αλλά έχει το ίδιο ύψος με τις υπόλοιπες. Αντικαθιστά τα πλέγματα 2/3 στηλών του delivery.php (≥700px) και την
   εικόνα «από άκρη σε άκρη» του κινητού (≤520px). Μία στήλη παντού (δίπλα στο καλάθι η στήλη του μενού είναι στενή).
   Ίσο ύψος: --dd-row = όνομα 2 γραμμές + περιγραφή 2 γραμμές + τιμή (τα clamp κόβουν ό,τι περισσεύει). */
body.dd.delivery-page .product-grid{
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
}
body.dd.delivery-page .product-card{
	--dd-row: 120px;
	--dd-pimg: 120px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--dd-pimg);
	align-items: stretch;
	column-gap: 14px;
	/* #184: ελάχιστο, όχι σταθερό ύψος — σε στενό κινητό ή με μεγάλη γραμματοσειρά συστήματος όνομα 2 γραμμών +
	   περιγραφή 2 γραμμών + τιμή δεν χωρούσαν και η κάτω γραμμή κοβόταν στη μέση (π.χ. Feeju). Τα clamp μένουν. */
	min-height: calc(var(--dd-row) + 24px);
	padding: 12px;
	overflow: visible;
}
body.dd.delivery-page .product-card.no-product-image{
	grid-template-columns: minmax(0, 1fr);
}
body.dd.delivery-page .product-card .product-image{
	grid-column: 2;
	grid-row: 1;
	align-self: center;
	width: var(--dd-pimg);
	height: var(--dd-pimg);
	min-height: 0;
	aspect-ratio: 1 / 1;
	border-radius: 10px;
}
body.dd.delivery-page .product-card .product-body{
	grid-column: 1;
	grid-row: 1;
	min-height: 0;
	padding: 2px 0;
	gap: 6px;
	overflow: hidden;
}
/* #207: χωρίς φωτογραφία το κείμενο (όνομα / περιγραφή / τιμή) σταματάει πριν το «+» (absolute δεξιά, στη μέση του ύψους) */
body.dd.delivery-page .product-card.no-product-image .product-body{
	padding-right: 56px;
}
/* μη διαθέσιμο: το γκρι (opacity/filter) στο όνομα, την περιγραφή και την τιμή, όχι σε όλο το .product-body — το filter
   κάνει το .product-body σημείο αναφοράς του absolute «+», που έφευγε αριστερά της φωτογραφίας */
body.dd.delivery-page .product-card.product-unavailable .product-body{
	padding-top: 2px;
	opacity: 1;
	filter: none;
}
body.dd.delivery-page .product-card.product-unavailable .product-body h3,
body.dd.delivery-page .product-card.product-unavailable .product-body p,
body.dd.delivery-page .product-card.product-unavailable .product-body .price{
	opacity: .38;
	filter: grayscale(1);
}
/* «ΜΗ ΔΙΑΘΕΣΙΜΟ» πάνω δεξιά: χωρίς φωτογραφία κάθεται δίπλα στο όνομα, όχι πάνω του */
body.dd.delivery-page .product-card.product-unavailable.no-product-image .product-body h3{
	padding-right: 110px;
}
body.dd.delivery-page .product-card .product-body h3{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 16px;
	line-height: 22px;
}
body.dd.delivery-page .product-card .product-body p{
	-webkit-line-clamp: 2;
	font-size: 13px;
	line-height: 18px;
}
body.dd.delivery-page .product-card .product-footer{
	flex-wrap: nowrap;
	margin-top: auto;
	min-height: 0;
}
/* «+» (και ο stepper 🗑/−/+): με φωτογραφία στην κάτω δεξιά γωνία της· χωρίς φωτογραφία δεξιά, στο κέντρο του ύψους */
body.dd.delivery-page .product-card .add-control{
	position: absolute;
	right: 16px;
	/* #184: από το κέντρο (εκεί κάθεται η φωτογραφία), ώστε σε ψηλότερη κάρτα να μένει στη γωνία της —
	   στο κανονικό ύψος (144px) δίνει ακριβώς τα 16px από κάτω, όπως πριν */
	bottom: calc(50% - 56px);
	margin: 0;
}
body.dd.delivery-page .product-card.no-product-image .add-control{
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
}
@media (max-width: 520px){
	body.dd.delivery-page .product-card{
		--dd-pimg: 104px;
	}
}
/* «Όλα / Διαθέσιμα»: γωνίες όπως τα υπόλοιπα κουμπιά (όχι χάπι) */
body.dd.delivery-page .chip{
	border-radius: 10px;
}
/* γωνίες 10px σε όλα τα πλαίσια της σελίδας καταστήματος: οι μεταβλητές --radius* του menu/delivery.php (14-24px) και οι
   σταθερές τιμές του. Μένουν ως έχουν οι κύκλοι, η λαβή των παραθύρων (.sheet-handle) και η κουκκίδα κατάστασης. */
body.dd.delivery-page{
	--radius: 10px;
	--radius-md: 10px;
	--radius-lg: 10px;
	--radius-xl: 10px;
}
body.dd.delivery-page .eyebrow,
body.dd.delivery-page .product-unavailable-badge,
body.dd.delivery-page .info-status,
body.dd.delivery-page .info-today-badge,
body.dd.delivery-page .offer-step-badge,
body.dd.delivery-page .basket-session-banner .js-session-refresh,
body.dd.delivery-page .hero-store-logo,
body.dd.delivery-page .delivery-info-icon,
body.dd.delivery-page .delivery-info-action,
body.dd.delivery-page .delivery-notice-icon,
body.dd.delivery-page .reorder-edit,
body.dd.delivery-page .reorder-row-img{
	border-radius: 10px;
}
/* παράθυρα από κάτω (προϊόν, «Παράγγειλε ξανά» κλπ): πάνω γωνίες 10px· το μήνυμα (.delivery-notice) είναι κεντραρισμένο κουτί */
body.dd.delivery-page .bottom-sheet{
	border-radius: 10px 10px 0 0;
}
body.dd.delivery-page .delivery-notice .bottom-sheet{
	border-radius: 10px;
}
@media (max-width: 1023px){
	body.dd.delivery-page .cart-panel{
		border-radius: 10px 10px 0 0;
	}
}
/* παράθυρο προϊόντος (όπως efood) — μόνο η κορυφή του· οι ομάδες τροποποιητών από κάτω μένουν ως έχουν.
   Κινητό: μεγάλη εικόνα σε όλο το πλάτος (4:3), ✕ σε λευκό κύκλο πάνω της, τίτλος και περιγραφή από κάτω.
   Προϊόν χωρίς φωτογραφία (.no-sheet-image): όπως πριν. */
@media (max-width: 768px){
	body.dd.delivery-page .js-sheet .bottom-sheet{
		position: relative;
	}
	body.dd.delivery-page .js-sheet .bottom-sheet:has(.sheet-head:not(.no-sheet-image)) .sheet-handle{
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 3;
		margin: 8px 0 0;
		transform: translateX(-50%);
		background: rgba(255, 255, 255, .85);
	}
	body.dd.delivery-page .js-sheet .sheet-head:not(.no-sheet-image){
		display: block;
		position: relative;
		padding: 0 0 16px;
	}
	body.dd.delivery-page .js-sheet .sheet-head:not(.no-sheet-image) .sheet-product-image{
		width: auto;
		margin: 0 -20px 16px;
		aspect-ratio: 4 / 3;
		border-radius: 0;
	}
	body.dd.delivery-page .js-sheet .sheet-head:not(.no-sheet-image) .sheet-close{
		position: absolute;
		top: 14px;
		right: -6px;
		z-index: 2;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: #FFFFFF;
		box-shadow: 0 2px 12px rgba(0, 0, 0, .18);
	}
}
/* περιγραφή στις 3 γραμμές, «Δείτε περισσότερα» (menu/delivery.php: .js-dd-desc-more) για όλη */
body.dd.delivery-page .js-sheet .js-sheet-desc{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
body.dd.delivery-page .js-sheet .js-sheet-desc.is-expanded{
	display: block;
	-webkit-line-clamp: unset;
	overflow: visible;
}
body.dd.delivery-page .js-sheet .dd-desc-more{
	display: inline-block;
	margin: 6px 0 0;
	padding: 0;
	border: 0;
	background: none;
	color: var(--dd-ink);
	font: 700 14px/1.3 var(--dd-sans);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}
body.dd.delivery-page .js-sheet .dd-desc-more[hidden]{
	display: none;
}
/* καλάθι: «Πρόσθεσε ακόμα Χ€ για την ελάχιστη παραγγελία» με μπάρα προόδου (menu/delivery.php: ddMinSync) */
body.dd.delivery-page .dd-min-bar{
	margin: 0 0 12px;
	padding: 10px 12px;
	border-radius: 10px;
	background: var(--dd-brand-soft);
	color: var(--dd-ink);
	font: 600 13px/1.35 var(--dd-sans);
}
body.dd.delivery-page .dd-min-bar[hidden]{
	display: none;
}
body.dd.delivery-page .dd-min-bar b{
	font-weight: 800;
}
body.dd.delivery-page .dd-min-track{
	height: 6px;
	margin-top: 8px;
	border-radius: 999px;
	background: rgba(28, 26, 21, .12);
	overflow: hidden;
}
body.dd.delivery-page .dd-min-fill{
	height: 100%;
	border-radius: 999px;
	background: var(--dd-ink);
}
/* καλάθι στο desktop (όπως efood): στήλη στη δεξιά άκρη της οθόνης. Η φωτογραφία (hero) πιάνει όλο το πλάτος και το
   καλάθι ξεκινά από κάτω της· με το scroll ανεβαίνει μαζί με τη σελίδα και κολλάει κάτω από το navbar (sticky — το
   κουνάει ο ίδιος ο browser, χωρίς JS, άρα δεν «τρέμει»). Το «Σύνολο / Πληρωμή» μένει πάντα στο κάτω μέρος της οθόνης
   και κυλάει μόνο η λίστα του καλαθιού (το κενό στο τέλος της λίστας το ρυθμίζει το ddCartFit() στο delivery.php).
   Κατηγορίες + προϊόντα (και τίτλος του hero) μένουν όπως πριν: έως 1280px, στο κέντρο του χώρου αριστερά από το καλάθι
   (964px = 1280 − 2×16 padding − 260 κατηγορίες − 24 κενό).
   Κινητό: όπως πριν (συρτάρι από κάτω). */
@media (min-width: 1024px){
	body.dd.delivery-page{
		--dd-cart-w: 360px;
	}
	body.dd.delivery-page .hero{
		padding-right: var(--dd-cart-w);
	}
	body.dd.delivery-page .preview-main{
		grid-template-columns: 260px minmax(0, 1fr);
		width: auto;
		max-width: none;
		margin: 0;
		padding-left: calc(max(0px, (100% - var(--dd-cart-w) - 1280px) / 2) + 16px);
		padding-right: 0;
	}
	body.dd.delivery-page .content-grid{
		grid-column: 2 / 3;
		grid-template-columns: minmax(0, 964px) minmax(16px, 1fr) var(--dd-cart-w);
		column-gap: 0;
	}
	body.dd.delivery-page .content-grid > :first-child{
		grid-column: 1;
		grid-row: 1;
	}
	body.dd.delivery-page .cart-panel{
		position: sticky;
		top: var(--f4c-bar-h);
		right: auto;
		bottom: auto;
		z-index: 5;
		grid-column: 3;
		grid-row: 1;
		align-self: start;
		margin-top: -24px;
		height: calc(100vh - var(--f4c-bar-h));
		max-height: none;
		overflow: visible;
		border-radius: 0;
		border-left: 1px solid var(--dd-line);
		box-shadow: none;
		grid-template-rows: auto minmax(0, 1fr) auto;
	}
	body.dd.delivery-page .cart-panel .cart-items{
		min-height: 0;
		overflow-y: auto;
	}
	body.dd.delivery-page .cart-panel-footer{
		position: sticky;
		bottom: 0;
		z-index: 1;
		border-radius: 0;
	}
}
body.dd.delivery-page .preview-shell button,
body.dd.delivery-page .preview-shell input,
body.dd.delivery-page .preview-shell textarea,
body.dd.delivery-page .preview-shell select{
	font-family: var(--dd-sans);
}
body.dd.delivery-page{
	--inverse-surface: #1C1A15;
}
body.dd.delivery-page .hero-media{
	background-image: linear-gradient(90deg, rgba(28, 26, 21, .66), rgba(28, 26, 21, .16)), var(--hero-image);
}
body.dd.delivery-page .category-strip{
	background: rgba(251, 249, 239, .94);
}
body.dd.delivery-page .delivery-info-action,
body.dd.delivery-page .coupon-apply{
	background: var(--dd-ink);
	color: var(--dd-s1);
}
body.dd.delivery-page .cart-panel-footer .payment-method input:checked + label{
	border-color: var(--dd-ink);
	background: var(--dd-ink);
	color: var(--dd-s1);
}

/* ---------------- καλάθι (όπως efood): χρόνος κάτω από τον τίτλο (ανοίγει τον τρόπο παράδοσης), κουμπιά διεύθυνση /
   πληρωμή / σχόλιο με παράθυρο επιλογών, είδη σε γραμμές με φωτογραφία, «Σύνολο» σαν γραμμή, κάτω μόνο [πλήθος] Αποστολή [σύνολο].
   Τα παλιά στοιχεία μένουν κρυφά ως πηγή τιμών του checkout (menu/delivery.php: $dd_cart, JS ddCart) ---------------- */
body.dd.delivery-page .cart-panel .delivery-box > .delivery-methods,
body.dd.delivery-page .cart-panel .delivery-box > .delivery-info,
body.dd.delivery-page .cart-panel-footer .cart-total,
body.dd.delivery-page .cart-panel-footer .payment-methods,
body.dd.delivery-page .cart-panel-footer .js-checkout-comments{
	display: none !important;
}
body.dd.delivery-page .dd-cx-sheet *,
body.dd.delivery-page .dd-cx-row *,
body.dd.delivery-page .cart-panel .basket-item-card *{
	box-sizing: border-box;
}
body.dd.delivery-page .cart-panel-header h2{
	font-size: 24px;
	line-height: 30px;
	font-weight: 800;
}
body.dd.delivery-page .dd-cx-title{
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
/* χρόνος / τρόπος παράδοσης με βελάκι: ανοίγει το παράθυρο «Τρόπος παραλαβής» */
body.dd.delivery-page .dd-cx-eta{
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 4px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--dd-ink);
	font: inherit;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	cursor: pointer;
}
body.dd.delivery-page .dd-cx-eta svg{
	width: 16px;
	height: 16px;
}
body.dd.delivery-page .dd-cx-eta.is-static{
	cursor: default;
}
body.dd.delivery-page .cart-panel .delivery-box{
	padding-bottom: 4px;
	border-bottom: 0;
}
body.dd.delivery-page .dd-cx-row{
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 8px;
}
body.dd.delivery-page .dd-cx-row .dd-cx-btn.is-full{
	grid-column: 1 / -1;
}
body.dd.delivery-page .dd-cx-btn{
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	height: 46px;
	padding: 0 10px;
	border: 1px solid var(--dd-line);
	border-radius: var(--dd-r-md);
	background: #fff;
	color: var(--dd-ink);
	font: inherit;
	text-align: left;
	cursor: pointer;
}
body.dd.delivery-page .dd-cx-btn:hover{
	border-color: var(--dd-ink);
}
body.dd.delivery-page .dd-cx-btn.is-static{
	cursor: default;
}
body.dd.delivery-page .dd-cx-btn.is-static:hover{
	border-color: var(--dd-line);
}
body.dd.delivery-page .dd-cx-btn > svg{
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
}
body.dd.delivery-page .dd-cx-btn .dd-cx-chev{
	width: 16px;
	height: 16px;
	margin-left: auto;
	color: var(--dd-muted);
}
body.dd.delivery-page .dd-cx-t{
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
}
body.dd.delivery-page .dd-cx-t small{
	overflow: hidden;
	font-size: 11px;
	line-height: 14px;
	color: var(--dd-muted);
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.dd.delivery-page .dd-cx-t b{
	overflow: hidden;
	font-size: 13.5px;
	line-height: 18px;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* #201: πιο έντονες οι τιμές μέσα στα πεδία του καλαθιού (Διεύθυνση / Πληρωμή / Σχόλιο) — όχι στα παράθυρα επιλογών */
body.dd.delivery-page .dd-cx-btn .dd-cx-t b{
	font-weight: 800;
}
body.dd.delivery-page .dd-cx-warn{
	margin: 8px 0 0;
	font-size: 12px;
	color: var(--dd-err);
}
body.dd.delivery-page .cart-panel .js-cart-items{
	margin-top: 8px;
}
/* είδος: τίτλος / επιλογές πάνω αριστερά, [ποσότητα] τιμή κάτω αριστερά, φωτογραφία δεξιά */
body.dd.delivery-page .cart-panel .basket-item-card{
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas: "name img" "mods img" "foot img";
	column-gap: 12px;
	align-items: start;
	margin: 0;
	padding: 14px 0;
	border: 0;
	border-top: 1px solid var(--dd-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	touch-action: pan-y; /* #161: το οριζόντιο σύρσιμο το χειρίζεται η σελίδα (διαγραφή), το κάθετο μένει scroll */
}
/* #161: σύρσιμο κάρτας προς τα αριστερά = διαγραφή — κόκκινο φόντο με κάδο που αποκαλύπτεται δεξιά της κάρτας */
body.dd.delivery-page .cart-panel .basket-item-card.dd-swipe-del{
	position: relative;
	z-index: 1;
}
body.dd.delivery-page .cart-panel .basket-item-card .dd-swipe-del-bg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 20px;
	overflow: hidden;
	background: var(--dd-err);
	color: #fff;
}
body.dd.delivery-page .cart-panel .basket-item-card .dd-swipe-del-bg svg{
	flex: 0 0 auto;
	transition: transform .15s;
}
body.dd.delivery-page .cart-panel .basket-item-card.is-armed .dd-swipe-del-bg svg{
	transform: scale(1.2);
}
body.dd.delivery-page .cart-panel .basket-item-card .basket-item-header{
	display: contents;
}
body.dd.delivery-page .cart-panel .basket-item-card .basket-item-name{
	grid-area: name;
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	text-align: left;
}
body.dd.delivery-page .cart-panel .basket-item-card .basket-item-delete{
	display: none;
}
body.dd.delivery-page .cart-panel .basket-item-card .basket-item-mods{
	grid-area: mods;
	margin: 2px 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 17px;
	color: var(--dd-muted);
}
body.dd.delivery-page .cart-panel .basket-item-card .basket-item-footer{
	grid-area: foot;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin: 8px 0 0;
	padding: 0;
}
body.dd.delivery-page .cart-panel .basket-item-card .basket-item-price{
	margin: 0;
	font-size: 14px;
	font-weight: 800;
	text-align: left;
}
/* ποσότητα «1 ⌄» στο χρώμα της «Αποστολής»· με κλικ «− 1 +» */
body.dd.delivery-page .cart-panel .basket-item-card .qty-control{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0;
	width: auto;
	height: 30px;
	padding: 0 6px 0 0;
	border: 0;
	border-radius: 8px;
	background: var(--dd-brand);
	color: var(--dd-ink);
	cursor: pointer;
}
body.dd.delivery-page .cart-panel .basket-item-card .dd-cx-qchev{
	width: 15px;
	height: 15px;
	margin-left: -4px;
}
body.dd.delivery-page .cart-panel .basket-item-card.dd-cx-qopen .dd-cx-qchev{
	display: none;
}
/* κάδος δίπλα στο «− 1 +», στο ίδιο χρώμα· φαίνεται μόνο με ανοιχτή ποσότητα */
body.dd.delivery-page .cart-panel .basket-item-card .dd-cx-qdel{
	display: none;
	place-items: center;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: var(--dd-brand);
	color: var(--dd-ink);
	cursor: pointer;
}
body.dd.delivery-page .cart-panel .basket-item-card.dd-cx-qopen .dd-cx-qdel{
	display: grid;
}
body.dd.delivery-page .cart-panel .basket-item-card .dd-cx-qdel:hover{
	background: var(--dd-brand-hover);
}
body.dd.delivery-page .cart-panel .basket-item-card .dd-cx-qdel svg{
	width: 16px;
	height: 16px;
}
body.dd.delivery-page .cart-panel .basket-item-card .qty-btn{
	display: none;
	place-items: center;
	width: 30px;
	min-width: 0;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	font-size: 17px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
}
body.dd.delivery-page .cart-panel .basket-item-card .qty-val{
	display: grid;
	place-items: center;
	min-width: 30px;
	padding: 0 6px;
	font-size: 14px;
	font-weight: 800;
	line-height: 28px;
}
body.dd.delivery-page .cart-panel .basket-item-card.dd-cx-qopen .qty-control{
	padding: 0;
}
body.dd.delivery-page .cart-panel .basket-item-card.dd-cx-qopen .qty-btn{
	display: grid;
}
body.dd.delivery-page .dd-cx-img{
	grid-area: img;
	width: 72px;
	height: 56px;
	border-radius: 8px;
	background: var(--dd-s2) center / cover no-repeat;
}
/* προσφορά: τα προϊόντα της (με τελεία) ακριβώς κάτω από τον τίτλο, πριν από σχόλιο και ποσότητα / τιμή */
body.dd.delivery-page .cart-panel .basket-item-card.basket-offer-card{
	grid-template-areas: "name img" "offer img" "mods img" "foot img";
}
body.dd.delivery-page .cart-panel .basket-item-card.basket-offer-card .basket-offer-items{
	grid-area: offer;
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	line-height: 18px;
	color: var(--dd-ink);
}
body.dd.delivery-page .cart-panel .basket-item-card.basket-offer-card .basket-offer-items li{
	position: relative;
	padding-left: 12px;
}
body.dd.delivery-page .cart-panel .basket-item-card.basket-offer-card .basket-offer-items li::before{
	content: "";
	position: absolute;
	top: 7px;
	left: 2px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--dd-muted);
}
body.dd.delivery-page .cart-panel .basket-item-card.basket-offer-card .basket-offer-items li + li{
	margin-top: 2px;
}
body.dd.delivery-page .cart-panel .basket-item-card.basket-offer-card .basket-offer-mods{
	color: var(--dd-muted);
	font-size: 12px;
}
/* κόστος αποστολής / κουπόνι / «Σύνολο»: γραμμές της λίστας με εικονίδιο σε κουτάκι */
body.dd.delivery-page .cart-panel .basket-extra-lines{
	margin: 0;
	padding: 0;
	border: 0;
}
body.dd.delivery-page .cart-panel .basket-extra-line,
body.dd.delivery-page .dd-cx-sum{
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 14px 0;
	border: 0;
	border-top: 1px solid var(--dd-line);
	font-size: 15px;
}
body.dd.delivery-page .dd-cx-sum[hidden]{
	display: none;
}
body.dd.delivery-page .cart-panel .basket-extra-line .basket-extra-label{
	display: flex;
	align-items: center;
	flex: 1;
	gap: 12px;
	min-width: 0;
	font-weight: 500;
	color: var(--dd-ink);
}
body.dd.delivery-page .cart-panel .basket-extra-line strong,
body.dd.delivery-page .dd-cx-sum strong{
	margin-left: auto;
	font-size: 15px;
	font-weight: 800;
}
body.dd.delivery-page .cart-panel .basket-extra-line .basket-extra-label > svg,
body.dd.delivery-page .dd-cx-sum .dd-cx-ic{
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	padding: 6px;
	border-radius: 8px;
	background: var(--dd-s2);
	color: var(--dd-ink);
}
body.dd.delivery-page .dd-cx-sum .dd-cx-ic svg{
	width: 18px;
	height: 18px;
}
body.dd.delivery-page .dd-cx-sum span{
	font-weight: 700;
}
body.dd.delivery-page .cart-panel .coupon-box{
	margin-top: 8px;
}
/* κάτω: [πλήθος] Αποστολή [σύνολο] */
body.dd.delivery-page .cart-panel-footer .js-checkout{
	display: grid;
	grid-template-columns: 44px 1fr 44px;
	align-items: center;
	min-height: 52px;
	padding: 0 14px;
	font-size: 16px;
	font-weight: 800;
}
body.dd.delivery-page .dd-cx-count{
	display: grid;
	place-items: center;
	justify-self: start;
	min-width: 26px;
	height: 26px;
	padding: 0 6px;
	border-radius: 6px;
	background: #fff;
	font-size: 13px;
	font-weight: 800;
}
body.dd.delivery-page .dd-cx-count[hidden]{
	display: none;
}
body.dd.delivery-page .dd-cx-send{
	grid-column: 2;
	text-align: center;
}
body.dd.delivery-page .cart-panel-footer .js-checkout .js-cart-total{
	grid-column: 3;
	justify-self: end;
	white-space: nowrap;
}
/* παράθυρο επιλογών: κινητό από κάτω, desktop πάνω από το καλάθι */
body.dd.delivery-page .dd-cx-sheet{
	position: absolute;
	inset: 0;
	z-index: 60;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
body.dd.delivery-page .dd-cx-sheet[hidden]{
	display: none;
}
body.dd.delivery-page .dd-cx-back{
	position: absolute;
	inset: 0;
	background: rgba(17, 24, 39, .36);
}
body.dd.delivery-page .dd-cx-panel{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-height: 85%;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px));
	border-radius: 16px 16px 0 0;
	background: #fff;
	animation: ddCxUp .18s ease-out;
}
body.dd.delivery-page .dd-cx-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 4px;
}
body.dd.delivery-page .dd-cx-head b{
	font-size: 17px;
	font-weight: 800;
}
body.dd.delivery-page .dd-cx-close{
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 999px;
	background: var(--dd-s2);
	color: var(--dd-ink);
	cursor: pointer;
}
body.dd.delivery-page .dd-cx-close svg{
	width: 18px;
	height: 18px;
}
body.dd.delivery-page .dd-cx-body{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
body.dd.delivery-page .dd-cx-opt{
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 12px;
	border: 1px solid var(--dd-line);
	border-radius: var(--dd-r-md);
	background: #fff;
	color: var(--dd-ink);
	font: inherit;
	text-align: left;
	cursor: pointer;
}
body.dd.delivery-page .dd-cx-opt:hover{
	border-color: var(--dd-ink);
}
body.dd.delivery-page .dd-cx-opt.is-on{
	border-color: var(--dd-ink);
	background: var(--dd-brand-soft);
}
body.dd.delivery-page .dd-cx-opt > svg{
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
}
body.dd.delivery-page .dd-cx-opt .dd-cx-t b{
	font-size: 15px;
}
body.dd.delivery-page .dd-cx-opt .dd-cx-t small{
	font-size: 12px;
	line-height: 16px;
	white-space: normal;
}
body.dd.delivery-page .dd-cx-dot{
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-left: auto;
	border: 2px solid var(--dd-line);
	border-radius: 999px;
}
body.dd.delivery-page .dd-cx-opt.is-on .dd-cx-dot{
	border: 5px solid var(--dd-ink);
}
body.dd.delivery-page .dd-cx-area{
	width: 100%;
	min-height: 110px;
	padding: 10px 12px;
	border: 1px solid var(--dd-line);
	border-radius: var(--dd-r-md);
	background: #fff;
	font: inherit;
	font-size: 15px;
	resize: vertical;
}
body.dd.delivery-page .dd-cx-area:focus{
	outline: none;
	border-color: var(--dd-ink);
}
body.dd.delivery-page .dd-cx-save{
	width: 100%;
	min-height: 44px;
	border: 0;
	border-radius: var(--dd-r-md);
	background: var(--dd-brand);
	color: var(--dd-ink);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}
@keyframes ddCxUp{
	from{ transform: translateY(24px); opacity: 0; }
	to{ transform: none; opacity: 1; }
}
@keyframes ddCxIn{
	from{ transform: translateX(24px); opacity: 0; }
	to{ transform: none; opacity: 1; }
}
@media (min-width: 1024px){
	body.dd.delivery-page .dd-cx-sheet{
		justify-content: stretch;
	}
	body.dd.delivery-page .dd-cx-back{
		display: none;
	}
	body.dd.delivery-page .dd-cx-panel{
		flex: 1;
		max-height: none;
		border-radius: 0;
		animation-name: ddCxIn;
	}
}
/* κινητό: το κάτω μέρος του καλαθιού σε όλο το πλάτος, κολλημένο στα πλάγια και κάτω */
@media (max-width: 1023px){
	body.dd.delivery-page .cart-panel{
		--cart-checkout-height: 84px;
		--cart-checkout-lift: 0px;
	}
	body.dd.delivery-page .cart-panel-footer{
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
		border: 0;
		border-top: 1px solid var(--dd-line);
		border-radius: 0;
		box-shadow: none;
	}
	body.dd.delivery-page .cart-panel-footer .js-checkout{
		grid-column: 1 / -1;
	}
}

/* ⓘ «Πληροφορίες»: «Στοιχεία καταστήματος» (διεύθυνση, τηλέφωνο) πάνω από το ωράριο, με το στυλ των γραμμών του ωραρίου */
body.dd.delivery-page .dd-info-contact .dd-info-row{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: var(--dd-r-md);
	font-size: 14px;
	line-height: 20px;
	color: var(--dd-ink);
	text-decoration: none;
}
body.dd.delivery-page .dd-info-contact .dd-info-row svg{
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	color: var(--dd-muted);
}
body.dd.delivery-page .dd-info-contact .dd-info-row span{
	color: var(--dd-muted);
}
body.dd.delivery-page .dd-info-contact .dd-info-row b{
	margin-left: auto;
	font-weight: 700;
	text-align: right;
}
body.dd.delivery-page .dd-info-contact a.dd-info-row:hover{
	background: var(--dd-s1);
}

/* ---------------- κίνηση: ομαλές μεταβάσεις σε ό,τι πατιέται ---------------- */
body.dd .dd-btn,
body.dd .dd-hdr-btn,
body.dd .dd-hdr-addr,
body.dd .dd-hdr-avatar,
body.dd #top-bar .menu_link,
body.dd .dd-hero-locate,
body.dd .dd-hero-field,
body.dd .dd-cat,
body.dd .dd-cat-ic,
body.dd .dd-acc-item,
body.dd .dd-footer nav a,
body.dd .dd-hero-suggest li.geoli,
body.dd .f4c-btn,
body.dd .f4c-cat,
body.dd .f4c-store-card,
body.dd .f4c-order-card,
body.dd .f4c-menu-item,
body.dd .f4c-menu-change-address,
body.dd .f4c-menu-close,
body.dd .f4c-modal-close,
body.dd .f4c-lang-btn,
body.dd .f4c-lang-list a,
body.dd .f4c-address-select,
body.dd .f4c-stores-filter-btn,
body.dd .f4c-city{
	transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .22s ease, transform .18s ease;
}
/* hover: τα κύρια κουμπιά σηκώνονται λίγο, οι κάρτες ανεβαίνουν */
body.dd .dd-btn-ink:hover,
body.dd .dd-btn-brand:hover,
body.dd .dd-hdr-ink:hover,
body.dd .f4c-btn:not(.is-disabled):not(.f4c-btn-light):hover{
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(28, 26, 21, .18);
}
body.dd .f4c-store-card:hover,
body.dd .f4c-order-card:hover{
	transform: translateY(-3px);
}
body.dd .f4c-cat:hover{
	transform: translateY(-2px);
}
body.dd .dd-cat:hover .dd-cat-ic{
	transform: scale(1.06);
}
body.dd .dd-hdr-avatar:hover{
	transform: scale(1.05);
}
/* πάτημα: μικρό «βύθισμα» */
body.dd .dd-btn:active,
body.dd .dd-hdr-btn:active,
body.dd .dd-hdr-avatar:active,
body.dd #top-bar .menu_link:active,
body.dd .dd-hero-locate:active,
body.dd .dd-hero-addr-edit:active,
body.dd .f4c-btn:not(.is-disabled):active,
body.dd .f4c-menu-change-address:active,
body.dd .f4c-menu-close:active,
body.dd .f4c-modal-close:active,
body.dd .f4c-lang-btn:active,
body.dd .f4c-address-select:active,
body.dd .f4c-stores-filter-btn:active{
	transform: scale(.96);
	box-shadow: none;
}
body.dd .f4c-store-card:active,
body.dd .f4c-cat:active,
body.dd .dd-cat:active{
	transform: scale(.98);
}
/* εμφάνιση: πλαϊνό μενού σύρεται από αριστερά, modal / dropdown / προτάσεις ανοίγουν ομαλά */
@keyframes dd-drawer{ from{ transform: translateX(-100%); } to{ transform: none; } }
@keyframes dd-fade{ from{ opacity: 0; } to{ opacity: 1; } }
@keyframes dd-pop{ from{ opacity: 0; transform: translateY(14px) scale(.98); } to{ opacity: 1; transform: none; } }
@keyframes dd-drop{ from{ opacity: 0; transform: translateY(-6px) scale(.98); } to{ opacity: 1; transform: none; } }
body.dd .menu-right-bar{
	animation: dd-drawer .28s cubic-bezier(.2, .8, .2, 1);
}
body.dd .f4c-modal{
	animation: dd-fade .2s ease;
}
body.dd .f4c-modal-card{
	animation: dd-pop .26s cubic-bezier(.2, .8, .2, 1);
}
body.dd .f4c-lang.is-open .f4c-lang-list,
body.dd .dd-hero-suggest{
	animation: dd-drop .18s ease-out;
}
@media (prefers-reduced-motion: reduce){
	body.dd .menu-right-bar,
	body.dd .f4c-modal,
	body.dd .f4c-modal-card,
	body.dd .f4c-lang.is-open .f4c-lang-list,
	body.dd .dd-hero-suggest,
	body.dd .dd-acc.is-open .dd-acc-menu{
		animation: none;
	}
	body.dd *{
		transition-duration: .01ms !important;
	}
	body.dd .dd-btn:hover,
	body.dd .dd-hdr-btn:hover,
	body.dd .f4c-btn:hover,
	body.dd .f4c-store-card:hover,
	body.dd .f4c-order-card:hover,
	body.dd .f4c-cat:hover,
	body.dd .dd-cat:hover,
	body.dd .dd-cat:hover .dd-cat-ic,
	body.dd .dd-hdr-avatar:hover{
		transform: none;
	}
}

/* ---------------- γωνίες 10px σε όλα τα πλαίσια ----------------
   Ίδιες γωνίες με τα «Όλα / Διαθέσιμα» παντού. Οι μεταβλητές --dd-r-md / --dd-r-lg (και οι --radius* της σελίδας
   καταστήματος) είναι ήδη 10px· εδώ οι κανόνες των f4c_stores.css / f4c_modal.css / head.php / table_order_new/view.php
   που δεν τους ξανα-ορίζει το doordrop.css. Μένουν στρογγυλοί οι κύκλοι (avatar, ♡, ⓘ, κουκκίδες, κουμπί κλεισίματος)
   και τα σήματα με αριθμό (ειδοποιήσεις, πλήθος φίλτρων, «Τα καλάθια σου»). */
body.dd .f4c-stores-change,
body.dd .f4c-stores-change-area,
body.dd .f4c-store-badge,
body.dd .f4c-store-stat,
body.dd .f4c-store-tags span,
body.dd .f4c-area,
body.dd .f4c-city,
body.dd .f4c-city-count,
body.dd .f4c-order-status,
body.dd .f4c-order-tags span,
body.dd .f4c-order-items,
body.dd .f4c-order-open,
body.dd .f4c-vco-store,
body.dd .f4c-vco-store .f4c-store-logo,
body.dd .f4c-vco-status,
body.dd .f4c-vco-status-icon,
body.dd .f4c-chip span,
body.dd .f4c-terms-body,
body.dd .f4c-error,
body.dd .f4c-success,
body.dd .f4c-lang-btn,
body.dd .f4c-lang-list,
body.dd .f4c-menu-user,
body.dd .f4c-menu-categories,
body.dd .f4c-menu-item,
body.dd .f4c-menu-item-icon,
body.dd .f4c-menu select[name=user_stores_change],
body.dd .f4c-menu-address-box,
body.dd .f4c-menu-change-address,
body.dd .receipt-order-pill,
body.dd .receipt-download,
body.dd .receipt-notify,
body.dd .receipt-card,
body.dd .receipt-cancel-reason,
body.dd .receipt-eta,
body.dd .receipt-handoff,
body.dd .receipt-action{
	border-radius: 10px;
}
body.dd .f4c-filter-actions{
	border-radius: 0 0 10px 10px;
}
/* #160: βελάκι «Πίσω» / «Μπροστά» της χειρονομίας από την άκρη (js/dd_swipe_nav.js) — μόνο μέσα στην εφαρμογή.
   Ακολουθεί το δάχτυλο (transform χωρίς transition)· κίτρινο όταν «οπλίσει». */
body.dd .dd-swipe-nav{
	position: fixed;
	left: 0;
	z-index: 2147483000;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: var(--dd-ink);
	box-shadow: 0 6px 18px rgba(28, 26, 21, .18);
	opacity: 0;
	pointer-events: none;
	transition: background-color .15s, color .15s, opacity .15s;
}
body.dd .dd-swipe-nav.is-forward{
	left: auto;
	right: 0;
}
body.dd .dd-swipe-nav.is-forward svg{
	transform: rotate(180deg);
}
body.dd .dd-swipe-nav.is-armed{
	background: var(--dd-brand);
	color: var(--dd-on-brand);
}
/* #175: «Παράγγειλε ξανά» — έως 3 φωτογραφίες προϊόντων κάτω από την ημερομηνία + «+N» (menu/delivery.php) */
body.dd.delivery-page .reorder-thumbs{
	display: flex;
	gap: 6px;
}
body.dd.delivery-page .reorder-thumb{
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	background-color: var(--dd-s2);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
body.dd.delivery-page .reorder-thumb.is-more{
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--dd-muted);
	font-size: 13px;
	font-weight: 700;
}