/* iFlower kujundus 2026 — vt mu-plugins/if-kujundus.php */

/* ---------- v1 menüü ---------- */
/* Õige kirjatüüp: teema CSS-is on olematu nimi 'FreightBig Pro' (brauser näitas Times New Roman'it),
   Typekiti font on freight-big-pro (sama mis jaluse pealkirjades). */
body.if-menuu #primary-menu-list .sub-menu a {
	font-family: freight-big-pro, 'Playfair Display', serif;
}

@media screen and (max-width: 782px) {
	body.if-menuu #primary-menu-list > li > a,
	body.if-menuu .accounts span a {
		font-family: freight-big-pro, 'Playfair Display', serif;
	}
}

/* ---------- v2 väikesed parandused ---------- */
/* Kassa: Modena enda pildifail on katki (paistis ainult „mc") */
body.if-v2 li.payment_method_modena_direct > label img {
	display: none;
}

/* Kassa: nõusoleku lingid („privaatsuspoliitika", „tellimistingimustega") roosad ja allajoonitud */
body.if-v2 .woocommerce-terms-and-conditions-checkbox-text a {
	color: var(--primary-color, #AC0D59);
	text-decoration: underline;
}

/* Jalus: tühi Instagrami plokk (voog ei tööta) peidus; ilmub ise tagasi, kui voos on postitusi */
body.if-v2 .pt-80.pb-120:has(#sb_instagram):not(:has(.sbi_item)) {
	display: none;
}

/* „… lisati sinu ostukorvi" jt teated brändi värvides (enne tumeroheline riba) */
body.if-v2 .woocommerce-message {
	background: var(--lightpink-color, #FDEAEE);
	color: var(--primary-color, #AC0D59);
	border: 1px solid rgba(172, 13, 89, .25);
	border-radius: 10px;
}
body.if-v2 .woocommerce-message a:not(.button) {
	color: var(--primary-color, #AC0D59);
}
body.if-v2 .woocommerce-message .button.wc-forward {
	background: var(--primary-color, #AC0D59);
	color: #fff;
	border: 0;
	border-radius: 8px;
	font-weight: 600;
}
body.if-v2 .woocommerce-message .button.wc-forward:hover {
	background: #8a0a47;
	color: #fff;
}

/* Poe teaderiba („Hea klient! Nädalavahetustel …") kompaktsemaks — telefonis kattis see 160 px ekraanist */
body.if-v2 .woocommerce-store-notice {
	font-size: 14px;
	line-height: 1.45;
	padding: 10px 16px;
}
@media screen and (max-width: 782px) {
	body.if-v2 .woocommerce-store-notice {
		font-size: 13px;
		line-height: 1.4;
		padding: 8px 12px;
	}
}

/* ---------- punkt 14: soodussilt diagonaalse lindina pildi nurgas (enne magenta klots „Allahindlus!") ---------- */
body.if-p14 li.product {
	position: relative;
}
body.if-p14 li.product .if-lint {
	position: absolute;
	top: 0;
	left: 0;
	z-index: auto; /* nagu algne silt: kerimisel kinnitatud päise (z-index 1) all */
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-top-left-radius: 16px;
	pointer-events: none;
}
/* avalehe karussellid (ul.promo-slider): pilt on kaardis 12 px paremal, nurk 12 px;
   seal oli silt seni vormindamata tekst „Allahindlus!" pealkirja all */
body.if-p14 .promo-slider li.product .if-lint {
	left: 12px;
	border-top-left-radius: 12px;
}
/* header.php: „#front-promo-sections-wrap .bg-lightpink * { color: #AC0D59 !important }" → valge tekst vajab ID-d */
body.if-p14 #front-promo-sections-wrap li.product .if-lint .onsale {
	color: #fff !important;
}
body.if-p14 li.product .if-lint .onsale {
	position: absolute;
	top: 22px;
	left: -38px;
	right: auto;
	bottom: auto;
	width: 150px;
	min-width: 0;
	min-height: 0;
	height: auto;
	margin: 0;
	padding: 6px 0;
	transform: rotate(-45deg);
	background: var(--primary-color, #AC0D59);
	color: #fff !important; /* avalehe karusselli teema värvib kaardi teksti magentaks (= lindi taust) */
	border: 0;
	border-radius: 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .22);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .08em;
	text-align: center;
	text-transform: uppercase;
}
@media screen and (max-width: 782px) {
	body.if-p14 li.product .if-lint {
		width: 80px;
		height: 80px;
	}
	body.if-p14 li.product .if-lint .onsale {
		top: 20px;
		left: -34px;
		width: 134px;
		padding: 4px 0;
		font-size: 10px;
	}
}

/* ---------- punkt 15: kassa „Lisa juurde" rida (teema karussell „Lisa kingitus" kassas peidus) ---------- */
body.if-p15.woocommerce-checkout #gift-slider-wrap {
	display: none !important; /* teema tekstisisene reegel telefonis: #gift-slider-wrap { display: block !important } */
}
body.if-p15 #if-lisad {
	margin: 20px 0 22px;
}
body.if-p15 #if-lisad .if-lisad__pealkiri {
	margin: 0 0 10px;
	padding: 0;
	background: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	color: var(--primary-color, #AC0D59);
}
body.if-p15 #if-lisad .if-lisad__rida {
	display: flex;
	gap: 10px;
	margin: 0;
	padding: 2px 2px 10px;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	-webkit-overflow-scrolling: touch;
}
body.if-p15 #if-lisad .if-lisa {
	flex: 0 0 122px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0;
	padding: 8px 8px 10px;
	background: #fff;
	border: 1px solid #F3DDE5;
	border-radius: 12px;
	text-align: center;
	scroll-snap-align: start;
}
body.if-p15 #if-lisad .if-lisa .if-lisa__pilt {
	width: 88px;
	height: 88px;
	margin: 0 0 6px;
	object-fit: cover;
	border-radius: 8px;
}
body.if-p15 #if-lisad .if-lisa__nimi {
	display: block;
	height: 2.6em;
	overflow: hidden;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	color: #333;
}
body.if-p15 #if-lisad .if-lisa__hind {
	margin: 4px 0 8px;
	font-size: 13px;
	font-weight: 700;
	color: var(--primary-color, #AC0D59);
}
body.if-p15 #if-lisad .if-lisa__hind del {
	color: #888;
	font-weight: 400;
	font-size: 11px;
}
body.if-p15 #if-lisad .if-lisa__hind ins {
	text-decoration: none;
}
body.if-p15 #if-lisad a.if-lisa__nupp {
	display: block;
	width: 100%;
	margin: auto 0 0;
	padding: 6px 0;
	background: #fff;
	color: var(--primary-color, #AC0D59);
	border: 1px solid var(--primary-color, #AC0D59);
	border-radius: 8px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: none;
	text-decoration: none;
}
body.if-p15 #if-lisad a.if-lisa__nupp:hover {
	background: var(--primary-color, #AC0D59);
	color: #fff;
}
body.if-p15 #if-lisad a.if-lisa__nupp.loading {
	opacity: .6;
}
body.if-p15 #if-lisad a.if-lisa__nupp.if-lisatud {
	background: #E6F5EC;
	color: #1E7A4C;
	border-color: #1E7A4C;
	pointer-events: none;
}

/* ---------- punkt 16a: „Logi sisse ja teeni …" + „Kupong?" ühe reana (olid kaks rida magenta joonega) ---------- */
body.if-p16.woocommerce-checkout .woocommerce > .wc_points_rewards_earn_points,
body.if-p16.woocommerce-checkout .woocommerce > .woocommerce-form-coupon-toggle {
	display: inline-block;
	margin: 0 22px 14px 0;
	vertical-align: top;
}
body.if-p16.woocommerce-checkout .woocommerce > .wc_points_rewards_earn_points,
body.if-p16.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	font-size: 14px;
	line-height: 1.5;
	color: #666;
}
body.if-p16.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
	margin: 0;
}
body.if-p16.woocommerce-checkout .woocommerce > .wc_points_rewards_earn_points a,
body.if-p16.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
	color: var(--primary-color, #AC0D59);
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
}
body.if-p16.woocommerce-checkout .woocommerce > .wc_points_rewards_earn_points a {
	margin-left: 4px; /* plugina tekstis „ostult.Logi sisse" puudub tühik */
}

/* ---------- punkt 16b: telefonis „Sinu tellimus" → „Lisa juurde" → „Logi sisse / Kupong?" → vorm → maksmine ----------
   v2 30.09 (arendaja: „kassa suurused, vahed, kastid nagu Lilleoutletis"): kassavorm ja #order_review „display: contents" →
   nende osad ja sisselogimise/kupongi rida on ühes flex-veerus (.woocommerce) järjestatavad; kupongivorm jääb eraldi vormiks
   (pesastatud vorme ei teki). Valget #order_review paneeli pole: pealkiri lehe taustal, tellimus ja makse kaardina.
   :has(> form.checkout) → ainult kassavormiga leht („Täname" ja arve maksmise leht jäävad puutumata). */
@media screen and (max-width: 782px) {
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce:has(> form.checkout) {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		column-gap: 22px;
	}
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce:has(> form.checkout) > * {
		flex: 0 0 100%;
		min-width: 0;
		order: 8;
	}
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce > form.checkout,
	body.if-p16.woocommerce-checkout form.checkout > #order_review {
		display: contents;
	}
	body.if-p16.woocommerce-checkout .entry-content form.checkout > *,
	body.if-p16.woocommerce-checkout .entry-content #order_review > * {
		flex: 0 0 100%;
		min-width: 0;
		max-width: 100%;
	}
	/* NB: .woocommerce otselaste reeglites sama :has(> form.checkout) — muidu on üldine „> * { order: 8 }" tugevam */
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce:has(> form.checkout) > .woocommerce-notices-wrapper,
	body.if-p16.woocommerce-checkout .entry-content form.checkout > .woocommerce-NoticeGroup { order: 0; }
	body.if-p16.woocommerce-checkout .entry-content #order_review > #order_review_heading { order: 1; }
	body.if-p16.woocommerce-checkout .entry-content #order_review > .woocommerce-checkout-review-order-table { order: 2; }
	body.if-p16.woocommerce-checkout .entry-content #order_review > #if-lisad { order: 3; }
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce:has(> form.checkout) > .wc_points_rewards_earn_points,
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce:has(> form.checkout) > .woocommerce-form-coupon-toggle {
		flex: 0 0 auto;
		order: 4;
		margin: 0 0 12px;
	}
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce:has(> form.checkout) > form.checkout_coupon,
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce:has(> form.checkout) > form.woocommerce-form-login { order: 5; }
	/* „Sinu tellimus" ei kleepu päise külge (Lilleoutletis ~20 px vahe) */
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce:has(> form.checkout) {
		padding-top: 16px;
	}
	body.if-p16.woocommerce-checkout .entry-content form.checkout > #customer_details {
		order: 6;
		padding-left: 0;
		padding-right: 0;
	}
	body.if-p16.woocommerce-checkout .entry-content #order_review > #payment { order: 7; }
	/* servad 16 → 8 px (Lilleoutletis 7 px): kaardid ja väljad laiemad */
	body.if-p16.woocommerce-checkout #primary1:has(form.checkout) {
		margin-left: -8px;
		margin-right: -8px;
	}
}

/* ---------- punkt 16d: telefonis all kinnitatud „Kokku … / Maksma" riba (peidus, kui makseosa on ekraanil) ---------- */
body.if-p16 #if-kassariba {
	display: none;
}
@media screen and (max-width: 782px) {
	body.if-p16 #if-kassariba {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9990;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
		background: #fff;
		box-shadow: 0 -4px 16px rgba(0, 0, 0, .12);
		transition: transform .2s ease;
	}
	body.if-p16 #if-kassariba.if-peidus {
		transform: translateY(110%);
	}
	body.if-p16 #if-kassariba .if-kassariba__tekst {
		font-size: 15px;
		color: #333;
	}
	body.if-p16 #if-kassariba .if-kassariba__summa {
		font-size: 18px;
		color: var(--primary-color, #AC0D59);
	}
	body.if-p16 #if-kassariba .if-kassariba__nupp {
		margin: 0;
		padding: 12px 22px;
		background: var(--primary-color, #AC0D59);
		color: #fff;
		border: 0;
		border-radius: 10px;
		font-size: 15px;
		font-weight: 700;
		line-height: 1.2;
	}
	body.if-p16.woocommerce-checkout {
		padding-bottom: 72px;
	}
	/* Askly vestlusnupp riba kohale (sama reegel mis punktis 3, kui see pole sees) */
	body.if-p16 iframe[title="Askly chat"][style*="height: 60px"] {
		bottom: max(65px, calc(var(--if-teade-h, 0px) + var(--if-riba-h, 0px) + 10px)) !important;
	}
}
/* teateriba kassas: all kinnitatud riba asemel tavaline infokast transpordi valiku all (kõik laiused) */
body.if-p16 .woocommerce-store-notice.if-teade-kassas,
body.if-p3 .woocommerce-store-notice.if-teade-kassas {
	position: static;
	margin: 12px 0 4px;
	padding: 10px 12px;
	background: #FDF1F4;
	color: #333;
	border-radius: 10px;
	box-shadow: none;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
}
body.if-p16 .woocommerce-store-notice.if-teade-kassas::before {
	display: none;
}
body.if-p16 .woocommerce-store-notice.if-teade-kassas .woocommerce-store-notice__dismiss-link {
	display: none;
}

/* ---------- punkt 16e: ostukorvi meeldetuletuse tekst (Cartflows) jooksis telefonis „Sinu firma" välja peale ---------- */
body.if-p16 #wcf_cf_gdpr_message_block {
	display: block;
	margin: 6px 0 16px;
	font-size: 12px;
	line-height: 1.45;
}

/* ---------- punkt 20: kassa uuendamisel ei vilgu valge kate (tellimuse tabel ja makseosa; esitamise kate jääb) ---------- */
body.if-p20.woocommerce-checkout .woocommerce-checkout-review-order-table .blockUI.blockOverlay,
body.if-p20.woocommerce-checkout #payment .blockUI.blockOverlay {
	background: transparent !important;
	opacity: 1 !important;
}
body.if-p20.woocommerce-checkout .woocommerce-checkout-review-order-table .blockUI.blockOverlay::before,
body.if-p20.woocommerce-checkout #payment .blockUI.blockOverlay::before {
	display: none !important;
}
/* ostukorv = kassa leht → WooCommerce näitab avamisel ostukorvi märkust „Tarnevõimalusi uuendatakse kassas." (3 rida),
   mis esimese uuendusega kaob → kokkuvõte hüppas ~70 px */
body.if-p20.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-destination {
	display: none;
}

/* ---------- punkt 21: „Täname" leht — tänuplokk, kokkuvõte ja andmed kaartidena, tagasiside kaardina ---------- */
/* topelt pealkirjad (lehe pealkiri „Tellimus vastu võetud" ja „Tellimuse detailid edastatakse …") — tänuplokk ütleb sama */
body.if-p21.woocommerce-order-received h1.entry-title,
body.if-p21.woocommerce-order-received .woocommerce-order > .woocommerce-thankyou-order-received,
body.if-p21.woocommerce-order-received .woocommerce-order > h3,
body.if-p21.woocommerce-order-received .woocommerce-order > h3 + p:empty {
	display: none;
}
body.if-p21.woocommerce-order-received .woocommerce-order {
	max-width: 680px;
	margin: 0 auto;
}
body.if-p21 .if-aitah {
	margin: 12px 0 24px;
	text-align: center;
}
body.if-p21 .if-aitah__ikoon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin: 0 auto 14px;
	background: var(--primary-color, #AC0D59);
	border-radius: 50%;
	box-shadow: 0 6px 18px rgba(172, 13, 89, .28);
}
body.if-p21 .if-aitah--ootel .if-aitah__ikoon {
	background: #C9A227;
	box-shadow: none;
}
body.if-p21 .if-aitah__pealkiri {
	margin: 0 0 8px;
	font-family: freight-big-pro, 'Playfair Display', serif;
	font-size: 34px;
	font-weight: 400;
	line-height: 1.15;
	color: var(--primary-color, #AC0D59);
}
body.if-p21 .if-aitah__tekst {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: #555;
}
body.if-p21 .if-aitah__tekst strong {
	color: #222;
}
/* kokkuvõte (nr, kuupäev, summa, makseviis) — üks kaart, telefonis 2 × 2, arvutis 4 kõrvuti */
body.if-p21.woocommerce-order-received ul.woocommerce-order-overview {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 16px;
	margin: 0 0 24px;
	padding: 16px 18px;
	list-style: none;
	background: #fff;
	border: 0;
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}
body.if-p21.woocommerce-order-received ul.woocommerce-order-overview li {
	margin: 0;
	padding: 0;
	border: 0;
	float: none;
	width: auto;
	font-size: 12.5px;
	line-height: 1.4;
	text-transform: none;
	color: #777;
}
body.if-p21.woocommerce-order-received ul.woocommerce-order-overview li strong {
	display: block;
	margin-top: 2px;
	font-size: 16px;
	font-weight: 700;
	color: #222;
}
body.if-p21.woocommerce-order-received ul.woocommerce-order-overview li.total strong {
	color: var(--primary-color, #AC0D59);
}
@media screen and (min-width: 783px) {
	body.if-p21.woocommerce-order-received ul.woocommerce-order-overview {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
/* pealkirjad: „Tarne aeg ja kaart", „Tellimuse andmed" */
body.if-p21.woocommerce-order-received .woocommerce-order > h2,
body.if-p21.woocommerce-order-received .woocommerce-order-details__title {
	margin: 0 0 10px;
	font-family: freight-big-pro, 'Playfair Display', serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--primary-color, #AC0D59);
}
/* tarne aeg ja kaart + tellimuse andmed — valged kaardid */
body.if-p21.woocommerce-order-received table.gift_info,
body.if-p21.woocommerce-order-received table.order_details {
	width: 100%;
	margin: 0 0 24px;
	background: #fff;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
	overflow: hidden;
}
body.if-p21.woocommerce-order-received table.gift_info th,
body.if-p21.woocommerce-order-received table.gift_info td,
body.if-p21.woocommerce-order-received table.order_details th,
body.if-p21.woocommerce-order-received table.order_details td {
	padding: 11px 16px;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #F3E8EC;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.45;
	text-align: left;
	vertical-align: top;
	overflow-wrap: anywhere;
	color: #222;
}
body.if-p21.woocommerce-order-received table.gift_info th,
body.if-p21.woocommerce-order-received table.order_details tfoot th {
	width: 40%;
	color: #777;
}
body.if-p21.woocommerce-order-received table.gift_info tr:last-child th,
body.if-p21.woocommerce-order-received table.gift_info tr:last-child td {
	border-bottom: 0;
}
/* kaardi tekst: <pre> (kirjamasinakiri, ei murdunud → telefonis külgkerimine) → tavaline kursiiv, murdub */
body.if-p21.woocommerce-order-received table.gift_info pre {
	margin: 0;
	padding: 0;
	background: none;
	font-family: inherit;
	font-size: 15px;
	font-style: italic;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	color: #222;
}
body.if-p21.woocommerce-order-received table.order_details thead {
	display: none;
}
body.if-p21.woocommerce-order-received table.order_details td.product-name a {
	color: #222;
	font-weight: 600;
	text-decoration: none;
}
body.if-p21.woocommerce-order-received table.order_details td.product-total,
body.if-p21.woocommerce-order-received table.order_details tfoot td {
	text-align: right;
}
body.if-p21.woocommerce-order-received table.order_details td.product-total {
	white-space: nowrap;
	font-weight: 700;
}
body.if-p21.woocommerce-order-received table.order_details tfoot tr:last-child th,
body.if-p21.woocommerce-order-received table.order_details tfoot tr:last-child td {
	border-bottom: 0;
}
body.if-p21.woocommerce-order-received table.order_details small.includes_tax,
body.if-p21.woocommerce-order-received table.order_details small.shipped_via {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: #777;
}
body.if-p21.woocommerce-order-received table.order_details a.button {
	display: inline-block;
	margin: 0 0 6px 8px;
	padding: 6px 12px;
	font-size: 13px;
	border-radius: 8px;
}
/* tagasiside („Kui lihtne oli meilt tellida?") — kaart; tärnid (teemas polnud stiili → paistsid raadionupud) */
body.if-p21 #my-order-feedback-form {
	margin: 0 0 22px;
	padding: 18px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
	text-align: center;
}
body.if-p21 #my-order-feedback-form > strong {
	display: block;
	margin: 0 0 6px;
	font-family: freight-big-pro, 'Playfair Display', serif;
	font-size: 24px;
	font-weight: 400;
	color: var(--primary-color, #AC0D59);
}
body.if-p21 #my-order-feedback-form > br {
	display: none;
}
body.if-p21 #my-order-feedback-form div.star-rating {
	justify-content: center;
	width: auto;
	height: auto;
	margin: 0 0 8px;
}
body.if-p21 #my-order-feedback-form input.star-rating__checkbox {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}
body.if-p21 #my-order-feedback-form .star-rating__star {
	padding: 0 3px;
	font-size: 34px;
	line-height: 1;
	color: #EAD3DD;
	cursor: pointer;
	transition: color .15s ease;
}
body.if-p21 #my-order-feedback-form .star-rating__star.is-selected {
	color: var(--primary-color, #AC0D59);
}
body.if-p21 #my-order-feedback-form textarea {
	width: 100%;
	min-height: 90px;
	margin: 6px 0 10px;
	border-radius: 12px;
}
body.if-p21 .if-aitah__edasi {
	margin: 6px 0 36px;
	text-align: center;
}
body.if-p21.woocommerce-order-received a.button.if-aitah__nupp {
	display: inline-block;
	padding: 12px 28px;
	background: #fff;
	color: var(--primary-color, #AC0D59);
	border: 1px solid var(--primary-color, #AC0D59);
	border-radius: 10px;
	font-weight: 700;
	text-decoration: none;
}
body.if-p21.woocommerce-order-received a.button.if-aitah__nupp:hover {
	background: var(--primary-color, #AC0D59);
	color: #fff;
}

/* ---------- punkt 8: avalehe päisplokk TELEFONIS peidus → tooted kohe päise all (arvutis alles: omanikule meeldis) ---------- */
@media (max-width: 767px) {
	body.if-p8 main > .bg-primary:has(#intro-view) {
		display: none;
	}
}

/* ---------- punkt 3: teateriba — „Peida" paremal eraldi nupuna (enne tekstirea lõpus) ---------- */
body.if-p3 .woocommerce-store-notice {
	padding-right: 116px;
}
body.if-p3 .woocommerce-store-notice__dismiss-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100px;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: rgba(0, 0, 0, .18);
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}
body.if-p3 .woocommerce-store-notice__dismiss-link:hover,
body.if-p3 .woocommerce-store-notice__dismiss-link:focus {
	background: rgba(0, 0, 0, .3);
	color: #fff;
}
@media screen and (max-width: 782px) {
	body.if-p3 .woocommerce-store-notice {
		font-size: 12.5px;
		line-height: 1.35;
		padding: 7px 78px 7px 12px;
	}
	body.if-p3 .woocommerce-store-notice::before {
		display: none;
	}
	body.if-p3 .woocommerce-store-notice__dismiss-link {
		width: 66px;
	}
	/* Askly vestlusnupp (suletuna 60 × 60) kattis teaderiba paremat serva → riba kohale; riba peidetuna tagasi 65 px */
	body.if-p3 iframe[title="Askly chat"][style*="height: 60px"] {
		bottom: max(65px, calc(var(--if-teade-h, 0px) + var(--if-riba-h, 0px) + 10px)) !important;
	}
}

/* ---------- punkt 25: avalehe karussellid ---------- */
/* pealkirja real paremal „Vaata kõiki →" (seal oli tühi Instagrami link) — ümar nupp nagu Lilleoutletis */
body.if-p25 .if-vaata-koiki {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	border: 1px solid #EAD3DD;
	border-radius: 999px;
	background: transparent;
	color: #AC0D59 !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background-color 0.2s, border-color 0.2s;
}
/* header.php: „#front-promo-sections-wrap * { color: #506756 !important }" → värv vajab ID-d */
body.if-p25 #front-promo-sections-wrap .if-vaata-koiki,
body.if-p25 #front-promo-sections-wrap .if-vaata-koiki * {
	color: #AC0D59 !important;
}
body.if-p25 .if-vaata-koiki span {
	transition: transform 0.2s;
}
body.if-p25 .if-vaata-koiki:hover,
body.if-p25 .if-vaata-koiki:focus-visible {
	background: #FDEAEE;
	border-color: #AC0D59;
}
body.if-p25 .if-vaata-koiki:hover span,
body.if-p25 .if-vaata-koiki:focus-visible span {
	transform: translateX(3px);
}
/* arvutis on karusselli nooled pealkirja rea paremas servas (teema style.css: top -55px) → nupp noolte kõrvale */
@media (min-width: 1025px) {
	body.if-p25 .if-vaata-koiki {
		margin-right: 110px;
	}
}
/* telefonis 2 kaarti korraga nagu kategoorias (enne 1 suur kaart 324 × 557 px; teema andis nimele inline-size 320px) */
@media (max-width: 767px) {
	body.if-p25 #promo-slider-wrap ul.promo-slider {
		margin-left: -12px;
		margin-right: 0;
	}
	body.if-p25 ul.promo-slider li.product.slick-slide {
		width: calc((100vw - 20px) / 2) !important;
	}
	/* nimi: teema reavahe 34 px → kahel real nimi võttis 68 px */
	body.if-p25 #front-promo-sections-wrap ul.promo-slider h2.woocommerce-loop-product__title {
		inline-size: auto;
		line-height: 1.25;
		margin-bottom: 6px;
	}
	/* kirjeldus kuni 2 rida; teema alumine sisevahe (1rem) → välisvaheks, muidu paistaks 3. rida pooleldi */
	body.if-p25 #front-promo-sections-wrap .woocommerce-loop-product__link .my-add-desc {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		padding-bottom: 0;
		margin-bottom: 1rem;
	}
}
@media (min-width: 580px) and (max-width: 767px) {
	body.if-p25 ul.promo-slider li.product.slick-slide {
		width: calc((100vw - 20px) / 3) !important;
	}
}

/* ---------- punkt 26: avalehe karusselli kaardil „Osta kohe" (teema peitis kaardi nupu) ---------- */
/* kaardid ühekõrgused (slick-track flex) → nupud ühel joonel ka siis, kui nimi on kahel real */
body.if-p26 #front-promo-sections-wrap ul.promo-slider .slick-track {
	display: flex !important;
}
body.if-p26 #front-promo-sections-wrap ul.promo-slider li.product.slick-slide {
	display: flex !important;
	flex-direction: column;
	height: auto;
	float: none;
}
body.if-p26 #front-promo-sections-wrap ul.promo-slider li.product .woocommerce-LoopProduct-link {
	flex: 1 1 auto;
}
/* nupp nagu tootelehe „Osta kohe"; pilt on kaardis 12 px paremal → nupp samuti */
body.if-p26 #front-promo-sections-wrap ul.promo-slider li.product a.button {
	display: block !important;
	margin: 0 0 4px 12px;
	padding: 11px 10px;
	border: 0;
	border-radius: 12px;
	background: #AC0D59 !important;
	color: #FFEBED !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	text-transform: none;
	transition: background-color 0.2s;
}
body.if-p26 #front-promo-sections-wrap ul.promo-slider li.product a.button:hover,
body.if-p26 #front-promo-sections-wrap ul.promo-slider li.product a.button:focus-visible {
	background: #8A0A47 !important;
}

/* punkt 26: „Osta kohe" valikute aken („Üks küsimus: kas soovid 70 cm pikki roose või 50 cm lühemaid?") —
   telefonis alt üles tõusev leht, arvutis keskel */
html.if-aken-lahti,
html.if-aken-lahti body {
	overflow: hidden;
}
html.if-aken-lahti iframe[title="Askly chat"] {
	display: none !important;
}
.if-aken {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: none;
}
.if-aken.lahti {
	display: block;
}
.if-aken__taust {
	position: absolute;
	inset: 0;
	background: rgba(40, 20, 30, 0.45);
	animation: if-aken-taust 0.2s ease;
}
.if-aken__kast {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	width: min(440px, calc(100vw - 32px));
	max-height: calc(100vh - 32px);
	overflow: auto;
	padding: 20px 20px 16px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
	color: #3F5244;
	font-family: 'Open Sans', sans-serif;
	animation: if-aken-sisse 0.22s ease;
}
@media (max-width: 600px) {
	.if-aken__kast {
		left: 0;
		right: 0;
		top: auto;
		bottom: 0;
		transform: none;
		width: auto;
		max-height: 88vh;
		padding: 18px 16px calc(14px + env(safe-area-inset-bottom));
		border-radius: 18px 18px 0 0;
		animation-name: if-aken-ules;
	}
}
.if-aken__sulge {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #506756;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}
.if-aken__sulge:hover {
	background: #F7EEF1;
}
.if-aken__toode {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-right: 36px;
}
.if-aken__pilt {
	flex: none;
	width: 64px;
	height: 85px;
	object-fit: cover;
	border-radius: 10px;
}
.if-aken__nimi {
	color: #3F5244;
	font-family: freight-big-pro, serif;
	font-size: 22px;
	line-height: 1.2;
}
.if-aken__hind {
	margin-top: 4px;
	color: #AC0D59;
	font-size: 15px;
	font-weight: 600;
}
.if-aken__yks {
	margin-top: 16px;
	color: #AC0D59;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.if-aken__kusimus {
	margin-top: 4px;
	color: #3F5244;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.35;
}
.if-aken__kusimus + .if-aken__valikud + .if-aken__kusimus {
	margin-top: 14px;
}
.if-aken__valikud {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
	gap: 10px;
	margin-top: 12px;
}
.if-aken__valik {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	padding: 12px 10px;
	border: 1.5px solid #EAD3DD;
	border-radius: 12px;
	background: #fff;
	color: #3F5244;
	font: inherit;
	cursor: pointer;
	transition: border-color 0.15s, background-color 0.15s;
}
.if-aken__valik:hover:not(:disabled) {
	border-color: #AC0D59;
}
.if-aken__valik.on {
	border-color: #AC0D59;
	background: #FDEAEE;
	box-shadow: inset 0 0 0 1px #AC0D59;
}
.if-aken__valik:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}
.if-aken__valiknimi {
	font-size: 16px;
	font-weight: 700;
}
.if-aken__valikkirjeldus {
	color: #506756;
	font-size: 12px;
	line-height: 1.3;
	text-align: center;
	overflow-wrap: anywhere;
}
.if-aken__valikhind {
	margin-top: 2px;
	color: #6B7B6E;
	font-size: 13px;
}
.if-aken__kogus {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 16px;
	font-size: 14px;
}
.if-aken__kogus > span:first-child {
	margin-right: auto;
	font-weight: 600;
}
.if-aken__kogus button {
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1.5px solid #EAD3DD;
	border-radius: 50%;
	background: #fff;
	color: #AC0D59;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}
.if-aken__kogusarv {
	min-width: 24px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}
.if-aken__osta {
	display: block;
	margin-top: 16px;
	padding: 15px 16px;
	border-radius: 12px;
	background: #AC0D59;
	color: #FFEBED !important;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
}
.if-aken__osta:hover {
	background: #8A0A47;
}
.if-aken__osta.if-keelatud {
	background: #D9C3CC;
	cursor: not-allowed;
}
.if-aken__osta.loading {
	opacity: 0.75;
	pointer-events: none;
}
.if-aken__vaata {
	display: block;
	margin-top: 10px;
	color: #AC0D59 !important;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
.if-aken__vaata:hover {
	text-decoration: underline;
}
@keyframes if-aken-taust {
	from { opacity: 0; }
}
@keyframes if-aken-sisse {
	from { opacity: 0; transform: translate(-50%, -46%); }
}
@keyframes if-aken-ules {
	from { transform: translateY(100%); }
}
@media (prefers-reduced-motion: reduce) {
	.if-aken__taust,
	.if-aken__kast {
		animation: none;
	}
}

/* ---------- punkt 27: avaleht lühemaks (hüppamist pole ka praegu: CLS 0,00–0,01) ---------- */
/* avalehe seadetes on karusselli rida ilma kategooriata → tühi pealkiri + 200 px vahe (ka klientidel) */
body.if-p27 #front-promo-sections-wrap .pt-80.pb-120:not(:has(.promo-slider)):has(a.link-title[href=""]) {
	display: none;
}
/* plokkide vahed 80 + 120 px → arvutis 56 + 72, telefonis 32 + 40 */
body.if-p27 #front-promo-sections-wrap .pt-80.pb-120 {
	padding-top: 56px;
	padding-bottom: 72px;
}
@media (max-width: 767px) {
	/* arendaja 17:07 (pilt telefonist): karusselli all eduriba + tühi ala „mõttetu" → koomale */
	body.if-p27 #front-promo-sections-wrap .pt-80.pb-120 {
		padding-top: 32px;
		padding-bottom: 28px;
	}
	body.if-p27 #front-promo-sections-wrap .pt-80.pb-120 .progress {
		margin-top: 18px;
	}
	body.if-p27 #front-promo-sections-wrap .pt-80.pb-120 > .flex.justify-between {
		padding-bottom: 16px;
	}
}
/* punkt 25: lühikirjelduseta toote kaardil oli ainult „.." (if-kujundus.js märgib) */
body.if-p25 .my-add-desc.if-tyhi {
	display: none !important;
}

/* ---------- punkt 28: tarneinfo („miks meie", teema templates/part-features.php) kompaktsete kaartidena ----------
   tekstid samad (ACF reason_1–3); enne 10 px tähevahega tekst, telefonis 3 rida üksteise all (232 px esimesest ekraanist) */
body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) {
	gap: 12px;
}
body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) > .flex {
	align-items: center;
	padding: 12px 14px;
	border: 1px solid #F3DDE5;
	border-radius: 14px;
	background: #fff;
}
/* ikoon ringis */
body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) > .flex > .flex-none {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #FDEAEE;
}
body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) .new-feature-icon {
	width: 24px;
	max-height: 24px;
	padding: 0;
}
body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) .new-feature-text-wrap {
	padding-left: 12px;
}
body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) .new-feature-text-wrap p {
	margin: 0;
	color: #506756;
	font-size: 13px;
	line-height: 1.45;
	letter-spacing: 0;
}
/* täpid ainult telefonis (arvutis 3 kaarti kõrvuti) */
body.if-p28 .if-tarne__taepid {
	display: none;
}
@media (max-width: 767px) {
	/* telefonis ÜKS teade korraga, vahetub iseenesest 5 s tagant, all täpid (arendaja 17:2x: libistatavat rida „keegi ei
	   hakka scrollima" → valik C). Kõik 3 samas lahtris → riba kõrgus = pikim teade, vahetus ei nihuta lehte;
	   esimene paistab ka enne JS-i; täppide ruum on alla jäetud (if-kujundus.js tarneinfo()) */
	body.if-p28 .bg-lightpink.pb-5.pt-6:has(.new-feature-text-wrap) {
		position: relative;
		padding-top: 12px;
		padding-bottom: 30px;
	}
	body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
	}
	body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) > .flex {
		grid-area: 1 / 1;
		padding: 0 2px;
		border: 0;
		background: transparent;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.45s ease, visibility 0s linear 0.45s;
	}
	body.if-p28 .grid:has(> .flex > .new-feature-text-wrap):not(.if-tarne) > .flex:first-child,
	body.if-p28 .grid.if-tarne > .flex.if-aktiivne {
		opacity: 1;
		visibility: visible;
		transition: opacity 0.45s ease;
	}
	body.if-p28 .if-tarne__taepid {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 6px;
		display: flex;
		justify-content: center;
	}
	body.if-p28 .if-tarne__taepid button {
		width: 24px;
		height: 18px;
		padding: 0;
		border: 0;
		background: none;
		cursor: pointer;
	}
	body.if-p28 .if-tarne__taepid button::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		margin: auto;
		border-radius: 3px;
		background: #EAD3DD;
		transition: width 0.3s, background-color 0.3s;
	}
	body.if-p28 .if-tarne__taepid button.on::before {
		width: 16px;
		background: #AC0D59;
	}
	body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) > .flex > .flex-none {
		width: 38px;
		height: 38px;
	}
	body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) .new-feature-icon {
		width: 22px;
		max-height: 22px;
	}
	body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) .new-feature-text-wrap p {
		font-size: 12.5px;
		line-height: 1.4;
	}
}

/* punkt 27: karussell ENNE slicki käivitumist (jQuery ready, aeglasel telefonil ~3 s) samas kujus kui pärast — muidu olid
   kaardid enne mitmes reas ja allpool olev sisu hüppas üles (CLS 0,074, kui karussell jäi esimesele ekraanile) */
body.if-p27 #front-promo-sections-wrap ul.promo-slider:not(.slick-initialized) {
	display: flex;
	flex-wrap: nowrap;
	margin-left: -14px;
	margin-right: -14px;
	overflow: hidden;
}
body.if-p27 #front-promo-sections-wrap ul.promo-slider:not(.slick-initialized) > li.product {
	display: flex;
	flex: 0 0 25%;
	flex-direction: column;
	width: auto;
	margin: 0;
	float: none;
}
@media (max-width: 767px) {
	body.if-p27 #front-promo-sections-wrap ul.promo-slider:not(.slick-initialized) {
		margin-left: -12px;
		margin-right: 0;
	}
	body.if-p27 #front-promo-sections-wrap ul.promo-slider:not(.slick-initialized) > li.product {
		flex-basis: calc((100vw - 20px) / 2);
	}
}
@media (min-width: 580px) and (max-width: 767px) {
	body.if-p27 #front-promo-sections-wrap ul.promo-slider:not(.slick-initialized) > li.product {
		flex-basis: calc((100vw - 20px) / 3);
	}
}

/* punkt 28 (17:3x arendaja: „ülemised vahelduvad blokid ei paista väga silma" → valge kaart; 17:40: „liiga intensiivne, vähem
   intensiivseks" → õhuke piirjoon + väga kerge vari, ikoon heleroosas ringis magenta joonega, tekst tavalise paksusega) */
body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) > .flex {
	box-shadow: 0 2px 8px rgba(172, 13, 89, 0.05);
}
body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) .new-feature-text-wrap p {
	color: #506756;
	font-weight: 400;
}
@media (max-width: 767px) {
	body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) {
		padding: 12px 14px;
		border: 1px solid #F3DDE5;
		border-radius: 14px;
		background: #fff;
		box-shadow: 0 2px 8px rgba(172, 13, 89, 0.05);
	}
	body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) > .flex {
		box-shadow: none;
	}
	body.if-p28 .grid:has(> .flex > .new-feature-text-wrap) .new-feature-text-wrap p {
		font-size: 13px;
		line-height: 1.4;
	}
}

/* ---------- punkt 30: UUS JALUS (if-kujundus.php storefront_after_footer; arendaja: „tee korda nagu parim UX/UI spets") ----------
   eraldi roosa taust (enne sama hall kui leht → sulandus viimase karusselliga), kontaktid vajutatavate plaatidena, lingid kahes
   veerus, sotsiaalmeedia ümarad nupud, pangad ühtlaste kiipidena, all ettevõtte rida; teema jalus (#new-site-footer) peidus */
body.if-p30 #new-site-footer {
	display: none !important;
}
#if-jalus {
	margin-top: 48px;
	background: #FDEEF2;
	color: #3F5244;
	font-family: 'Open Sans', sans-serif;
}
#if-jalus .if-jalus__sisu {
	display: grid;
	grid-template-columns: 1fr 1.25fr 1.4fr 1.15fr;
	gap: 32px 40px;
	padding-top: 44px;
	padding-bottom: 36px;
}
#if-jalus .custom-logo {
	width: 150px;
	max-width: 100%;
	height: auto;
}
#if-jalus .if-jalus__silt {
	margin: 0 0 12px;
	padding: 0;
	color: #AC0D59;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.3;
	text-transform: uppercase;
}
#if-jalus .if-jalus__nupud {
	display: grid;
	gap: 8px;
}
#if-jalus .if-jalus__nupp {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	margin: 0;
	padding: 10px 14px;
	border: 1px solid #F3DDE5;
	border-radius: 12px;
	background: #fff;
	box-shadow: none;
	color: #3F5244 !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	text-align: left;
	text-decoration: none !important;
	text-transform: none;
	cursor: pointer;
	transition: border-color 0.2s, box-shadow 0.2s;
}
#if-jalus .if-jalus__nupp svg {
	flex: none;
	color: #AC0D59;
}
#if-jalus .if-jalus__nupp span {
	min-width: 0;
	overflow-wrap: anywhere;
}
#if-jalus .if-jalus__nupp:hover,
#if-jalus .if-jalus__nupp:focus-visible {
	border-color: #AC0D59;
	background: #fff;
	box-shadow: 0 2px 10px rgba(172, 13, 89, 0.1);
}
#if-jalus .if-jalus__loend {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#if-jalus .if-jalus__loend li {
	margin: 0;
	padding: 0;
}
/* „Klienditugi" on kontaktides nupuna → menüüs topelt */
#if-jalus .if-jalus__loend li.open-support {
	display: none;
}
#if-jalus .if-jalus__loend a {
	display: inline-block;
	padding: 6px 0;
	color: #3F5244 !important;
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none !important;
}
#if-jalus .if-jalus__loend a:hover,
#if-jalus .if-jalus__loend a:focus-visible {
	color: #AC0D59 !important;
	text-decoration: underline !important;
}
#if-jalus .if-jalus__sotsiaal {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
}
#if-jalus .if-jalus__ikoon {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #AC0D59;
	color: #fff !important;
	transition: background-color 0.2s;
}
#if-jalus .if-jalus__ikoon:hover,
#if-jalus .if-jalus__ikoon:focus-visible {
	background: #8A0A47;
}
#if-jalus .if-jalus__pangad {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}
#if-jalus .if-jalus__pangad > div {
	display: grid;
	place-items: center;
	height: 40px;
	padding: 0 8px !important;
	border-radius: 8px;
	background: #fff;
}
#if-jalus .if-jalus__pangad img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 20px;
}
#if-jalus .if-jalus__alumine {
	border-top: 1px solid #F3DDE5;
}
#if-jalus .if-jalus__alumine .container {
	padding-top: 14px;
	padding-bottom: 14px;
	color: #6B7B6E;
	font-size: 12.5px;
	line-height: 1.5;
}
#if-jalus .if-jalus__alumine a {
	color: inherit !important;
	text-decoration: none !important;
}
#if-jalus .if-jalus__alumine a:hover {
	color: #AC0D59 !important;
	text-decoration: underline !important;
}
@media (max-width: 1023px) {
	#if-jalus {
		margin-top: 32px;
	}
	#if-jalus .if-jalus__sisu {
		grid-template-columns: 1fr;
		gap: 24px;
		padding-top: 28px;
		padding-bottom: 24px;
	}
	#if-jalus .custom-logo {
		width: 130px;
	}
	#if-jalus .if-jalus__nupud {
		grid-template-columns: 1fr 1fr;
	}
	#if-jalus .if-jalus__nupp--lai {
		grid-column: 1 / -1;
	}
	/* all kinnitatud teateriba (punkt 3) ei kata jaluse lõppu */
	#if-jalus .if-jalus__alumine .container {
		padding-bottom: calc(14px + var(--if-teade-h, 0px));
		text-align: center;
	}
}
@media (max-width: 370px) {
	#if-jalus .if-jalus__nupud {
		grid-template-columns: 1fr;
	}
}
/* jaluse peenhäälestus: arvutis vähem tühja ala jaluse kohal; telefonis mahub alumine rida vestlusnupu (Askly) kohale */
@media (min-width: 1024px) {
	#if-jalus {
		margin-top: 24px;
	}
}
@media (max-width: 1023px) {
	#if-jalus .if-jalus__alumine .container {
		padding-bottom: calc(70px + var(--if-teade-h, 0px) + var(--if-riba-h, 0px));
	}
}

/* ---------- punkt 35: lindil protsent („ALE −17%"), hinna all „Säästad X €" ---------- */
/* „ALE kuni −X%" on pikem → suurem lint (tekstile ~110 px) */
body.if-p14 li.product .if-lint.if-lint--pikk {
	width: 104px;
	height: 104px;
}
body.if-p14 li.product .if-lint.if-lint--pikk .onsale {
	top: 27px;
	left: -44px;
	width: 176px;
	font-size: 10.5px;
	letter-spacing: 0.04em;
}
@media screen and (max-width: 782px) {
	body.if-p14 li.product .if-lint.if-lint--pikk {
		width: 92px;
		height: 92px;
	}
	body.if-p14 li.product .if-lint.if-lint--pikk .onsale {
		top: 24px;
		left: -39px;
		width: 156px;
		font-size: 9.5px;
	}
}
body.if-p35 .if-saast {
	display: block;
	width: fit-content;
	margin-top: 4px;
	padding: 2px 8px;
	border-radius: 999px;
	background: #FDEAEE;
	color: #AC0D59 !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
}
body.if-p35 #front-promo-sections-wrap .if-saast {
	color: #AC0D59 !important;
}
/* „ALE −17%" telefonis: 80 px nurk oli kitsas („%" lõigati ära) → nagu pikk lint */
@media screen and (max-width: 782px) {
	body.if-p14 li.product .if-lint.if-lint--pct {
		width: 92px;
		height: 92px;
	}
	body.if-p14 li.product .if-lint.if-lint--pct .onsale {
		top: 24px;
		left: -39px;
		width: 156px;
		font-size: 9.5px;
	}
}
/* teema: „#arhive-loop-custom-wrap li.product .onsale { top: 0; left: 0; padding: 10px }" (ID-reegel) → kategoorialehel lindi
   asukoht ei rakendunud (lühikese „ALE" juures märkamatu, „ALE −17%" lõigati nurgast) → asukoht !important */
body.if-p14 li.product .if-lint .onsale {
	top: 22px !important;
	left: -38px !important;
	padding: 6px 0 !important;
}
body.if-p14 li.product .if-lint.if-lint--pikk .onsale {
	top: 27px !important;
	left: -44px !important;
}
@media screen and (max-width: 782px) {
	body.if-p14 li.product .if-lint .onsale {
		top: 20px !important;
		left: -34px !important;
		padding: 4px 0 !important;
	}
	body.if-p14 li.product .if-lint.if-lint--pct .onsale,
	body.if-p14 li.product .if-lint.if-lint--pikk .onsale {
		top: 24px !important;
		left: -39px !important;
	}
}

/* punkt 14 tootelehel (arendaja 30.09 23:4x pildiga: „Vaata kus ale on, peaks lint olema ju"): „ALE −17%" oli pildi kohal
   tavalise tekstina (lindi reeglid olid ainult tootekaartidel li.product) → sama diagonaallint pildi vasakus ülanurgas */
body.if-p14 #before-product-summary-wrap {
	position: relative;
}
body.if-p14 #before-product-summary-wrap > .if-lint {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	display: block;
	width: 110px;
	height: 110px;
	overflow: hidden;
	border-top-left-radius: 12px;
	pointer-events: none;
}
body.if-p14 #before-product-summary-wrap > .if-lint .onsale {
	position: absolute;
	top: 29px;
	left: -46px;
	width: 184px;
	min-width: 0;
	min-height: 0;
	height: auto;
	margin: 0;
	padding: 6px 0;
	transform: rotate(-45deg);
	border: 0;
	border-radius: 0;
	background: var(--primary-color, #AC0D59);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .22);
	color: #fff !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 11.5px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .05em;
	text-align: center;
	text-transform: uppercase;
}
@media screen and (max-width: 782px) {
	body.if-p14 #before-product-summary-wrap > .if-lint {
		width: 96px;
		height: 96px;
	}
	body.if-p14 #before-product-summary-wrap > .if-lint .onsale {
		top: 25px;
		left: -40px;
		width: 160px;
		padding: 5px 0;
		font-size: 10px;
	}
}

/* ---------- punkt 6: TOOTELEHT (arendaja 30.09: „toote leht … ei näe üldse hea välja"; „pilt telefonis liiga suur — iPhone 15-le
   ei mahu kõik ära") ---------- */
/* Storefronti kleepuv „Lisa korvi" riba: Storefronti WooCommerce stiilifail pole laaditud → riba langes jaluse alla
   (telefonis 568 px pilt + „Hetkel vaatad…", ka klientidel) */
body.if-p6 section.storefront-sticky-add-to-cart {
	display: none !important;
}
body.if-p6 #single-product-wrap {
	padding-bottom: 48px;
}
/* pealkiri, hind (valikuga tootel valitud valiku hind — JS), lühikirjeldus */
body.if-p6 #product-summary-wrap > .summary > .product_title {
	display: block;
	width: auto;
	margin: 0 0 6px;
	font-size: 40px;
	line-height: 1.12;
}
body.if-p6 #product-summary-wrap > .summary > .price {
	display: block;
	width: auto;
	margin: 0 0 16px;
	text-align: left;
}
body.if-p6 #product-summary-wrap > .summary > .price span,
body.if-p6 #product-summary-wrap > .summary > .price bdi {
	color: #3F5244;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.3;
	text-align: left;
}
body.if-p6 #product-summary-wrap > .summary > .price del,
body.if-p6 #product-summary-wrap > .summary > .price del span,
body.if-p6 #product-summary-wrap > .summary > .price del bdi {
	color: #8A968D;
	font-size: 18px;
	font-weight: 400;
}
body.if-p6 #product-summary-wrap > .summary > .price ins {
	text-decoration: none;
}
body.if-p6 #product-summary-wrap > .summary > .price span.if-saast {
	display: inline-block;
	margin: 0 0 0 10px;
	color: #AC0D59 !important;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	vertical-align: middle;
}
body.if-p6 #product-summary-wrap > .summary > .woocommerce-product-details__short-description {
	padding-top: 0;
	font-size: 16px;
	line-height: 1.5;
}
body.if-p6 #product-summary-wrap > .summary > .woocommerce-product-details__short-description p {
	margin: 0 0 8px;
}
/* valikud nuppudena; select jääb peitu (WooCommerce loeb seda edasi) */
body.if-p6 #product-summary-wrap table.variations {
	margin: 0 0 16px;
	border: 0;
}
body.if-p6 #product-summary-wrap table.variations tr,
body.if-p6 #product-summary-wrap table.variations th.label,
body.if-p6 #product-summary-wrap table.variations td.value {
	display: block;
	padding: 0;
	border: 0;
	background: none;
	text-align: left;
}
body.if-p6 #product-summary-wrap table.variations tr + tr {
	margin-top: 12px;
}
body.if-p6 #product-summary-wrap table.variations tr .label label {
	color: #AC0D59;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.3;
	text-transform: uppercase;
}
body.if-p6 #product-summary-wrap .if-peidus-select {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0;
	pointer-events: none;
}
body.if-p6 #product-summary-wrap .reset_variations {
	display: none !important;
}
.if-valikud {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
	gap: 8px;
	margin-top: 8px;
}
.if-valik {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	padding: 10px 8px;
	border: 1.5px solid #EAD3DD;
	border-radius: 12px;
	background: #fff;
	color: #3F5244;
	font: inherit;
	cursor: pointer;
	transition: border-color 0.15s, background-color 0.15s;
}
.if-valik:hover:not(:disabled) {
	border-color: #AC0D59;
	background: #fff;
}
.if-valik.on,
.if-valik.on:hover {
	border-color: #AC0D59;
	background: #FDEAEE;
	box-shadow: inset 0 0 0 1px #AC0D59;
}
.if-valik:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}
.if-valik__nimi {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
}
.if-valik__kirjeldus {
	color: #506756;
	font-size: 11.5px;
	line-height: 1.3;
	text-align: center;
	overflow-wrap: anywhere;
}
.if-valik__hind {
	color: #6B7B6E;
	font-size: 12.5px;
}
/* „Toote hind" rida (hind on nüüd pealkirja all) + topelt punktisõnum peidus; Modena järelmaksu read nupu alla */
body.if-p6 #product-summary-wrap .single_variation_wrap {
	display: flex;
	flex-direction: column;
}
body.if-p6 #product-summary-wrap .single_variation_wrap > .single_variation {
	order: 2;
}
body.if-p6 #product-summary-wrap .woocommerce-variation-price > .my-label,
body.if-p6 #product-summary-wrap .woocommerce-variation-price > .price,
body.if-p6 #product-summary-wrap .woocommerce-variation-price > .wc-points-rewards-product-message,
body.if-p6 #product-summary-wrap .woocommerce-variation-price > br {
	display: none;
}
body.if-p6 #product-summary-wrap #mdn-slice-product-page-display {
	margin: 8px 0 0 !important;
	color: #6B7B6E;
	font-size: 12.5px;
	line-height: 1.4;
}
body.if-p6 #product-summary-wrap .my-add-to-cart {
	display: none;
}
/* kogus −/+ ja „Osta kohe · summa" ühel real */
body.if-p6 #product-summary-wrap .woocommerce-variation-add-to-cart,
body.if-p6 #product-summary-wrap form.cart:not(.variations_form) {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 10px;
}
body.if-p6 #product-summary-wrap .woocommerce-variation-add-to-cart > p.points,
body.if-p6 #product-summary-wrap form.cart > p.points {
	order: 3;
	flex-basis: 100%;
	margin: 2px 0 0;
	color: #6B7B6E;
	font-size: 12.5px;
	line-height: 1.4;
}
body.if-p6 #product-summary-wrap .quantity.if-kogus {
	display: flex;
	align-items: center;
	margin: 0;
	border: 1.5px solid #EAD3DD;
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
}
body.if-p6 #product-summary-wrap .quantity.if-kogus input.qty {
	width: 40px;
	height: 48px;
	padding: 0;
	border: 0 !important;
	background: transparent;
	box-shadow: none;
	color: #3F5244;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
}
body.if-p6 #product-summary-wrap .quantity.if-kogus input.qty::-webkit-inner-spin-button,
body.if-p6 #product-summary-wrap .quantity.if-kogus input.qty::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}
body.if-p6 #product-summary-wrap .if-kogus__nupp {
	width: 40px;
	height: 48px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #AC0D59;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}
body.if-p6 #product-summary-wrap .single_add_to_cart_button {
	flex: 1 1 auto;
	min-height: 50px;
	margin: 0;
	border-radius: 12px;
	font-size: 16px;
}
/* telefonis: pilt väiksemaks, pealkiri väiksem, lühikirjeldus nupu alla → nupp esimesele ekraanile */
@media (max-width: 767px) {
	body.if-p6 #before-product-summary-wrap .woocommerce-product-gallery__image img {
		width: 100%;
		height: min(320px, 40vh);
		object-fit: cover;
		object-position: center 35%;
	}
	body.if-p6 #product-summary-wrap > .summary {
		display: flex;
		flex-direction: column;
	}
	body.if-p6 #product-summary-wrap > .summary > * {
		order: 5;
	}
	body.if-p6 #product-summary-wrap > .summary > .product_title {
		order: 1;
		font-size: 30px;
	}
	body.if-p6 #product-summary-wrap > .summary > .price {
		order: 2;
		margin-bottom: 12px;
	}
	body.if-p6 #product-summary-wrap > .summary > form.cart {
		order: 3;
	}
	body.if-p6 #product-summary-wrap > .summary > .woocommerce-product-details__short-description {
		order: 4;
		margin-top: 14px;
		font-size: 15px;
	}
	/* seotud tooted: teema peitis telefonis → kahes veerus */
	body.if-p6 #related-products-single-product-wrap {
		display: block !important;
	}
	body.if-p6 #related-products-single-product-wrap ul.products {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 16px 12px;
	}
	body.if-p6 #related-products-single-product-wrap ul.products li.product {
		width: auto;
		margin: 0;
		float: none;
	}
}
/* punkt 6: valikute tabel oli 138 px lai → nupud üksteise all; telefonis kompaktsem ülaosa (nupp iPhone 15 esimesele ekraanile) */
body.if-p6 #product-summary-wrap table.variations,
body.if-p6 #product-summary-wrap table.variations tbody {
	display: block;
	width: 100%;
}
@media (max-width: 767px) {
	body.if-p6 .woocommerce-breadcrumb {
		padding: 8px 0 10px;
		font-size: 12.5px;
	}
	body.if-p6 #before-product-summary-wrap .flex-control-nav {
		gap: 8px;
		margin-top: 8px;
	}
	body.if-p6 #before-product-summary-wrap .flex-control-nav li {
		width: 56px;
		margin: 0;
	}
	body.if-p6 #before-product-summary-wrap .flex-control-nav li img {
		width: 56px;
		height: 56px;
		border-radius: 10px;
		object-fit: cover;
	}
	body.if-p6 #product-summary-wrap {
		margin-top: -18px;
	}
	body.if-p6 #product-summary-wrap > .summary > .product_title {
		font-size: 27px;
	}
	body.if-p6 #product-summary-wrap > .summary > .price span,
	body.if-p6 #product-summary-wrap > .summary > .price bdi {
		font-size: 23px;
	}
}
/* punkt 6: „Osta kohe · summa" murdus koguse alla (teema tähevahe + 32 px sisevahe) → kogus ja nupp ühel real */
body.if-p6 #product-summary-wrap .single_add_to_cart_button {
	flex: 1 1 0;
	min-width: 0;
	padding: 0 14px;
	letter-spacing: 0.01em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 767px) {
	/* mitme pildiga tootel on pisipiltide rida → põhipilt veidi madalam */
	body.if-p6 #before-product-summary-wrap:has(.flex-control-nav) .woocommerce-product-gallery__image img {
		height: min(280px, 34vh);
	}
}
/* punkt 6: seotud toodete „Vali" / „Lisa korvi" oli vormindamata must tekst → väike ääristatud nupp */
body.if-p6 #related-products-single-product-wrap li.product a.button {
	display: inline-block;
	margin-top: 8px;
	padding: 6px 14px;
	border: 1.5px solid #EAD3DD;
	border-radius: 999px;
	background: #fff;
	color: #AC0D59 !important;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none !important;
}
body.if-p6 #related-products-single-product-wrap li.product a.button:hover {
	border-color: #AC0D59;
}
@media (max-width: 767px) {
	body.if-p6 #related-products-single-product-wrap h2,
	body.if-p6 #related-products-single-product-wrap .related > h2 {
		margin: 0 0 14px;
		font-size: 28px;
		line-height: 1.2;
	}
}

/* ---------- punkt 37: kassa „Lisa juurde" paneelina (alapealkiri „Ühe klikiga sinu tellimusele") ---------- */
body.if-p37 #if-lisad.if-lisad--paneel {
	padding: 16px 14px 14px;
	border: 1px solid #F3DDE5;
	border-radius: 16px;
	background: linear-gradient(180deg, #fff 0%, #FDEEF2 100%);
	box-shadow: 0 6px 18px rgba(172, 13, 89, 0.08);
}
body.if-p37 #if-lisad .if-lisad__pealkiri {
	margin-bottom: 0;
}
body.if-p37 #if-lisad .if-lisad__ala {
	margin: 2px 0 12px;
	color: #6B7B6E;
	font-size: 13px;
	line-height: 1.4;
}

/* ---------- punkt 38: saaja nimi ja telefon kõrvuti; aadressiotsingul luubi ikoon ---------- */
body.if-p38 .iflower-checkout .col-12:has(#shipping_first_name),
body.if-p38 .iflower-checkout .col-12:has(#my_shipping_phone) {
	flex: 0 0 50%;
	max-width: 50%;
}
body.if-p38 .iflower-checkout #shipping_address_1 {
	padding-right: 44px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AC0D59' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
	background-position: right 14px center;
	background-repeat: no-repeat;
	background-size: 18px;
}

/* ---------- punkt 39: „Tekst kaardil" kaardina (süda, 3 rida, loendur) — if-kujundus.js kaardiTekst() ---------- */
body.if-p39 .iflower-checkout .if-peidus {
	display: none !important;
}
body.if-p39 .if-kaart {
	position: relative;
	margin-bottom: 19px;
	padding: 14px 16px 28px;
	border: 1px solid #AC0D59;
	border-radius: 12px;
	background: #fff;
	transition: box-shadow 0.2s;
}
body.if-p39 .if-kaart::before {
	content: '\2665';
	position: absolute;
	top: 10px;
	right: 14px;
	color: #AC0D59;
	font-size: 16px;
	line-height: 1;
}
body.if-p39 .if-kaart:focus-within {
	box-shadow: 0 0 0 3px rgba(172, 13, 89, 0.12);
}
body.if-p39 .if-kaart__tekst {
	display: block;
	width: 100%;
	min-height: 76px;
	margin: 0;
	padding: 0 24px 0 0;
	border: 0 !important;
	outline: none;
	background: transparent;
	box-shadow: none !important;
	color: #3F5244;
	font-family: freight-big-pro, Georgia, serif;
	font-size: 19px;
	font-style: italic;
	line-height: 1.35;
	resize: none;
}
body.if-p39 .if-kaart__loendur {
	position: absolute;
	right: 14px;
	bottom: 8px;
	color: #8A968D;
	font-size: 12px;
}
/* punkt 38 parandus: teemas on saaja telefon, riik ja aadress ühes plokis (#address-fields.col-12) → selle 50 % kitsendas kõiki.
   Nüüd #address-fields „display: contents" (väljad on rea otsesed liikmed): nimi | telefon 50 %, ülejäänud täislaiuses.
   Veeru 5 px sisevahe asemel välisvahe — teema sildid on väljas absoluutselt (left: 16px) ega nihku. */
body.if-p38 .iflower-checkout .col-12:has(#my_shipping_phone) {
	flex: 0 0 100%;
	max-width: 100%;
}
body.if-p38 .iflower-checkout #address-fields {
	display: contents;
}
body.if-p38 .iflower-checkout #address-fields > * {
	flex: 0 0 calc(100% - 10px);
	max-width: calc(100% - 10px);
	margin-right: 5px;
	margin-left: 5px;
}
body.if-p38 .iflower-checkout #address-fields > .form-field:has(#my_shipping_phone) {
	flex-basis: calc(50% - 10px);
	max-width: calc(50% - 10px);
}
/* punkt 38: nähtav aadressiväli on otsinguväli #shipping_address_search (#shipping_address_1 on käsitsi sisestuse plokis) */
body.if-p38 .iflower-checkout #shipping_address_search {
	padding-right: 44px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AC0D59' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
	background-position: right 14px center;
	background-repeat: no-repeat;
	background-size: 18px;
}

/* ---------- punkt 44: tootepiltidel mahe värvifilter (sama mis Lilleoutletis pärast „liiga rets" → mahe) ---------- */
body.if-p44 li.product img,
body.if-p44 .woocommerce-product-gallery img,
body.if-p44 #if-lisad img,
body.if-p44 .if-aken__pilt {
	filter: saturate(1.08) contrast(1.04) brightness(1.02);
}

/* punkt 6 (18:3x arendaja: „pole pilti väiksemaks teinud, vaid kasti suuremaks ja lille ära katnud") → telefonis KOGU pilt
   väiksemana (contain, keskel), midagi ei kärbita */
@media (max-width: 767px) {
	body.if-p6 #before-product-summary-wrap .woocommerce-product-gallery__image {
		text-align: center;
	}
	body.if-p6 #before-product-summary-wrap .woocommerce-product-gallery__image img {
		display: inline-block;
		width: auto;
		max-width: 100%;
		height: min(320px, 40vh);
		object-fit: contain;
		border-radius: 14px;
	}
	body.if-p6 #before-product-summary-wrap:has(.flex-control-nav) .woocommerce-product-gallery__image img {
		height: min(300px, 36vh);
	}
}

/* punkt 6 (18:4x arendaja: „lille pilt võiks olla laiem, kitsas") → telefonis ~290 px lai, kuvasuhe 4:5: kärbitakse ainult tühja
   tausta üla- ja alaservast (fotod on 2:3, kimp keskel), kimp jääb terveks */
@media (max-width: 767px) {
	body.if-p6 #before-product-summary-wrap .woocommerce-product-gallery__image img,
	body.if-p6 #before-product-summary-wrap:has(.flex-control-nav) .woocommerce-product-gallery__image img {
		width: min(290px, 78vw);
		max-width: 100%;
		height: auto;
		aspect-ratio: 4 / 5;
		object-fit: cover;
		object-position: center 45%;
	}
}

/* ---------- kassa „4. Kohale toimetamise aeg" (arendaja 18:4x: „täna ja homme kõrvuti, vahed paika") ----------
   telefonis olid Täna / Homme / Vali kuupäev kolm täislaiuses rida ilma vaheta → Täna | Homme kõrvuti, kuupäev all
   kalendriikooniga; valitud päev on teemas .selected (magenta) */
body.if-p16 .iflower-checkout #transport-date {
	row-gap: 8px;
	margin-bottom: 19px;
}
body.if-p16 .iflower-checkout #transport-date .form-field {
	margin: 0;
}
body.if-p16 .iflower-checkout #transport-date .form-field.button button {
	font-weight: 600;
	transition: background-color 0.15s, color 0.15s;
}
body.if-p16 .iflower-checkout #transport-date .form-field.button button:disabled {
	border-color: #E3D3DA;
	color: #A9B3AC;
	cursor: not-allowed;
}
body.if-p16 .iflower-checkout #transport-date .form-field.input input {
	margin-bottom: 0;
	padding-left: 44px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AC0D59' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2.5'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E");
	background-position: left 14px center;
	background-repeat: no-repeat;
	background-size: 18px;
	cursor: pointer;
}
@media (max-width: 767px) {
	body.if-p16 .iflower-checkout #transport-date > .col-md-3 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	body.if-p16 .iflower-checkout #transport-date > .col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* punkt 6 (18:4x arendaja: „Lilleoutletis on palju parem" — seal täislaiuses ruut): telefonis täislaiuses ruudukujuline pildikast,
   kogu kimp näha (contain), külgedel sama foto hägune koopia (JS --if-pilt) → lai, midagi ei kärbita */
@media (max-width: 767px) {
	body.if-p6 #before-product-summary-wrap .woocommerce-product-gallery__image {
		position: relative;
		overflow: hidden;
		aspect-ratio: 1 / 1;
		border-radius: 14px;
		background: #F1E7EA;
	}
	body.if-p6 #before-product-summary-wrap .woocommerce-product-gallery__image::before {
		content: '';
		position: absolute;
		inset: -24px;
		background: var(--if-pilt, none) center / cover no-repeat;
		filter: blur(20px) saturate(1.05);
		opacity: 0.85;
	}
	body.if-p6 #before-product-summary-wrap .woocommerce-product-gallery__image > a {
		position: relative;
		display: block;
		height: 100%;
	}
	body.if-p6 #before-product-summary-wrap .woocommerce-product-gallery__image img,
	body.if-p6 #before-product-summary-wrap:has(.flex-control-nav) .woocommerce-product-gallery__image img {
		display: block;
		width: 100% !important;
		max-width: none;
		height: 100% !important;
		aspect-ratio: auto;
		border-radius: 0;
		object-fit: contain;
		object-position: center;
	}
	/* seotud tooted (arendaja pilt 18:46 „paigast ära"): ruudustik nihkes, hiiglaslikud magenta pealkirjad, nupu tekst vasakul,
	   eri kõrgusega kaardid → nagu kategoorias */
	body.if-p6 #related-products-single-product-wrap ul.products {
		margin: 0 !important;
		padding: 0 !important;
	}
	body.if-p6 #related-products-single-product-wrap ul.products li.product {
		display: flex;
		flex-direction: column;
		padding: 0 !important;
	}
	body.if-p6 #related-products-single-product-wrap ul.products li.product > .woocommerce-LoopProduct-link {
		flex: 1 1 auto;
	}
	body.if-p6 #related-products-single-product-wrap ul.products li.product h2 {
		display: -webkit-box;
		margin: 8px 0 4px !important;
		overflow: hidden;
		color: #3F5244 !important;
		font-size: 17px !important;
		line-height: 1.25 !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	body.if-p6 #related-products-single-product-wrap ul.products li.product .price,
	body.if-p6 #related-products-single-product-wrap ul.products li.product .price * {
		color: #3F5244 !important;
		font-size: 14px !important;
	}
	body.if-p6 #related-products-single-product-wrap ul.products li.product a.button {
		display: block;
		margin-top: 8px;
		text-align: center;
	}
}

/* ---------- punkt 16 v2: KASSA suurused, vahed ja kastid nagu Lilleoutletis (arendaja 30.09 ~19:00: „Kogu see kassa pool on
   halb … suurused paigast ära", „üleval palju tühja ruumi", „Lisa juurde nupud värvitud", „vaata mis seal on ja tee samamoodi —
   paigutused, vahed, kastid"). Mõõdud Lilleoutleti kassast (393 px laiusel): sildid välja kohal 13,5 px, väljad 38 px /
   raadius 8, jaotiste pealkirjad 13 px roosa silt + joon, andmed 2 veerus, transport kahe kaardina, tellimus puhta kaardina,
   „Lisa juurde" tõstetud paneel täidetud nuppudega, makseviisid kaartidena. Ainult välimus — väljad, nimed ja loogika samad. ---------- */

/* telefonis üleval tühi ala: leivapururida „Esileht / Kassa" + lehe pealkiri „Kassa" (~140 px) → „Sinu tellimus" kohe päise all.
   Arvutis EI: seal tõmbab teema tellimuse paneeli pealkirja kõrgusele (#order_review margin-top −235 px) → jõuaks päise peale. */
@media screen and (max-width: 782px) {
	body.if-p16.woocommerce-checkout:not(.woocommerce-order-received):not(.woocommerce-order-pay) .storefront-breadcrumb,
	body.if-p16.woocommerce-checkout:not(.woocommerce-order-received):not(.woocommerce-order-pay) article.page > .entry-header {
		display: none;
	}
}

/* „Sinu tellimus": pealkiri 20 px (oli 48 px kirjatüüp), tellimus puhta kaardina — pilt 68 px, nimi, hind; kokkuvõte hallil */
body.if-p16.woocommerce-checkout #order_review_heading,
body.if-p16.woocommerce-checkout #order_review > #order_review_heading {
	width: auto;
	margin: 0 0 10px;
	padding: 0;
	background: none;
	color: #3F5244;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
}
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table {
	width: 100%;
	margin: 0 0 16px !important;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 12px;
	overflow: hidden;
	background: #FAF6F7; /* kokkuvõtte ridadel on 2 lahtrit 3 veeru kohta → puuduv lahter sama tooni */
	box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tr {
	border: 0;
}
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tbody td {
	padding: 12px;
	border: 0;
	background: #fff;
	vertical-align: middle;
}
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table td.product-my-single-img {
	width: 80px;
	padding-right: 0;
}
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table td.product-my-single-img img {
	display: block;
	width: 68px;
	height: 68px;
	max-width: none;
	margin: 0;
	object-fit: cover;
	border-radius: 8px;
}
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table td.product-name {
	width: auto;
	padding-left: 12px;
	color: #3F5244;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
}
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table td.product-name .product-quantity {
	font-family: inherit;
	font-size: inherit;
	font-weight: 600;
}
body.if-p16.woocommerce-checkout #order_review .my-item-remove,
body.if-p16.woocommerce-checkout #order_review .my-item-remove i {
	color: #B5AFB1;
	font-size: 14px;
}
body.if-p16.woocommerce-checkout #order_review .my-item-remove:hover i {
	color: #AC0D59;
}
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table td.product-total {
	padding-right: 12px;
	color: #AC0D59;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	text-align: right;
	white-space: nowrap;
}
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot th,
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot td {
	width: auto; /* teema: th 30 % / td 70 % → tootetabeli veerud läksid paigast */
	padding: 8px 12px !important; /* teema: 25px 0 15px !important */
	border: 0;
	background: #FAF6F7;
	color: #3F5244;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left !important; /* teema: right !important */
	vertical-align: top;
}
/* „TRANSPORT" on HTML-is suurtähtedega → „Transport" (teised read samuti esisuurtähega) */
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot th {
	width: auto;
	text-transform: lowercase;
	white-space: nowrap;
}
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot th::first-letter {
	text-transform: uppercase;
}
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr:first-child th,
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr:first-child td {
	padding-top: 12px !important;
}
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
body.if-p16.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
	padding-top: 10px !important;
	padding-bottom: 12px !important;
	font-size: 17px;
	font-weight: 700;
}
body.if-p16.woocommerce-checkout #order_review tr.order-total td strong {
	font-weight: 700;
}
body.if-p16.woocommerce-checkout #order_review tr.order-total small.includes_tax {
	display: block;
	color: #6B7B6E;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
}
body.if-p16.woocommerce-checkout #order_review #shipping_method,
body.if-p16.woocommerce-checkout #order_review #shipping_method li,
body.if-p16.woocommerce-checkout #order_review #shipping_method li label {
	margin: 0;
	padding: 0;
	text-indent: 0;
}

/* „Lisa juurde": tõstetud paneel, kingiikoon ringis, pildid ringis, TÄIDETUD roosad nupud (nagu Lilleoutletis) */
body.if-p16.woocommerce-checkout #if-lisad.if-lisad--paneel {
	position: relative;
	margin: 8px 0 24px;
	padding: 14px 12px 10px;
	border: 1px solid rgba(172, 13, 89, .18);
	border-radius: 16px;
	background: linear-gradient(180deg, #FDEEF3 0%, #FFFFFF 72%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 16px 32px -14px rgba(172, 13, 89, .45), 0 4px 10px -4px rgba(57, 57, 57, .16);
}
body.if-p16 #if-lisad.if-lisad--paneel .if-lisad__pealkiri {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: #3F5244;
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
}
body.if-p16 #if-lisad.if-lisad--paneel .if-lisad__pealkiri::before {
	content: '';
	flex: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #AC0D59 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C9.5 3 12 8 12 8s2.5-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center / 16px no-repeat;
	box-shadow: 0 4px 10px -3px rgba(172, 13, 89, .6);
}
body.if-p16 #if-lisad.if-lisad--paneel .if-lisad__ala {
	margin: 0 0 8px 38px;
	color: #6B7B6E;
	font-size: 12.5px;
	line-height: 1.3;
}
body.if-p16 #if-lisad .if-lisad__rida {
	gap: 10px;
	padding: 6px 2px 12px;
}
body.if-p16 #if-lisad .if-lisa {
	flex: 0 0 112px;
	padding: 10px 8px;
	border: 1px solid #F3E4E9;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 8px 16px -9px rgba(57, 57, 57, .38), 0 2px 4px rgba(0, 0, 0, .05);
}
body.if-p16 #if-lisad .if-lisa .if-lisa__pilt {
	width: 80px;
	height: 80px;
	margin: 2px 0 8px;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 0 0 4px #FDE9EF;
}
body.if-p16 #if-lisad .if-lisa__hind {
	margin: 3px 0 7px;
}
body.if-p16 #if-lisad a.if-lisa__nupp,
body.if-p16 #if-lisad a.if-lisa__nupp:focus {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px 0;
	border: 0;
	border-radius: 999px;
	background: #AC0D59;
	color: #fff;
	box-shadow: 0 6px 12px -6px rgba(172, 13, 89, .75), inset 0 -2px 0 rgba(0, 0, 0, .14);
	font-size: 13px;
	font-weight: 700;
	transition: transform .1s, box-shadow .1s, background-color .15s;
}
body.if-p16 #if-lisad a.if-lisa__nupp:hover {
	background: #8A0A47;
	color: #fff;
}
body.if-p16 #if-lisad a.if-lisa__nupp:active {
	transform: translateY(1px);
	box-shadow: 0 2px 6px -3px rgba(172, 13, 89, .75), inset 0 -1px 0 rgba(0, 0, 0, .14);
}
body.if-p16 #if-lisad a.if-lisa__nupp.if-lisatud {
	border: 0;
	background: #E6F5EC;
	color: #1E7A4C;
	box-shadow: none;
}
@media (max-width: 767px) {
	body.if-p16.woocommerce-checkout #if-lisad.if-lisad--paneel {
		margin: 4px 0 22px;
		padding: 12px 10px 8px;
	}
	body.if-p16 #if-lisad .if-lisa {
		flex-basis: 104px; /* neljas kaart paistab servast → näha, et saab kerida */
	}
	body.if-p16 #if-lisad .if-lisa .if-lisa__pilt {
		width: 72px;
		height: 72px;
	}
}

/* jaotiste pealkirjad („1. KONTAKTANDMED" …): väike roosa silt + joon (olid 24 px suurtähed kirjatüübis) */
body.if-p16 #customer_details .iflower-checkout h3 {
	margin: 22px 0 12px;
	padding: 0 0 6px;
	border-bottom: 1px solid #EADDE2;
	color: #AC0D59;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .08em;
	text-transform: uppercase;
}
body.if-p16 #customer_details .iflower-checkout > h3:first-of-type {
	margin-top: 4px;
}
/* „Tekst kaardil" on välja silt (südamega), mitte jaotis */
body.if-p16 #customer_details .iflower-checkout h3:has(+ #card_text_to_submit) {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 12px 0 6px;
	padding: 0;
	border: 0;
	color: #3F5244;
	font-size: 13.5px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}
body.if-p16 #customer_details .iflower-checkout h3:has(+ #card_text_to_submit)::before {
	content: '';
	flex: none;
	width: 17px;
	height: 17px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23AC0D59' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* väljad: silt välja KOHAL (oli raami sees ujuv), 38 px kõrgus, hall raam, raadius 8; fookusel roosa */
body.if-p16 #customer_details .iflower-checkout .form-field.input,
body.if-p16 #customer_details .iflower-checkout .form-field.select {
	margin-bottom: 8px;
}
body.if-p16 #customer_details .iflower-checkout .form-field.input label,
body.if-p16 #customer_details .iflower-checkout .form-field.select label {
	position: static;
	display: block;
	margin: 0 0 4px;
	padding: 0;
	background: none;
	color: #3F5244;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 20px;
}
body.if-p16 #customer_details .iflower-checkout .form-field.input input,
body.if-p16 #customer_details .iflower-checkout .form-field.select select {
	height: 38px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid #D8CDD2;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: none;
	color: #3F5244;
	font-size: 16px; /* < 16 px suumiks iPhone välja sisse */
	line-height: 36px;
}
body.if-p16 #customer_details .iflower-checkout .form-field.input input:focus,
body.if-p16 #customer_details .iflower-checkout .form-field.select select:focus {
	border-color: #AC0D59;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(172, 13, 89, .15);
}
/* riigivalikul polnud noolt (teema: appearance none) */
body.if-p16 #customer_details .iflower-checkout .form-field.select select {
	padding-right: 34px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7B6E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center / 16px no-repeat;
}
body.if-p16 #customer_details .iflower-checkout .input-note {
	margin: 0;
	color: #6B7B6E;
	font-size: 12px;
	line-height: 1.45;
}
/* kontaktandmed 2 veerus: nimi | telefon, e-post | firma (ostukorvi meeldetuletuse tekst e-posti all täislaiuses) */
body.if-p16 #customer_details .iflower-checkout > .row > .col-12.col-md-6 {
	flex: 0 0 50%;
	width: 50%;
	max-width: 50%;
}
body.if-p16 #customer_details .iflower-checkout > .row:has(#billing_email) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 10px;
	margin-left: 0;
	margin-right: 0;
}
body.if-p16 #customer_details .iflower-checkout > .row:has(#billing_email) > .col-md-6:has(#billing_email),
body.if-p16 #customer_details .iflower-checkout > .row:has(#billing_email) > .col-md-6 > .form-field:has(#billing_email) {
	display: contents;
}
body.if-p16 #customer_details .iflower-checkout > .row:has(#billing_email) label[for="billing_email"] {
	grid-column: 1;
	grid-row: 1;
}
body.if-p16 #customer_details .iflower-checkout > .row:has(#billing_email) #billing_email {
	grid-column: 1;
	grid-row: 2;
	width: 100%;
}
body.if-p16 #customer_details .iflower-checkout > .row:has(#billing_email) > .col-md-6:has(#billing_company) {
	grid-column: 2;
	grid-row: 1 / span 2;
	width: auto;
	max-width: none;
	padding: 0;
}
body.if-p16 #customer_details .iflower-checkout > .row:has(#billing_email) #wcf_cf_gdpr_message_block {
	grid-column: 1 / -1;
	grid-row: 3;
	margin: 6px 0 4px;
}
body.if-p16 #customer_details #wcf_cf_gdpr_message_block span {
	color: #6B7B6E;
	font-size: 11.5px !important; /* plugina tekstisisene xx-small (9 px) */
	line-height: 1.45;
}
body.if-p16 #customer_details #wcf_cf_gdpr_message_block a {
	color: #AC0D59;
	font-weight: 600;
}

/* Kuller / Tulen ise järgi → kaks kaarti piktogrammiga, kuller esimesena (raadionupud alles → kassa loogika sama) */
body.if-p16 #customer_details .iflower-checkout .col:has(> .form-row #courier) {
	display: flex;
	gap: 12px;
}
body.if-p16 #customer_details .iflower-checkout .col:has(> .form-row #courier) > .form-row {
	flex: 1 1 0;
	min-width: 0;
	margin: 0;
}
body.if-p16 #customer_details .iflower-checkout .col > .form-row:has(#courier) {
	order: -1;
}
body.if-p16 #customer_details .iflower-checkout .form-field.radio:has(#courier),
body.if-p16 #customer_details .iflower-checkout .form-field.radio:has(#pickup) {
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}
body.if-p16 #customer_details .iflower-checkout .form-field.radio:has(#courier) label,
body.if-p16 #customer_details .iflower-checkout .form-field.radio:has(#pickup) label {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 100%;
	min-height: 100px;
	margin: 0;
	padding: 14px 10px;
	border: 1.5px solid #D8CDD2;
	border-radius: 12px;
	background: #fff;
	color: #3F5244;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	cursor: pointer;
	transition: border-color .15s, background-color .15s, box-shadow .15s;
}
body.if-p16 #customer_details .iflower-checkout .form-field.radio:has(#courier) label::before,
body.if-p16 #customer_details .iflower-checkout .form-field.radio:has(#pickup) label::before {
	content: '';
	position: static;
	display: block;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 0;
	/* NB: mitte „background:" lühivorm — ikooni reegel all jääks muidu tühjaks */
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
body.if-p16 #customer_details .iflower-checkout label[for="courier"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AC0D59' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5.5h12v9.5H2z'/%3E%3Cpath d='M14 8.5h4l3 3.5v3h-7'/%3E%3Ccircle cx='6.5' cy='16.5' r='1.9' fill='%23fff'/%3E%3Ccircle cx='17.5' cy='16.5' r='1.9' fill='%23fff'/%3E%3C/svg%3E");
}
body.if-p16 #customer_details .iflower-checkout label[for="pickup"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AC0D59' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 9.5 5 4h14l1.5 5.5'/%3E%3Cpath d='M3.5 9.5h17v1a2.8 2.8 0 0 1-5.6 0 2.8 2.8 0 0 1-5.8 0 2.8 2.8 0 0 1-5.6 0z'/%3E%3Cpath d='M5 13.2V20h14v-6.8'/%3E%3Cpath d='M10 20v-4.5h4V20'/%3E%3C/svg%3E");
}
body.if-p16 #customer_details .iflower-checkout .form-field.radio:has(#courier) input:checked + label::after,
body.if-p16 #customer_details .iflower-checkout .form-field.radio:has(#pickup) input:checked + label::after {
	content: none;
}
body.if-p16 #customer_details .iflower-checkout .form-field.radio:has(#courier) input:checked + label,
body.if-p16 #customer_details .iflower-checkout .form-field.radio:has(#pickup) input:checked + label {
	border-color: #AC0D59;
	background: #FDF1F4;
	box-shadow: inset 0 0 0 1px #AC0D59;
}

/* aadress: otsinguikoon vasakul, märkus ja „Sisesta aadress manuaalselt" välja all (tekstisisene −15 px veeris tõmbas välja peale) */
body.if-p16 #customer_details .iflower-checkout #shipping_address_search {
	padding-left: 38px;
	padding-right: 12px;
	background-position: left 12px center;
}
body.if-p16 #customer_details .iflower-checkout .form-field.input div:has(> .input-note) {
	margin: 5px 0 0 !important; /* ka „Märkused" all: tekstisisene −15 px */
}
body.if-p16 #customer_details .iflower-checkout #address-search a[onclick] {
	display: inline-block;
	margin-top: 2px;
	color: #AC0D59 !important;
	font-size: 13px;
	font-weight: 600;
}
body.if-p16 #customer_details .iflower-checkout #search-spinner {
	top: 30px;
	right: 8px;
	font-size: 7px;
}
body.if-p16 #customer_details .iflower-checkout #search-results {
	top: 66px;
	border-color: #EADDE2;
	box-shadow: 0 18px 36px -14px rgba(57, 57, 57, .35);
}

/* „4. Kohale toimetamise aeg": Täna | Homme 38 px nupud nagu väljad; valitud päev magenta */
body.if-p16 #customer_details .iflower-checkout #transport-date .form-field.button button {
	height: 38px;
	border: 1px solid #D8CDD2;
	border-radius: 8px;
	background: #fff;
	color: #3F5244;
	font-size: 14px;
}
body.if-p16 #customer_details .iflower-checkout #transport-date .form-field.button button.selected {
	border-color: #AC0D59;
	background: #AC0D59;
	color: #fff;
}
body.if-p16 #customer_details .iflower-checkout #transport-date {
	margin-bottom: 8px;
}
/* kuupäevaväli: kalendriikoon vasakul (üldine väljareegel ülal on sama tugev ja hilisem → siin ID-ga) */
body.if-p16 #customer_details .iflower-checkout #transport-date .form-field.input input {
	padding-left: 40px;
	background-position: left 12px center;
}

/* „Tekst kaardil": südamlik kaart — punktiirraam, heleroosa taust, süda nurgas (nagu Lilleoutletis) */
body.if-p16.if-p39 .if-kaart {
	margin: 0 0 8px;
	padding: 12px 14px 26px;
	border: 1px dashed rgba(172, 13, 89, .45);
	border-radius: 14px;
	background: #FFF6F8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23AC0D59' fill-opacity='.13' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") right 12px top 10px / 30px no-repeat;
	box-shadow: 0 8px 18px -12px rgba(172, 13, 89, .5);
}
body.if-p16.if-p39 .if-kaart::before {
	content: none;
}
body.if-p16.if-p39 .if-kaart:focus-within {
	border-style: solid;
	border-color: #AC0D59;
	box-shadow: 0 0 0 3px rgba(172, 13, 89, .15);
}
body.if-p16.if-p39 .if-kaart__tekst {
	min-height: 72px;
	padding-right: 34px;
	color: #3F5244;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.5;
}
body.if-p16.if-p39 .if-kaart__loendur {
	right: 14px;
	bottom: 7px;
	color: #A08A91;
	font-size: 11.5px;
}

/* makseosa: valge kaart; iga makseviis kaardina (hall raam, valitu roosa), selge raadioring; pangalogod 4 reas */
body.if-p16.woocommerce-checkout #payment,
body.if-p16.woocommerce-checkout #order_review > #payment {
	padding: 12px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}
body.if-p16.woocommerce-checkout #payment ul.payment_methods {
	margin: 0;
	padding: 0;
	border: 0;
}
body.if-p16.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method {
	margin: 0 0 8px;
	padding: 10px 12px;
	border: 1px solid #EDE3E6;
	border-radius: 12px;
	background: #fff;
	transition: border-color .15s, background-color .15s;
}
body.if-p16.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method:has(> input:checked) {
	border-color: #AC0D59;
	background: #FFF6F8;
}
body.if-p16.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label {
	position: static;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 2px 0;
	color: #3F5244;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
}
/* Modena järelmaksu ridadel on tekst pildis (sildi tekst meelega font-size 0) → suurus ainult pangamaksete sildile */
body.if-p16.woocommerce-checkout #payment ul.payment_methods > li.payment_method_modena_direct > label {
	font-size: 15px;
}
/* „Eesti ⌄" (pankade riik) oli vormindamata */
body.if-p16.woocommerce-checkout #payment select#locality_selector {
	height: 34px;
	margin: 2px 0 0;
	padding: 0 30px 0 10px;
	border: 1px solid #D8CDD2;
	border-radius: 8px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7B6E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 9px center / 14px no-repeat;
	color: #3F5244;
	font-size: 14px;
	-webkit-appearance: none;
	appearance: none;
}
body.if-p16.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label::before {
	content: '' !important;
	position: static;
	flex: none;
	width: 20px;
	height: 20px;
	margin: 0;
	border: 2px solid #C9BCC1;
	border-radius: 50%;
	background: #fff;
	box-sizing: border-box;
	transition: border-color .15s, box-shadow .15s, background-color .15s;
}
body.if-p16.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > input:checked + label::before {
	border-color: #AC0D59;
	background: #AC0D59;
	box-shadow: inset 0 0 0 4px #fff;
}
body.if-p16.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > input:checked + label::after {
	content: none;
}
body.if-p16.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label img {
	width: auto;
	max-height: 30px;
	margin: 0;
}
body.if-p16.woocommerce-checkout #payment .payment_box {
	margin: 0;
	padding: 8px 0 2px;
	background: transparent;
}
body.if-p16.woocommerce-checkout #payment .payment_box p {
	margin: 0 0 4px;
}
/* pangalinkide plaadid (Modena): 3 + 3 + 2 → 4 + 4; !important, sest modena-checkout.css kasutab ise !important'i */
body.if-p16.woocommerce-checkout #payment ul#mdn_banklinks_wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px;
	margin: 6px 0 4px;
	padding: 0;
	list-style: none;
}
body.if-p16.woocommerce-checkout #payment ul#mdn_banklinks_wrapper > li {
	flex: 0 0 calc(25% - 4.5px);
	margin: 0 !important;
	padding: 0 !important;
}
body.if-p16.woocommerce-checkout #payment ul#mdn_banklinks_wrapper img.mdn_banklink_img {
	display: block;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0;
	object-fit: contain !important;
}
/* valitud pank: Modena rohekassinine raam → poe magenta */
body.if-p16.woocommerce-checkout #payment ul#mdn_banklinks_wrapper img.mdn_banklink_img.mdn_checked {
	border-color: #AC0D59 !important;
}
body.if-p16.woocommerce-checkout #payment .place-order {
	margin: 0;
	padding: 4px 0 0;
}
body.if-p16.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper {
	margin: 4px 0 10px;
}
body.if-p16.woocommerce-checkout #payment #place_order {
	padding: 15px 20px;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
}

/* all kinnitatud „Kokku … / Maksma" riba samas mõõdus nagu Lilleoutletis */
@media screen and (max-width: 782px) {
	body.if-p16 #if-kassariba .if-kassariba__summa {
		font-size: 19px;
	}
	body.if-p16 #if-kassariba .if-kassariba__nupp {
		padding: 12px 24px;
		border-radius: 8px;
		font-size: 16px;
	}
}
/* nõusoleku linnuke poe magenta (oli brauseri sinine; Lilleoutletis roosa) */
body.if-p16.woocommerce-checkout #payment input#terms {
	accent-color: #AC0D59;
}

/* ---------- punkt 34: kategooria kirjeldus toodete all valge kaardina; tootelehe „Kirjeldus" sakk loetavaks ---------- */
body.if-p34 .if-kat-kirjeldus {
	clear: both;
	max-width: 820px;
	margin: 36px auto 12px;
	padding: 22px 24px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
	color: #506756;
	font-size: 15px;
	line-height: 1.65;
	text-align: left;
}
body.if-p34 .if-kat-kirjeldus p {
	margin: 0 0 10px;
}
body.if-p34 .if-kat-kirjeldus p:last-child {
	margin-bottom: 0;
}
body.if-p34 .if-kat-kirjeldus a,
body.if-p34 .if-kirjeldus a {
	color: #AC0D59;
	text-decoration: underline;
}
body.if-p34 .if-kirjeldus {
	clear: both;
	max-width: 820px;
	margin: 28px auto 8px;
	padding: 20px 22px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
	color: #506756;
	font-size: 15px;
	line-height: 1.65;
}
body.if-p34 .if-kirjeldus .if-kirjeldus__pealkiri {
	margin: 0 0 10px;
	color: #AC0D59;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .08em;
	text-transform: uppercase;
}
body.if-p34 .if-kirjeldus p {
	margin: 0 0 12px;
}
body.if-p34 .if-kirjeldus ul {
	margin: 0 0 14px 1.2em;
	list-style: disc;
}
body.if-p34 .if-kirjeldus li {
	margin-bottom: 4px;
}
@media (max-width: 767px) {
	body.if-p34 .if-kat-kirjeldus {
		margin-top: 24px;
		padding: 16px;
		font-size: 14.5px;
	}
	body.if-p34 .if-kirjeldus {
		margin-top: 20px;
		padding: 16px;
		font-size: 14.5px;
	}
}

/* ---------- punkt 42: ÜLEMINE MENÜÜ (arendaja 30.09: „ülemine menüü … täis porno"; „Tee 34 ja 42 ära"). Nagu Lilleoutletis:
   arvutis täisekraani roosa kihi asemel rippmenüü kaart nupu all (Kingitused 2 veerus); telefonis valge paneel eraldusjoontega,
   Open Sans 17/16 px; „Sündmuseks" alamkategooriad kohe näha (kolmanda taseme klõpsu pole); jalusega kattuvad plokid
   (sotsiaalmeedia, aadress, „Lisainfo") menüüst ära, kontod ja keeled nuppudena, telefon + e-post kahe paanina.
   Teema loogika (li.open, body.menuOpen, menuOpenLevel1/2, #menu-close) jääb samaks — ainult välimus. ID-ga selektorid, sest
   v1 kirjatüübi reegel (#primary-menu-list .sub-menu a) ja teema reeglid on muidu sama tugevad. ---------- */
@media screen and (min-width: 783px) {
	/* leht ei lukustu ja päise parem pool (kontod, otsing, ostukorv, keel) jääb nähtavaks */
	body.if-p42.menuOpen {
		overflow: visible;
	}
	body.if-p42.menuOpen .menuOpen-hide {
		visibility: visible;
	}
	body.if-p42 #menu-close {
		display: none !important;
	}
	body.if-p42 #primary-menu-list > li.open > .sub-menu {
		display: block;
		position: absolute;
		top: calc(100% + 12px);
		left: -14px;
		z-index: 1000;
		width: auto;
		min-width: 250px;
		height: auto;
		margin: 0;
		padding: 10px;
		border: 1px solid #F3E4E9;
		border-radius: 14px;
		background: #fff;
		box-shadow: 0 22px 44px -16px rgba(60, 20, 40, .3);
		text-align: left;
		animation: if-menuu-sisse .15s ease-out;
	}
	/* hiir ei „kuku" nupu ja kaardi vahele */
	body.if-p42 #primary-menu-list > li.open > .sub-menu::before {
		content: '';
		position: absolute;
		top: -14px;
		left: 0;
		right: 0;
		height: 14px;
	}
	/* palju alamkategooriaid (Kingitused: 11) → 2 veergu */
	body.if-p42 #primary-menu-list > li.open > .sub-menu:has(> li:nth-child(8)) {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 6px;
		min-width: 440px;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu > li {
		display: block;
		width: auto;
		max-width: none;
		margin: 0;
		padding: 0;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu li > a {
		display: block;
		padding: 9px 12px;
		border-radius: 8px;
		color: #3F5244;
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.35;
		letter-spacing: 0;
		white-space: nowrap;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu li > a:hover,
	body.if-p42 #primary-menu-list > li > .sub-menu li > a:focus-visible {
		background: #FDF1F4;
		color: #AC0D59;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu > li:first-child > a {
		color: #AC0D59;
		font-weight: 700;
	}
	/* kolmas tase („Sündmuseks" → Pulmakimbud …) kohe näha, taandega; nool ja hover-joon peidus */
	body.if-p42 #primary-menu-list > li > .sub-menu > li.menu-item-has-children > .toggle-child,
	body.if-p42 #primary-menu-list > li.open > .sub-menu > li.menu-item-has-children:hover::after {
		display: none;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu > li.menu-item-has-children > .sub-menu,
	body.if-p42 #primary-menu-list > li > .sub-menu > li.menu-item-has-children:hover > .sub-menu {
		display: block;
		position: static;
		width: auto;
		max-width: none;
		height: auto;
		margin: 0 0 4px 12px;
		padding: 0 0 0 8px;
		border-left: 2px solid #F3E4E9;
		background: none;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu > li.menu-item-has-children > .sub-menu li > a {
		padding: 7px 12px;
		font-size: 14.5px;
		font-weight: 400;
	}
}
@keyframes if-menuu-sisse {
	from { opacity: 0; transform: translateY(-6px); }
	to { opacity: 1; transform: none; }
}

@media screen and (max-width: 782px) {
	body.if-p42 .menu-wrapper {
		background: #fff;
	}
	body.if-p42 #primary-menu-list {
		margin: 0;
		padding: 0;
	}
	body.if-p42 #primary-menu-list > li {
		align-items: center;
		justify-content: space-between;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #F3E8EB;
	}
	body.if-p42 #primary-menu-list > li > a {
		flex: 1 1 auto;
		padding: 16px 20px;
		color: #3F5244;
		font-family: 'Open Sans', sans-serif;
		font-size: 17px;
		font-weight: 600;
		line-height: 1.3;
	}
	body.if-p42 #primary-menu-list li.menu-item-has-children > .toggle-child {
		flex: none;
		width: 10px;
		height: 16px;
		margin: 0 22px 0 8px;
		background-size: contain;
	}
	/* avatud alammenüü (teema: menuOpenLevel1) — read eraldusjoontega, „Kõik …" esimesena roosalt */
	body.if-p42.menuOpenLevel1 #primary-menu-list > li {
		border-bottom: 0;
	}
	body.if-p42.menuOpenLevel1 #primary-menu-list > li.open > .sub-menu {
		width: 100%;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu > li {
		display: block;
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #F3E8EB;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu li > a {
		display: block;
		padding: 14px 20px;
		color: #3F5244;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.35;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu > li:first-child > a {
		color: #AC0D59;
		font-weight: 700;
	}
	/* kolmas tase kohe näha (taandega), nool peidus → „Sündmuseks" viib oma kategooriasse */
	body.if-p42 #primary-menu-list > li > .sub-menu > li.menu-item-has-children > .toggle-child {
		display: none;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu > li.menu-item-has-children > .sub-menu {
		display: block;
		position: static;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0 0 6px;
		background: none;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu > li.menu-item-has-children > .sub-menu li {
		border: 0;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu > li.menu-item-has-children > .sub-menu li > a {
		padding: 9px 20px 9px 36px;
		font-size: 15px;
		font-weight: 400;
	}
	/* menüü all: jalusega kattuvad plokid ära; kontod nuppudena, keeled pillidena, telefon + e-post paanidena */
	body.if-p42 .menuOpen .menuOpen-show,
	body.if-p42.menuOpen .menuOpen-show {
		margin: 18px 20px 28px;
	}
	body.if-p42 .menuOpen-show > .mt-6:not(.mobile-info-links),
	body.if-p42 .menuOpen-show > .mobile-info-links:has(#mini-footer-menu) {
		display: none;
	}
	body.if-p42 .menuOpen-show .accounts {
		flex-direction: row;
		gap: 10px;
		margin: 0;
	}
	body.if-p42 .menuOpen-show .accounts > span {
		flex: 1 1 0;
	}
	body.if-p42 .menuOpen-show .accounts a {
		display: block;
		padding: 11px 12px;
		border: 1px solid #EADDE2;
		border-radius: 10px;
		background: #fff;
		color: #AC0D59;
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.3;
		text-align: center;
	}
	body.if-p42 .menuOpen-show .wpml_mobile_language_switcher ul {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	body.if-p42 .menuOpen-show .wpml_mobile_language_switcher .wpml-ls-link {
		display: inline-block;
		margin: 0;
		padding: 6px 14px;
		border: 1px solid #EADDE2;
		border-radius: 999px;
		background: #fff;
		font-size: 14px;
		line-height: 1.4;
	}
	body.if-p42 .menuOpen-show > .mobile-info-links:not(:has(#mini-footer-menu)) {
		margin-top: 16px;
	}
	body.if-p42 .menuOpen-show > .mobile-info-links:not(:has(#mini-footer-menu)) > h4 {
		display: none;
	}
	body.if-p42 .menuOpen-show > .mobile-info-links:not(:has(#mini-footer-menu)) > ul {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 10px;
	}
	body.if-p42 .menuOpen-show > .mobile-info-links:not(:has(#mini-footer-menu)) li:nth-child(n+3) {
		display: none;
	}
	body.if-p42 .menuOpen-show > .mobile-info-links:not(:has(#mini-footer-menu)) li > a {
		display: block;
		overflow: hidden;
		padding: 11px 10px;
		border: 1px solid #EADDE2;
		border-radius: 10px;
		background: #fff;
		color: #3F5244;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.3;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}
@media (prefers-reduced-motion: reduce) {
	body.if-p42 #primary-menu-list > li.open > .sub-menu {
		animation: none;
	}
}
/* punkt 42 telefon: nool rea keskele (teemal oli nihe alla) ja avatud alammenüü ilma teema roosa kastita täislaiuses */
@media screen and (max-width: 782px) {
	body.if-p42 #primary-menu-list li.menu-item-has-children > .toggle-child {
		position: static;
		top: auto;
		align-self: center;
	}
	body.if-p42.menuOpenLevel1 #primary-menu-list > li.open > .sub-menu {
		margin: 0;
		padding: 0;
		background: none;
	}
}
/* punkt 16 v2 — ärikliendil on kolmas tarneviis „Saada kontorisse" (#office): samasugune kaart (hoone ikoon). Järjekord kuller,
   kontor, järeletulek; kaks kõrvuti, kolmas täislaiuses (erakliendil 2 kaarti nagu enne). Leitud ärikliendi testkontoga 30.09. */
body.if-p16 #customer_details .iflower-checkout .col:has(> .form-row #courier) {
	flex-wrap: wrap;
}
body.if-p16 #customer_details .iflower-checkout .col:has(> .form-row #courier) > .form-row {
	flex: 1 1 calc(50% - 6px);
}
body.if-p16 #customer_details .iflower-checkout .col > .form-row:has(#pickup) {
	order: 2;
}
body.if-p16 #customer_details .iflower-checkout .col:has(> .form-row #courier) .form-field.radio {
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}
body.if-p16 #customer_details .iflower-checkout .col:has(> .form-row #courier) .form-field.radio label {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 100%;
	min-height: 100px;
	margin: 0;
	padding: 14px 10px;
	border: 1.5px solid #D8CDD2;
	border-radius: 12px;
	background: #fff;
	color: #3F5244;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	cursor: pointer;
}
body.if-p16 #customer_details .iflower-checkout .col:has(> .form-row #courier) .form-field.radio label::before {
	content: '';
	position: static;
	display: block;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
body.if-p16 #customer_details .iflower-checkout label[for="office"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AC0D59' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V4.5A1.5 1.5 0 0 1 6.5 3h11A1.5 1.5 0 0 1 19 4.5V21'/%3E%3Cpath d='M9 7h2M13 7h2M9 11h2M13 11h2M9 15h2M13 15h2'/%3E%3Cpath d='M10.5 21v-3h3v3'/%3E%3C/svg%3E");
}
body.if-p16 #customer_details .iflower-checkout .col:has(> .form-row #courier) .form-field.radio input:checked + label::after {
	content: none;
}
body.if-p16 #customer_details .iflower-checkout .col:has(> .form-row #courier) .form-field.radio input:checked + label {
	border-color: #AC0D59;
	background: #FDF1F4;
	box-shadow: inset 0 0 0 1px #AC0D59;
}

/* ---------- punkt 26b: „Osta kohe" → lisatud ostukorvi → „Kas soovid edasi osta või minna kohe maksma?" [Maksma →]
   [Jätka ostlemist] (sama raam mis valikute aken; telefonis alt üles, arvutis keskel) ---------- */
.if-ostusamm__pk {
	margin: 2px 44px 12px 0;
	color: #1E7A4C;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
}
.if-ostusamm__toode {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 12px;
	padding: 10px;
	border: 1px solid #F3E4E9;
	border-radius: 12px;
	background: #FFFAFB;
}
.if-ostusamm__pilt {
	flex: none;
	width: 56px;
	height: 56px;
	border-radius: 10px;
	object-fit: cover;
}
.if-ostusamm__nimi {
	color: #3F5244;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}
.if-ostusamm__hind {
	margin-top: 2px;
	color: #AC0D59;
	font-size: 14px;
	font-weight: 700;
}
.if-ostusamm__kusimus {
	margin: 0 0 14px;
	color: #3F5244;
	font-size: 15px;
	line-height: 1.45;
}
/* punkt 26c: „Kas lisame ka ilupaberi?" [+ Lisa] — toote kaardi all, sama laius; lisatuna küsimuse asemel roheline „lisatud ✓" */
.if-ostusamm__lisad:empty {
	display: none;
}
.if-ostusamm__lisa {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 14px;
	padding: 10px 10px 10px 12px;
	border: 1px dashed #E7B8CB;
	border-radius: 12px;
	background: #fff;
}
.if-ostusamm__lisa-pilt {
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	object-fit: cover;
}
.if-ostusamm__lisa-tekst {
	flex: 1 1 auto;
	min-width: 0;
}
.if-ostusamm__lisa-kusimus {
	color: #3F5244;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}
.if-ostusamm__lisa-hind {
	margin-top: 2px;
	color: #AC0D59;
	font-size: 14px;
	font-weight: 700;
}
.if-ostusamm__lisa-nupp {
	flex: none;
	margin: 0;
	padding: 10px 14px;
	border: 0;
	border-radius: 999px;
	background: #AC0D59;
	box-shadow: none;
	color: #fff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	cursor: pointer;
}
.if-ostusamm__lisa-nupp:hover {
	background: #8A0A47;
	color: #fff;
}
.if-ostusamm__lisa-nupp.loading {
	opacity: .7;
	pointer-events: none;
}
.if-ostusamm__lisa-nupp:focus-visible {
	outline: 2px solid #AC0D59;
	outline-offset: 2px;
}
.if-ostusamm__lisa.on-lisatud {
	border-style: solid;
	border-color: #CFE8DA;
	background: #F4FBF7;
}
.if-ostusamm__lisa.on-lisatud .if-ostusamm__lisa-kusimus {
	color: #1E7A4C;
	font-weight: 700;
}
.if-ostusamm__lisa + .if-ostusamm__lisa {
	margin-top: -6px;
}
.if-ostusamm__lisa-nupp:disabled {
	opacity: .4;
	cursor: default;
}
/* südamekaunistus: värvid pildina teisel real (libistatav, kui ei mahu) */
.if-ostusamm__lisa--valikud {
	flex-wrap: wrap;
}
.if-ostusamm__lisa--valikud .if-ostusamm__lisa-tekst {
	flex: 1 1 0;
}
.if-aken .if-ostusamm__lisa-valikud {
	display: flex;
	flex: 1 1 100%;
	gap: 8px;
	margin: 0;
	padding: 2px;
	overflow-x: auto;
	scrollbar-width: none;
}
.if-aken .if-ostusamm__lisa-valikud::-webkit-scrollbar {
	display: none;
}
.if-aken .if-ostusamm__lisa-valik {
	flex: none;
	width: 46px;
	height: 46px;
	min-width: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 2px solid #fff;
	border-radius: 10px;
	outline: 0;
	background: #fff;
	box-shadow: 0 0 0 1px #EADDE2;
	color: #3F5244;
	font-size: 10px;
	line-height: 1.1;
	cursor: pointer;
}
.if-aken .if-ostusamm__lisa-valik:hover {
	background: #fff;
	box-shadow: 0 0 0 1px #AC0D59;
}
.if-aken .if-ostusamm__lisa-valik[aria-pressed="true"] {
	box-shadow: 0 0 0 2px #AC0D59;
}
.if-aken .if-ostusamm__lisa-valik:focus-visible {
	box-shadow: 0 0 0 2px #AC0D59;
}
.if-aken .if-ostusamm__lisa-valik img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.if-ostusamm__maksma,
.if-ostusamm__jatka {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 14px 16px;
	border-radius: 12px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.if-ostusamm__maksma,
.if-ostusamm__maksma:visited {
	border: 0;
	background: #AC0D59;
	color: #fff;
}
.if-ostusamm__maksma:hover {
	background: #8A0A47;
	color: #fff;
}
.if-ostusamm__maksma.loading {
	opacity: .7;
}
.if-ostusamm__jatka {
	margin-top: 10px;
	border: 1.5px solid #D8CDD2;
	background: #fff;
	color: #3F5244;
}
.if-ostusamm__jatka:hover {
	border-color: #AC0D59;
	color: #AC0D59;
}
.if-ostusamm__maksma:focus-visible,
.if-ostusamm__jatka:focus-visible {
	outline: 2px solid #AC0D59;
	outline-offset: 2px;
}
/* karusselli „Osta kohe" / tootelehe nupp lisamise ajal */
ul.promo-slider a.button.loading,
body.single-product form.cart [type="submit"].loading {
	opacity: .7;
	pointer-events: none;
}
/* punkt 42 telefon (arendaja 21:0x: „vajutan lõikelillede peale ja siis uus menüü mis paigast"; „igalpool peab olema samasugune"):
   teemal .menu > li { margin: 0 15px !important; padding: 5px 20px 3px 0 !important } → alammenüü 20 px kitsam ja peidetud read
   võtsid ruumi (iga järgmine alammenüü algas 8 px madalamalt). Nüüd read täislaiuses, avatud alammenüüs ainult avatud rida. */
@media screen and (max-width: 782px) {
	body.if-p42 #primary-menu-list > li {
		margin: 0 !important;
		padding: 0 !important;
	}
	body.if-p42.menuOpenLevel1 #primary-menu-list > li:not(.open) {
		display: none !important;
	}
	body.if-p42.menuOpenLevel1 #primary-menu-list > li.open > .sub-menu {
		flex: 1 1 100%;
		width: 100%;
		max-width: none;
	}
}

/* ---------- punkt 27: kategoorialehe ülaosa kompaktseks (arendaja 21:0x pildiga Alkohol: „Kas seda osa ei saaks kompaktsemaks?").
   Enne telefonis: pealkiri 48 px, sortimine eraldi real, 32 + 32 + 32 px vahed → tooted y 364 (alamkategooriatega 412). Nüüd pealkiri
   ja sortimine ühel real, alamkategooriad pillidena ühes libistatavas reas, vahed väiksed. ---------- */
body.if-p27 header.woocommerce-products-header {
	padding-top: 16px;
	padding-bottom: 12px;
}
body.if-p27 header.woocommerce-products-header > .flex {
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 16px;
}
body.if-p27 header.woocommerce-products-header h1.page-title {
	margin: 0;
	font-size: 40px;
	line-height: 1.15;
}
body.if-p27 header.woocommerce-products-header select.orderby {
	height: 36px;
	padding: 0 34px 0 14px;
	border: 1px solid #EADDE2;
	border-radius: 999px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AC0D59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center / 14px no-repeat;
	color: #3F5244;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-style: normal;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}
body.if-p27 ul.product-cats {
	gap: 8px;
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
}
body.if-p27 ul.product-cats li.my-category {
	margin: 0;
	line-height: 1;
}
body.if-p27 ul.product-cats li.my-category a {
	display: inline-block;
	padding: 8px 14px;
	border: 1px solid #EADDE2;
	border-radius: 999px;
	background: #fff;
	color: #3F5244;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	text-decoration: none;
}
body.if-p27 ul.product-cats li.my-category a:hover {
	border-color: #AC0D59;
	color: #AC0D59;
}
body.if-p27 #arhive-loop-custom-wrap {
	padding-top: 16px;
}
@media (max-width: 767px) {
	body.if-p27 header.woocommerce-products-header {
		padding-top: 6px;
		padding-bottom: 8px;
	}
	body.if-p27 header.woocommerce-products-header > .flex {
		gap: 10px;
	}
	body.if-p27 header.woocommerce-products-header h1.page-title {
		font-size: 30px;
	}
	body.if-p27 header.woocommerce-products-header select.orderby {
		height: 34px;
		max-width: 150px;
		padding-left: 12px;
		font-size: 13px;
	}
	/* alamkategooriad: üks libistatav rida (enne murdus mitmeks reaks) */
	body.if-p27 header.woocommerce-products-header + ul.product-cats {
		flex-wrap: nowrap;
		margin: 0 -16px 4px;
		padding: 2px 16px 6px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	body.if-p27 header.woocommerce-products-header + ul.product-cats::-webkit-scrollbar {
		display: none;
	}
	body.if-p27 ul.product-cats li.my-category a {
		padding: 7px 12px;
		font-size: 13px;
	}
	body.if-p27 #arhive-loop-custom-wrap {
		padding-top: 8px;
	}
}

/* ---------- punkt 48: Eraklient / Äriklient sisselogimise lehed (arendaja 30.09 21:0x: „disainiks need eraklient ja äriklient
   sisse logimise lehed ka paremaks? Hetkel vana kujundus"). Teema mall templates/page-usertypelogin.php ja
   page-b2busertypelogin.php (sama ülesehitus). Enne: 82 px pealkiri (äriklendil kahel real üle ääre), tavaline täpploend,
   220 px kitsad väljad, topeltraamiga nupud. Nüüd: kompaktne pealkiri, eelised valgel kaardil linnukestega, vormid valgetel
   kaartidel, täislaiuses väljad (silt kohal) ja nupud; arvutis kaks veergu. Tekste ega vorme ei muudetud. ---------- */
body.if-p48 .content-sections:has(.module-private-user-intro) {
	padding-top: 8px;
	padding-bottom: 40px;
}
body.if-p48 .content-sections:has(.module-private-user-intro) > .my-flex {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
	gap: 40px;
	align-items: start;
}
body.if-p48 .module-private-user-intro,
body.if-p48 .module-private-user-intro + .f-col,
body.if-p48 .module-private-user-intro article {
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
}
body.if-p48 .module-private-user-intro h1.page-title {
	margin: 10px 0 14px;
	color: #3F5244;
	font-size: 44px;
	line-height: 1.1;
	overflow-wrap: anywhere;
}
body.if-p48 .module-private-user-intro article > p {
	margin: 0 0 8px;
	color: #3F5244;
	font-size: 15px;
	line-height: 1.55;
}
/* „Miks registreerida püsikliendiks?" / „Miks tulla ärikliendiks?" → väike roosa silt */
body.if-p48 .module-private-user-intro article > p:has(> em:only-child),
body.if-p48 .module-private-user-intro article > p:has(> strong:only-child) {
	margin: 18px 0 8px;
	color: #AC0D59;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}
body.if-p48 .module-private-user-intro article > p > em:only-child,
body.if-p48 .module-private-user-intro article > p > strong:only-child {
	font-style: normal;
	font-weight: 700;
}
/* eelised: valge kaart, linnukesed */
body.if-p48 .module-private-user-intro ul.wp-block-list {
	margin: 0 0 14px;
	padding: 14px 16px 6px;
	border: 1px solid #F3E4E9;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
	list-style: none;
}
body.if-p48 .module-private-user-intro ul.wp-block-list li {
	position: relative;
	margin: 0 0 10px;
	padding-left: 30px;
	color: #3F5244;
	font-size: 15px;
	line-height: 1.45;
}
body.if-p48 .module-private-user-intro ul.wp-block-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #FDE9EF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AC0D59' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat;
}
/* vormid kaartidel (paremal; äriklendil taotlusvorm ka vasakul) */
body.if-p48 .module-private-user-intro + .f-col sidebar {
	display: block;
	margin: 0;
	padding: 0;
}
body.if-p48 .module-private-user-intro + .f-col .module-login,
body.if-p48 .module-private-user-intro + .f-col .module-register,
body.if-p48 .module-private-user-intro article > form {
	margin: 0 0 16px;
	padding: 18px 18px 16px;
	border: 1px solid #F3E4E9;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}
body.if-p48 .module-private-user-intro + .f-col hr {
	display: none;
}
body.if-p48 .module-private-user-intro + .f-col h2.page-title,
body.if-p48 .module-private-user-intro article > h4 {
	margin: 0 0 12px;
	color: #3F5244;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
}
body.if-p48 .module-private-user-intro article > h4 {
	margin: 22px 0 10px;
}
body.if-p48 .module-private-user-intro + .f-col .module-login p {
	margin: 0;
}
body.if-p48 .module-private-user-intro + .f-col form p,
body.if-p48 .module-private-user-intro article > form p {
	margin: 0 0 10px;
	padding: 0;
}
body.if-p48 .module-private-user-intro + .f-col form label,
body.if-p48 .module-private-user-intro article > form label {
	display: block;
	margin: 0 0 4px;
	color: #3F5244;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.35;
}
body.if-p48 .module-private-user-intro + .f-col form .login-remember label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 400;
	font-size: 14px;
}
body.if-p48 .module-private-user-intro + .f-col form input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #AC0D59;
}
body.if-p48 .module-private-user-intro + .f-col form input.input,
body.if-p48 .module-private-user-intro article > form input[type="text"],
body.if-p48 .module-private-user-intro article > form input[type="email"],
body.if-p48 .module-private-user-intro article > form input[type="tel"] {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid #D8CDD2;
	border-radius: 8px;
	background: #fff;
	box-shadow: none;
	color: #3F5244;
	font-size: 16px;
}
body.if-p48 .module-private-user-intro + .f-col form input.input:focus,
body.if-p48 .module-private-user-intro article > form input:focus {
	border-color: #AC0D59;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(172, 13, 89, .15);
}
/* nupud: täislaiuses, ilma topeltraamita */
body.if-p48 .module-private-user-intro + .f-col a#wp-register-redirect,
body.if-p48 .module-private-user-intro + .f-col input#wp-submit,
body.if-p48 .module-private-user-intro article > form input[type="submit"] {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 4px 0 0;
	padding: 13px 16px;
	border: 0;
	border-radius: 10px;
	outline: 0;
	background: #AC0D59;
	box-shadow: none;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
}
body.if-p48 .module-private-user-intro + .f-col a#wp-register-redirect:hover,
body.if-p48 .module-private-user-intro + .f-col input#wp-submit:hover,
body.if-p48 .module-private-user-intro article > form input[type="submit"]:hover {
	background: #8A0A47;
	color: #fff;
}
@media (max-width: 767px) {
	body.if-p48 .content-sections:has(.module-private-user-intro) > .my-flex {
		display: block;
	}
	body.if-p48 .module-private-user-intro h1.page-title {
		margin: 4px 0 10px;
		font-size: 32px;
	}
	body.if-p48 .module-private-user-intro + .f-col {
		margin-top: 8px;
	}
}

/* ---------- punkt 42 telefon v3 (arendaja 30.09 22:3x: „vajutan ja järgmine menüü mis tuleb, font teine vms"): alammenüü read
   täpselt nagu esimene tase — 17 px, paksus 600, sama rea kõrgus (54 px) ja eraldusjoon. Enne 16 px / 500 (kolmas tase
   15 px / 400) → paistis teise kirjana. „Kõik …" ainult roosa (mitte paksem), kolmas tase eristub ainult taandega. ---------- */
@media screen and (max-width: 782px) {
	body.if-p42 #primary-menu-list > li > .sub-menu li > a,
	body.if-p42 #primary-menu-list > li > .sub-menu > li:first-child > a,
	body.if-p42 #primary-menu-list > li > .sub-menu > li.menu-item-has-children > .sub-menu li > a {
		padding-top: 16px;
		padding-bottom: 16px;
		font-size: 17px;
		font-weight: 600;
		line-height: 1.3;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu > li.menu-item-has-children > .sub-menu {
		padding: 0;
	}
	body.if-p42 #primary-menu-list > li > .sub-menu > li.menu-item-has-children > .sub-menu li {
		border-top: 1px solid #F3E8EB;
	}
}

/* ---------- punkt 3 lisa: reCAPTCHA märk kattis teateriba „Peida" nuppu (Eraklient, Tule ärikliendiks, Minu konto, parooli
   taastamine) → märk peidus AINULT lehel, kus Google'i nõutud tekst on vormi all (if-kujundus.php if_recaptcha_tekst). ---------- */
body.if-p3:has(.if-recaptcha-tekst) .grecaptcha-badge {
	visibility: hidden;
}
body.if-p3 .if-recaptcha-tekst {
	clear: both;
	margin: 12px 0 0 !important;
	padding: 0 !important;
	color: #8A7F84;
	font-family: 'Open Sans', sans-serif;
	font-size: 11.5px;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: 0;
	text-align: left;
}
body.if-p3 .if-recaptcha-tekst a {
	color: inherit;
	text-decoration: underline;
}
/* Minu konto kaardis sama väike tekst (punkt 48 vormi lõigu reegel on muidu tugevam) */
body.if-p48 #customer_login form p.if-recaptcha-tekst {
	color: #8A7F84;
	font-size: 11.5px;
	line-height: 1.45;
}

/* punkt 15 arvutis (nagu Lilleoutleti v1.13; arendaja 30.09 23:3x: „Kas arvuti kassas ei pidanud lisatooted olema samamoodi
   nagu outletis tegime?"): „Lisa juurde" vasakus veerus kassavormi all ruudustikuna (4 veergu, 2 rida), mitte paremal kerival
   real. JS (lisad → kohale) tõstab #if-lisad .iflower-checkout järele ja lisab klassi .if-lisad--vasak; telefonis nagu enne. */
@media (min-width: 768px) {
	body.if-p15 #order_review > #if-lisad {
		display: none; /* paremal peidus, kuni JS tõstab (leht ei hüppa) */
	}
	body.if-p16.woocommerce-checkout #if-lisad.if-lisad--paneel.if-lisad--vasak {
		margin: 22px 0 8px;
		padding: 16px 16px 12px;
	}
	body.if-p15 #if-lisad.if-lisad--vasak .if-lisad__rida {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 12px;
		overflow: visible;
		padding: 8px 2px 4px;
		scroll-snap-type: none;
	}
	body.if-p15 #if-lisad.if-lisad--vasak .if-lisa {
		flex: none;
		min-width: 0;
	}
	body.if-p15 #if-lisad.if-lisad--vasak .if-lisa:nth-child(n+9) {
		display: none; /* 2 täis rida */
	}
}

/* punkt 16: arvutis ulatus kassa vorm (Bootstrap .row, veerised −5 px) 5 px üle lehe serva → külgkerimine (leitud 30.09 23:1x
   pärast kõigile sisselülitamist, laius 1400 → 1405). Telefonis ülejooksu pole. */
@media (min-width: 768px) {
	body.if-p16 form#my-checkout.row {
		margin-left: 0;
		margin-right: 0;
	}
}

/* ---------- punkt 48 lisa: Minu konto (sisselogimine + registreerimine) ja parooli taastamine samas kujunduses (leitud 30.09
   22:4x kontrolli käigus, ka klientidel praegu: telefonis veerud kõrvuti → leht 556 px lai ja „Registreeru" poolik; parooli
   „näita" nupp tühja roosa nupuna välja all; „Lähtesta parool" ilma nupu kujunduseta). Kaardid, täislaiuses väljad ja nupud
   nagu Eraklient-lehel; telefonis veerud üksteise all, arvutis kõrvuti. Ainult sisse logimata vaade (#customer_login). ---------- */
body.if-p48 #customer_login {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	align-items: start;
	margin: 0 0 32px;
}
body.if-p48 #customer_login > .u-column1,
body.if-p48 #customer_login > .u-column2,
body.if-p48 form.woocommerce-ResetPassword {
	display: block;
	float: none;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 18px 18px 16px;
	border: 1px solid #F3E4E9;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}
body.if-p48 form.woocommerce-ResetPassword {
	max-width: 520px;
	margin: 0 0 32px;
}
body.if-p48 #customer_login h2 {
	margin: 0 0 12px;
	color: #3F5244;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
}
body.if-p48 #customer_login form p,
body.if-p48 form.woocommerce-ResetPassword p {
	margin: 0 0 12px;
	padding: 0;
	color: #3F5244;
	font-size: 14px;
	line-height: 1.5;
}
body.if-p48 form.woocommerce-ResetPassword > p:first-child {
	font-size: 15px;
}
body.if-p48 #customer_login form label,
body.if-p48 form.woocommerce-ResetPassword label {
	display: block;
	margin: 0 0 4px;
	color: #3F5244;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.35;
}
body.if-p48 #customer_login input.input-text,
body.if-p48 form.woocommerce-ResetPassword input.input-text {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid #D8CDD2;
	border-radius: 8px;
	background: #fff;
	box-shadow: none;
	color: #3F5244;
	font-size: 16px;
}
body.if-p48 #customer_login input.input-text:focus,
body.if-p48 form.woocommerce-ResetPassword input.input-text:focus {
	border-color: #AC0D59;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(172, 13, 89, .15);
}
/* parool: „näita" nupp silmana välja sees (WooCommerce vahetab klassi display-password) */
body.if-p48 #customer_login .password-input {
	position: relative;
	display: block;
}
body.if-p48 #customer_login .password-input input.input-text {
	padding-right: 46px;
}
body.if-p48 #customer_login .password-input .show-password-input {
	position: absolute;
	top: 50%;
	right: 5px;
	width: 36px;
	height: 36px;
	min-width: 0;
	margin: -18px 0 0;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A7F84' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 20px no-repeat;
	box-shadow: none;
	font-size: 0;
	cursor: pointer;
}
body.if-p48 #customer_login .password-input .show-password-input.display-password {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AC0D59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E");
}
body.if-p48 #customer_login .password-input .show-password-input::after {
	display: none;
}
body.if-p48 #customer_login .woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	color: #3F5244;
	font-size: 14px;
	font-weight: 400;
}
body.if-p48 #customer_login .woocommerce-form-login__rememberme input {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #AC0D59;
}
body.if-p48 #customer_login button.button,
body.if-p48 form.woocommerce-ResetPassword button.button {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 4px 0 0;
	padding: 13px 16px;
	border: 0;
	border-radius: 10px;
	outline: 0;
	background: #AC0D59;
	box-shadow: none;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	text-align: center;
	text-transform: none;
	cursor: pointer;
}
body.if-p48 #customer_login button.button:hover,
body.if-p48 form.woocommerce-ResetPassword button.button:hover {
	background: #8A0A47;
	color: #fff;
}
body.if-p48 #customer_login .woocommerce-LostPassword {
	margin: 12px 0 0;
}
body.if-p48 #customer_login .woocommerce-LostPassword a {
	color: #AC0D59;
	font-size: 14px;
	font-weight: 600;
}
@media (max-width: 767px) {
	body.if-p48 #customer_login {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}
}

/* ---------- punkt 49: tarnekell (arendaja 01.10: „interaktiivne kell … mis tiksub alla, et 7h 30 min aega tellida, et jõuaks
   kohale tallinnas täna") — tootelehel „Osta kohe" all ja „Osta kohe" ribal „Maksma" kohal. Ikoonis tiksub sekundiosuti. ---------- */
.if-tarnekell {
	display: flex;
	align-items: center;
	gap: 11px;
	margin: 12px 0 0;
	padding: 10px 12px;
	border: 1px solid #CFE8DA;
	border-radius: 12px;
	background: #F4FBF7;
	color: #3F5244;
	font-family: 'Open Sans', sans-serif;
}
.if-tarnekell:empty,
.if-tarnekell[hidden] {
	display: none;
}
.if-ostusamm .if-tarnekell {
	margin: -4px 0 12px;
}
.if-tarnekell__ikoon {
	position: relative;
	flex: none;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #1E7A4C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4h14v12H1z'/%3E%3Cpath d='M15 8h4l3 3v5h-7z'/%3E%3Ccircle cx='5.5' cy='18' r='2'/%3E%3Ccircle cx='17.5' cy='18' r='2'/%3E%3C/svg%3E") center / 19px no-repeat;
}
.if-tarnekell__ikoon--kell {
	background-image: none;
}
.if-tarnekell__ikoon--kell::before {
	content: '';
	position: absolute;
	inset: 7px;
	border: 2px solid #fff;
	border-radius: 50%;
}
.if-tarnekell__ikoon--kell::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 10px;
	width: 2px;
	height: 8px;
	margin-left: -1px;
	border-radius: 1px;
	background: #fff;
	transform-origin: 50% 7px;
	animation: if-tiks 60s steps(60) infinite;
}
@keyframes if-tiks {
	to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
	.if-tarnekell__ikoon--kell::after {
		animation: none;
	}
}
.if-tarnekell__sisu {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.3;
}
.if-tarnekell__aeg {
	color: #1E7A4C;
	font-size: 18px;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.if-tarnekell__aeg b {
	font-weight: 800;
}
.if-tarnekell__aeg i {
	margin: 0 1px 0 2px;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
}
.if-tarnekell__tekst {
	font-size: 13px;
	font-weight: 500;
}
.if-tarnekell__tekst--homme {
	color: #1E7A4C;
	font-size: 14px;
	font-weight: 700;
}

/* punkt 16 arvutis nagu Lilleoutletis (arendaja 01.10: „desktopis on kassa üle paisutatud. liiga suur on kõik. Lilleoutletis on
   õige suuruse peal"). Mõõtes olid kaardid, väljad ja kiri samas suuruses — vahe oli paigutuses: leivapuru + 48 px „Kassa",
   teema konteiner vasakult 140 px sees ja paremalt servani, tellimus valge täiskõrguses paneelina (teema: padding 72px 10%
   72px 78px, margin-top −235px). Nüüd nagu Lilleoutletis: pealkiri ja leivapuru peidus, sisu keskel 1096 px, vasakul vorm
   580 px, paremal tellimus 451 px, vahe 64 px. Telefonis ja „Täname" lehel muutust pole. */
@media (min-width: 768px) {
	body.if-p16.woocommerce-checkout:not(.woocommerce-order-received) .storefront-breadcrumb,
	body.if-p16.woocommerce-checkout:not(.woocommerce-order-received) #primary1 article > .entry-header {
		display: none;
	}
	body.if-p16.woocommerce-checkout:not(.woocommerce-order-received) .container.mx-auto:has(> #primary1) {
		padding-left: 24px;
		padding-right: 24px;
	}
	body.if-p16.woocommerce-checkout:not(.woocommerce-order-received) #primary1 .entry-content > .woocommerce {
		max-width: 1096px;
		margin: 0 auto;
		padding-top: 28px;
	}
	body.if-p16.woocommerce-checkout:not(.woocommerce-order-received) form#my-checkout.row {
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
		gap: 64px;
	}
	body.if-p16.woocommerce-checkout:not(.woocommerce-order-received) form#my-checkout > #customer_details {
		flex: 1 1 580px;
		max-width: 580px;
		padding-left: 0;
		padding-right: 0;
	}
	body.if-p16.woocommerce-checkout:not(.woocommerce-order-received) form#my-checkout > #order_review.woocommerce-checkout-review-order {
		flex: 0 1 451px;
		max-width: 451px;
		margin-top: 0;
		padding: 0;
		background: transparent;
	}
}

/* punkt 6 lisa: tootelehe „Lisa kingitus" karussell (arendaja 01.10: „Lisa kingitus — seal see lisa nupp liiga hele"; „lisa korvi"):
   „Lisa korvi" täidetud roosa nupuna nagu kassa „+ Lisa" (enne heleroosa #FFEBED, must 12 px kiri, 22 px kõrge) */
body.if-p6 #product-summary-wrap ul#gift-slider li.product a.button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	box-sizing: border-box;
	width: 100%;
	margin: 6px 0 0;
	padding: 8px 10px;
	border: 0;
	border-radius: 999px;
	background: #AC0D59;
	box-shadow: 0 6px 12px -6px rgba(172, 13, 89, .75), inset 0 -2px 0 rgba(0, 0, 0, .14);
	color: #fff !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
	text-decoration: none;
	text-transform: none;
}
body.if-p6 #product-summary-wrap ul#gift-slider li.product a.button::before {
	content: '+';
	margin-top: -1px;
	font-size: 15px;
	font-weight: 800;
	line-height: 1;
}
body.if-p6 #product-summary-wrap ul#gift-slider li.product a.button:hover,
body.if-p6 #product-summary-wrap ul#gift-slider li.product a.button:focus-visible {
	background: #8A0A47;
	color: #fff !important;
}
body.if-p6 #product-summary-wrap ul#gift-slider li.product a.button.loading {
	opacity: .7;
}

/* punkt 26 kategoorialehtedel (arendaja 01.10: „kui ma lähen kategooriasse, näiteks pulmakimbud, siis ostakohe nuppu pole, saan
   ainult peale vajutada ja siis panna osta kohe"): kaardi nupp nähtavaks nagu avalehel (teema peitis selle). Valikuga kimp →
   suuruse aken, lihttoode → ostukorvi + „Maksma / Jätka ostlemist" riba. Nupud kaardi allservas ühel joonel. */
body.if-p26 #arhive-loop-custom-wrap ul.products li.product {
	display: flex;
	flex-direction: column;
}
body.if-p26 #arhive-loop-custom-wrap ul.products li.product > a.woocommerce-LoopProduct-link {
	flex: 1 1 auto;
}
body.if-p26 #arhive-loop-custom-wrap ul.products li.product a.button {
	display: block !important;
	margin: 10px 0 0;
	padding: 11px 10px;
	border: 0;
	border-radius: 12px;
	background: #AC0D59 !important;
	color: #fff !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	text-transform: none;
	transition: background-color .2s;
}
body.if-p26 #arhive-loop-custom-wrap ul.products li.product a.button:hover,
body.if-p26 #arhive-loop-custom-wrap ul.products li.product a.button:focus-visible {
	background: #8A0A47 !important;
}
body.if-p26 #arhive-loop-custom-wrap ul.products li.product a.button.loading {
	opacity: .7;
	pointer-events: none;
}

/* punkt 42: väiksemal arvutil / tahvli rõhtpaigutusel (783–1180 px) ei mahtunud päis ära — 1024 px juures parem plokk (Eraklient …
   EST) 30 px üle serva ja leht kerib külgsuunas (leitud 01.10 kassa kontrollil). Teema: .menu > li { margin: 0 15px; padding-right:
   20px } → siin väiksem vahe. */
@media (min-width: 783px) and (max-width: 1180px) {
	body.if-p42 #primary-menu-list > li {
		margin: 0 6px !important;
		padding-right: 14px !important;
	}
}

/* punkt 6 lisa (arendaja 01.10): „Lisa kingitus" nooled olid „Osta kohe" nupu all kokku surutud (teema: nooled karusselli kohal
   top −25px; pealkiri algas kohe nupu all) → ploki kohale vahe, nooled liiguvad kaasa */
body.if-p6 .summary #gift-slider-wrap {
	margin-top: 26px;
}
/* punkt 6 lisa (arendaja 01.10: „Vaata toodet nupud on endiselt valged"): seotud toodete nupp täidetud roosa nagu kategooria
   „Osta kohe" (enne valge ääristatud pill, tekst vasakul) */
body.if-p6 #related-products-single-product-wrap ul.products li.product a.button {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin-top: 10px;
	padding: 11px 10px;
	border: 0;
	border-radius: 12px;
	background: #AC0D59;
	color: #fff !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	text-transform: none;
	transition: background-color .2s;
}
body.if-p6 #related-products-single-product-wrap ul.products li.product a.button:hover,
body.if-p6 #related-products-single-product-wrap ul.products li.product a.button:focus-visible {
	background: #8A0A47;
	color: #fff !important;
}

/* punkt 16a arvutis (arendaja 01.10: „Logi sisse ja teeni 15 € boonust … / Kupong? Sisesta kood — kas need saaks desktopis seal
   üleval kuidagi kaartideks ja nähtavaks teha? Mitte väga suurelt"): kaks väikest kaarti kõrvuti, ikoon roosas ringis */
@media (min-width: 768px) {
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce > .wc_points_rewards_earn_points,
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce > .woocommerce-form-coupon-toggle {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		margin: 0 12px 18px 0;
		padding: 8px 16px 8px 8px;
		border: 1px solid #F3E4E9;
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
		color: #3F5244;
		font-size: 14px;
		line-height: 1.4;
	}
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce > .wc_points_rewards_earn_points::before,
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce > .woocommerce-form-coupon-toggle::before {
		content: '';
		flex: none;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: #FDE9EF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AC0D59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C9.5 3 12 8 12 8s2.5-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center / 16px no-repeat;
	}
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce > .woocommerce-form-coupon-toggle::before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AC0D59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8Z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E");
	}
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce > .woocommerce-form-coupon-toggle .woocommerce-info {
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		box-shadow: none;
		color: inherit;
		font-size: 14px;
	}
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce > .woocommerce-form-coupon-toggle .woocommerce-info::before {
		display: none;
	}
}
/* kaartide sisu tavalise tekstireana (flex tegi igast tekstijupist eraldi elemendi → „teeni   3   €"), ikoon vasakul servas */
@media (min-width: 768px) {
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce > .wc_points_rewards_earn_points,
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce > .woocommerce-form-coupon-toggle {
		display: inline-block;
		position: relative;
		padding: 8px 16px 8px 48px;
		line-height: 30px;
	}
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce > .wc_points_rewards_earn_points::before,
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce > .woocommerce-form-coupon-toggle::before {
		position: absolute;
		left: 9px;
		top: 50%;
		margin-top: -15px;
	}
	body.if-p16.woocommerce-checkout .entry-content > .woocommerce > .woocommerce-form-coupon-toggle .woocommerce-info {
		line-height: 30px;
	}
}

/* ---------- punkt 50: WooCommerce'i teated aknas (if-kujundus.js teateAken) — arvutis keskel, telefonis alt tõusev leht nagu
   „Osta kohe" riba (arendaja 01.10: „Kas me ei saaks selle teavituse ka kuidagi pop-upi peale ja telefonis alumise kaardi
   peale teha?"). Kuni JS teated aknasse tõstab, on need peidus (html.if-teated-oota <head>-ist, max 4 s). ---------- */
html.if-teated-oota .woocommerce-notices-wrapper > .woocommerce-error,
html.if-teated-oota .woocommerce-notices-wrapper > .woocommerce-message,
html.if-teated-oota .woocommerce-notices-wrapper > .woocommerce-info {
	display: none !important;
}
html.if-teated-oota div.woocommerce:not(:has(> :not(.woocommerce-error, .woocommerce-message, .woocommerce-info))) > * {
	display: none !important;
}
.if-teateaken__pea {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 44px 12px 0;
}
.if-teateaken__ikoon {
	flex: none;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #FDE9EF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AC0D59' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6.5v7'/%3E%3Cpath d='M12 17.5h.01'/%3E%3C/svg%3E") center / 22px no-repeat;
}
.if-teateaken--info .if-teateaken__ikoon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AC0D59' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 10.5v7'/%3E%3Cpath d='M12 6.5h.01'/%3E%3C/svg%3E");
}
.if-teateaken--tehtud .if-teateaken__ikoon {
	background-color: #E7F5EC;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E7A4C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E");
}
.if-teateaken__pk {
	color: #3F5244;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}
.if-teateaken__read {
	margin: 0 0 16px;
	padding: 12px 14px;
	border: 1px solid #F3E4E9;
	border-radius: 12px;
	background: #FFFAFB;
}
.if-teateaken__rida {
	color: #3F5244;
	font-size: 15px;
	line-height: 1.5;
	overflow-wrap: anywhere;
}
.if-teateaken__rida + .if-teateaken__rida {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #F3E4E9;
}
.if-teateaken__rida a:not(.button) {
	color: #AC0D59;
	font-weight: 600;
	text-decoration: underline;
}
.if-teateaken__nupud {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}
.if-teateaken__nupud a.button {
	display: inline-block;
	float: none;
	margin: 0;
	padding: 8px 14px;
	border: 1.5px solid #D8CDD2;
	border-radius: 999px;
	background: #fff;
	color: #3F5244;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
}
.if-teateaken__nupud a.button:hover {
	border-color: #AC0D59;
	color: #AC0D59;
}
.if-aken .if-teateaken__ok {
	margin: 0;
	height: auto;
	box-shadow: none;
	letter-spacing: normal;
	text-transform: none;
}
.if-aken .if-teateaken__ok:focus-visible {
	outline: 2px solid #AC0D59;
	outline-offset: 2px;
}

/* ---------- punkt 52: tootelehe „Lisa kingitus" ka telefonis/tahvlis (teema style.css peidab ≤ 1024 px; arendaja: „tee").
   Kaartide arv (2 / 3) ja libistamine: if-kujundus.js kingitused(). ---------- */
@media only screen and (max-width: 1024px) {
	/* teema #single-product-wrap on grid, .summary flex — ilma min-width: 0 venitas karusselli rada veeru lõpmatuseni */
	body.if-p52 #single-product-wrap > #product-summary-wrap,
	body.if-p52 #product-summary-wrap .summary {
		min-width: 0;
	}
	body.if-p52 #product-summary-wrap #gift-slider-wrap {
		display: block !important;
		width: 100%;
		min-width: 0;
		max-width: 100%;
		margin-bottom: 28px;
	}
	/* pilt ruuduks (portreepilt tegi ploki telefonis ~370 px kõrgeks) */
	body.if-p52 #product-summary-wrap ul#gift-slider li.product img:not(.secondary-image) {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
}

/* ---------- punkt 53: tarnelubadus asukohaga (arendaja 01.10: „tuvastada IP järgi … kus inimene on … telli nüüd ja praegu ja saad
   lillet kätte näiteks vahemikus 15-18") — punkti 49 kaart + piirkonna rida „📍 Tallinn · muuda" + piirkonna valik. ---------- */
.if-p53 .if-tarnekell {
	align-items: flex-start;
}
.if-tarnekell .if-tarnekell__tekst b {
	color: #1E7A4C;
	font-weight: 800;
	white-space: nowrap;
}
.if-tarneala {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	margin-top: 4px;
	color: #506756;
	font-size: 12.5px;
	line-height: 1.4;
}
.if-tarneala__nimi {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	font-weight: 700;
}
.if-tarneala__nimi::before {
	content: '';
	width: 12px;
	height: 12px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231E7A4C'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.if-tarnekell .if-tarneala__muuda {
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: #1E7A4C;
	font: inherit;
	font-weight: 700;
	text-decoration: underline;
	text-transform: none;
	text-underline-offset: 2px;
	cursor: pointer;
}
.if-tarneala__valik {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}
.if-tarneala__valik[hidden] {
	display: none;
}
.if-tarneala__kuhu {
	width: 100%;
	color: #3F5244;
	font-size: 12.5px;
	font-weight: 700;
}
.if-tarnekell .if-tarneala__ala {
	min-height: 0;
	margin: 0;
	padding: 5px 11px;
	border: 1px solid #CFE8DA;
	border-radius: 999px;
	background: #fff;
	box-shadow: none;
	color: #3F5244;
	font: 600 13px/1.2 'Open Sans', sans-serif;
	text-transform: none;
	cursor: pointer;
}
.if-tarnekell .if-tarneala__ala[aria-pressed="true"] {
	border-color: #1E7A4C;
	background: #1E7A4C;
	color: #fff;
}
.if-tarneala__allikas,
.if-tarneala__allikas:visited {
	width: 100%;
	color: #8A9A8E;
	font-size: 11px;
	text-decoration: none;
}