/* CottonDiaper Shop: basket drawer, picker, free-sample pop-up. Works left-to-right and right-to-left. */
:root {
	--cds-ink: #2C2A4A !important; --cds-muted: #66637E !important; --cds-cream: #FFF9F3 !important; --cds-rose: #B4466A !important;
	--cds-blush: #FBE3E4 !important; --cds-butter: #FFF1C9 !important; --cds-mint: #8DCEC0 !important; --cds-mint-l: #DFF3EE !important; --cds-lilac: #EAE7FB !important;
	--cds-line: #E4DCD2 !important; --cds-ease: cubic-bezier(.16, 1, .3, 1) !important;
	--cds-body: 'Nunito', system-ui, sans-serif !important; --cds-head: 'Fraunces', Georgia, serif !important; --cds-label: 'Comfortaa', 'Nunito', sans-serif !important;
}
html[lang|="ar"] { 
	--cds-body: 'Tajawal', system-ui, sans-serif !important; 
	--cds-head: 'Baloo Bhaijaan 2', 'Tajawal', sans-serif !important; 
	--cds-label: 'Baloo Bhaijaan 2', 'Tajawal', sans-serif !important; 
}
html.cd-lock { overflow: hidden !important; }

.cd-layer, .cd-picker, .cd-sample-inline, .cd-basket-btn { 
	font-family: var(--cds-body) !important; 
	color: var(--cds-ink) !important; 
	box-sizing: border-box !important; 
}
.cd-layer *, .cd-picker *, .cd-sample-inline * { box-sizing: border-box !important; }
.cd-layer h2, .cd-layer p, .cd-picker h2, .cd-picker p, .cd-sample-inline p { margin: 0 !important; }
.cd-i { flex: none !important; }
.cd-layer [hidden], .cd-picker [hidden], .cd-sample-inline [hidden] { display: none !important; }

/* ---------- Buttons ---------- */
.cd-btn { 
	display: inline-flex !important; 
	align-items: center !important; 
	justify-content: center !important; 
	gap: 10px !important; 
	min-height: 56px !important; 
	padding: 0 26px !important; 
	border-radius: 999px !important; 
	border: 2px solid transparent !important; 
	font: 800 17px/1.2 var(--cds-body) !important; 
	text-decoration: none !important; 
	cursor: pointer !important; 
	transition: background-color .3s, color .3s, translate .3s, box-shadow .3s !important; 
}
.cd-btn--primary { 
	background: var(--cds-ink) !important; 
	color: #fff !important; 
	box-shadow: 0 10px 24px rgba(44, 42, 74, .18) !important; 
}
.cd-btn--primary:hover { 
	background: var(--cds-rose) !important; 
	translate: 0 -2px !important; 
}
.cd-btn--primary:disabled { 
	background: #A9A6B8 !important; 
	box-shadow: none !important; 
	cursor: not-allowed !important; 
	translate: none !important; 
}
.cd-btn--outline { 
	background: transparent !important; 
	color: var(--cds-ink) !important; 
	border-color: var(--cds-ink) !important; 
}
.cd-btn--outline:hover { 
	background: var(--cds-ink) !important; 
	color: #fff !important; 
}
.cd-link { 
	display: inline-flex !important; 
	align-items: center !important; 
	justify-content: center !important; 
	min-height: 44px !important; 
	background: none !important; 
	border: 0 !important; 
	color: var(--cds-ink) !important; 
	font: 800 15px var(--cds-body) !important; 
	text-decoration: underline !important; 
	text-underline-offset: 4px !important; 
	cursor: pointer !important; 
}
.cd-icon-btn { 
	flex: none !important; 
	width: 44px !important; 
	height: 44px !important; 
	border: 0 !important; 
	border-radius: 999px !important; 
	background: #fff !important; 
	color: var(--cds-ink) !important; 
	display: inline-flex !important; 
	align-items: center !important; 
	justify-content: center !important; 
	cursor: pointer !important; 
	transition: background-color .2s !important; 
}
.cd-icon-btn:hover { background: var(--cds-lilac) !important; }
.cd-chip { 
	padding: 5px 12px !important; 
	border-radius: 999px !important; 
	background: var(--cds-blush) !important; 
	color: #A23E5F !important; 
	font-size: 13px !important; 
	font-weight: 800 !important; 
}
.cd-note { 
	font-size: 13px !important; 
	line-height: 1.5 !important; 
	color: var(--cds-muted) !important; 
}
.cd-layer :focus-visible, .cd-picker :focus-visible, .cd-sample-inline :focus-visible, .cd-basket-btn:focus-visible { 
	outline: 3px solid #C9C3F2 !important; 
	outline-offset: 2px !important; 
}

/* ---------- Header basket button ---------- */
.cd-basket-btn { 
	display: inline-flex !important; 
	align-items: center !important; 
	gap: 10px !important; 
	min-height: 46px !important; 
	padding-inline: 16px 12px !important; 
	border-radius: 999px !important; 
	background: var(--cds-ink) !important; 
	color: #fff !important; 
	font-size: 15px !important; 
	font-weight: 800 !important; 
	text-decoration: none !important; 
	box-shadow: 0 8px 18px rgba(44, 42, 74, .16) !important; 
	transition: background-color .3s, translate .3s !important; 
}
.cd-basket-btn:hover { 
	background: var(--cds-rose) !important; 
	translate: 0 -2px !important; 
}
.cd-basket-btn__count { 
	min-width: 24px !important; 
	height: 24px !important; 
	padding: 0 7px !important; 
	border-radius: 999px !important; 
	background: #F4A9B5 !important; 
	color: var(--cds-ink) !important; 
	font-size: 13px !important; 
	display: inline-flex !important; 
	align-items: center !important; 
	justify-content: center !important; 
}
@media (max-width: 767px) { 
	.cd-basket-btn__label { display: none !important; } 
	.cd-basket-btn { padding-inline: 14px 10px !important; } 
}

/* ---------- Layers (drawer + pop-up) ---------- */
.cd-layer { 
	position: fixed !important; 
	inset: 0 !important; 
	z-index: 100000 !important; 
}
.cd-layer[hidden] { display: none !important; }
.cd-overlay { 
	position: absolute !important; 
	inset: 0 !important; 
	background: rgba(44, 42, 74, .46) !important; 
	-webkit-backdrop-filter: blur(3px) !important; 
	backdrop-filter: blur(3px) !important; 
	opacity: 0 !important; 
	transition: opacity .3s !important; 
}
.cd-layer.is-open .cd-overlay { opacity: 1 !important; }

/* ---------- Basket drawer ---------- */
.cd-drawer { 
	position: absolute !important; 
	top: 0 !important; 
	bottom: 0 !important; 
	inset-inline-end: 0 !important; 
	width: min(460px, 100%) !important; 
	background: var(--cds-cream) !important; 
	border-start-start-radius: 32px !important; 
	border-end-start-radius: 32px !important; 
	box-shadow: -30px 0 80px rgba(44, 42, 74, .25) !important; 
	display: flex !important; 
	flex-direction: column !important; 
	overflow: hidden !important; 
	outline: none !important; 
	transform: translateX(105%) !important; 
	transition: transform .45s var(--cds-ease) !important; 
}
[dir="rtl"] .cd-drawer, html[dir="rtl"] .cd-drawer { 
	transform: translateX(-105%) !important; 
	box-shadow: 30px 0 80px rgba(44, 42, 74, .25) !important; 
}
.cd-layer.is-open .cd-drawer { transform: none !important; }
.cd-drawer__head { 
	display: flex !important; 
	align-items: center !important; 
	gap: 10px !important; 
	padding: 24px 24px 14px !important; 
}
.cd-drawer__head h2 { 
	font: 600 30px/1.1 var(--cds-head) !important; 
	font-variation-settings: "SOFT" 100, "WONK" 0 !important; 
	color: var(--cds-ink) !important; 
}
.cd-drawer__head .cd-icon-btn { margin-inline-start: auto !important; }
.cd-drawer__body { 
	flex: 1 !important; 
	min-height: 0 !important; 
	overflow-y: auto !important; 
	padding: 4px 24px 16px !important; 
	display: flex !important; 
	flex-direction: column !important; 
	gap: 14px !important; 
}
.cd-drawer__body > * { flex: none !important; }
.cd-freebar { 
	background: var(--cds-mint-l) !important; 
	border-radius: 22px !important; 
	padding: 14px 16px !important; 
	display: flex !important; 
	flex-direction: column !important; 
	gap: 10px !important; 
}
.cd-freebar p { 
	display: flex !important; 
	align-items: center !important; 
	gap: 10px !important; 
	font-size: 15px !important; 
	font-weight: 800 !important; 
	color: #234B45 !important; 
}
.cd-freebar__track { 
	height: 10px !important; 
	border-radius: 999px !important; 
	background: #fff !important; 
	overflow: hidden !important; 
}
.cd-freebar__track span { 
	display: block !important; 
	height: 100% !important; 
	width: 0 !important; 
	border-radius: 999px !important; 
	background: var(--cds-mint) !important; 
	transition: width .6s var(--cds-ease) !important; 
}
.cd-lines { 
	list-style: none !important; 
	margin: 0 !important; 
	padding: 0 !important; 
	display: flex !important; 
	flex-direction: column !important; 
	gap: 12px !important; 
}
.cd-line { 
	background: #fff !important; 
	border-radius: 24px !important; 
	padding: 14px !important; 
	display: flex !important; 
	gap: 14px !important; 
	animation: cdsPop .45s var(--cds-ease) both !important; 
}
.cd-line__thumb { 
	flex: none !important; 
	width: 84px !important; 
	height: 84px !important; 
	border-radius: 22px !important; 
	overflow: hidden !important; 
	display: flex !important; 
	align-items: center !important; 
	justify-content: center !important; 
}
.cd-line__thumb img { 
	width: 118% !important; 
	max-width: none !important; 
	height: auto !important; 
}
.cd-line__info { 
	flex: 1 !important; 
	min-width: 0 !important; 
	display: flex !important; 
	flex-direction: column !important; 
	gap: 8px !important; 
}
.cd-line__top { 
	display: flex !important; 
	justify-content: space-between !important; 
	gap: 10px !important; 
}
.cd-line__name { 
	font-size: 16px !important; 
	font-weight: 800 !important; 
	line-height: 1.3 !important; 
}
.cd-line__price { 
	font-size: 15px !important; 
	font-weight: 800 !important; 
	white-space: nowrap !important; 
}
.cd-line__chips { 
	display: flex !important; 
	flex-wrap: wrap !important; 
	gap: 6px !important; 
}
.cd-line__chips span { 
	padding: 4px 10px !important; 
	border-radius: 999px !important; 
	background: #F4F0EA !important; 
	font-size: 12px !important; 
	font-weight: 800 !important; 
}
.cd-line__chips span:first-child { background: var(--cds-blush) !important; }
.cd-line__controls { 
	display: flex !important; 
	align-items: center !important; 
	justify-content: space-between !important; 
	gap: 10px !important; 
}
.cd-line__remove { 
	min-height: 44px !important; 
	border: 0 !important; 
	background: none !important; 
	color: var(--cds-muted) !important; 
	font: 800 14px var(--cds-body) !important; 
	display: inline-flex !important; 
	align-items: center !important; 
	gap: 6px !important; 
	padding: 0 4px !important; 
	cursor: pointer !important; 
}
.cd-line__remove:hover { color: var(--cds-rose) !important; }
.cd-qty { 
	display: inline-flex !important; 
	align-items: center !important; 
	gap: 4px !important; 
	background: #fff !important; 
	border-radius: 999px !important; 
	padding: 4px !important; 
}
.cd-qty button { 
	width: 44px !important; 
	height: 44px !important; 
	border: 0 !important; 
	border-radius: 999px !important; 
	background: var(--cds-cream) !important; 
	color: var(--cds-ink) !important; 
	display: inline-flex !important; 
	align-items: center !important; 
	justify-content: center !important; 
	cursor: pointer !important; 
}
.cd-qty button:disabled { opacity: .4 !important; cursor: default !important; }
.cd-qty span { 
	min-width: 30px !important; 
	text-align: center !important; 
	font-size: 17px !important; 
	font-weight: 800 !important; 
}
.cd-qty--small { background: var(--cds-cream) !important; padding: 3px !important; }
.cd-qty--small button { width: 40px !important; height: 40px !important; background: #fff !important; }
.cd-empty { 
	padding: 30px 10px !important; 
	display: flex !important; 
	flex-direction: column !important; 
	align-items: center !important; 
	gap: 14px !important; 
	text-align: center !important; 
	color: var(--cds-muted) !important; 
}
.cd-empty__art { 
	width: 150px !important; 
	height: 130px !important; 
	border-radius: 60% 40% 55% 45% !important; 
	background: var(--cds-lilac) !important; 
	display: flex !important; 
	align-items: center !important; 
	justify-content: center !important; 
	color: var(--cds-ink) !important; 
}
.cd-empty__title { 
	font: 600 28px/1.15 var(--cds-head) !important; 
	font-variation-settings: "SOFT" 100, "WONK" 0 !important; 
	color: var(--cds-ink) !important; 
}
.cd-nudge { 
	display: flex !important; 
	align-items: center !important; 
	justify-content: space-between !important; 
	gap: 10px !important; 
	background: var(--cds-lilac) !important; 
	border-radius: 20px !important; 
	padding: 14px 16px !important; 
	color: var(--cds-ink) !important; 
	text-decoration: none !important; 
	font-size: 15px !important; 
	font-weight: 800 !important; 
}
.cd-nudge > span:first-child { 
	display: flex !important; 
	align-items: center !important; 
	gap: 10px !important; 
}
[dir="rtl"] .cd-chevron { transform: scaleX(-1) !important; }
.cd-drawer__foot { 
	flex: none !important; 
	background: #fff !important; 
	border-radius: 28px 28px 0 0 !important; 
	padding: 20px 24px 22px !important; 
	display: flex !important; 
	flex-direction: column !important; 
	gap: 12px !important; 
	box-shadow: 0 -18px 40px rgba(44, 42, 74, .06) !important; 
}
.cd-drawer__foot[hidden] { display: none !important; }
.cd-drawer__total { 
	display: flex !important; 
	justify-content: space-between !important; 
	align-items: baseline !important; 
	gap: 12px !important; 
	font-size: 18px !important; 
	font-weight: 800 !important; 
}
.cd-drawer__total strong { 
	font: 600 26px var(--cds-head) !important; 
	font-variation-settings: "SOFT" 100, "WONK" 0 !important; 
}
.cd-pay { 
	display: flex !important; 
	flex-wrap: wrap !important; 
	align-items: center !important; 
	justify-content: center !important; 
	gap: 8px 12px !important; 
	font-size: 12px !important; 
	font-weight: 800 !important; 
	color: var(--cds-muted) !important; 
}
.cd-paypills { 
	list-style: none !important; 
	margin: 0 !important; 
	padding: 0 !important; 
	display: flex !important; 
	flex-wrap: wrap !important; 
	gap: 6px !important; 
}
.cd-paypills li { 
	padding: 5px 10px !important; 
	border-radius: 8px !important; 
	background: #fff !important; 
	border: 1px solid #E9E3DA !important; 
	font-size: 12px !important; 
	font-weight: 800 !important; 
	color: var(--cds-ink) !important; 
	direction: ltr !important; 
}
.cd-busy { 
	position: absolute !important; 
	inset: 0 !important; 
	background: rgba(255, 249, 243, .55) !important; 
	cursor: progress !important; 
}
.cd-busy[hidden] { display: none !important; }
@media (max-width: 600px) {
	.cd-drawer, [dir="rtl"] .cd-drawer { 
		top: 40px !important; 
		inset-inline: 0 !important; 
		width: 100% !important; 
		border-radius: 28px 28px 0 0 !important; 
		transform: translateY(105%) !important; 
	}
	.cd-drawer__head { padding: 18px 20px 12px !important; }
	.cd-drawer__body { padding: 4px 20px 16px !important; }
	.cd-drawer__foot { padding: 18px 20px 20px !important; }
}

/* ---------- Free-sample pop-up ---------- */
.cd-modal-root { 
	display: flex !important; 
	align-items: center !important; 
	justify-content: center !important; 
	padding: 24px !important; 
}
.cd-modal-root[hidden] { display: none !important; }
.cd-modal { 
	position: relative !important; 
	width: 100% !important; 
	max-width: 440px !important; 
	max-height: 100% !important; 
	overflow-y: auto !important; 
	background: var(--cds-cream) !important; 
	border-radius: 32px !important; 
	padding: 26px !important; 
	box-shadow: 0 30px 80px rgba(44, 42, 74, .3) !important; 
	outline: none !important; 
	opacity: 0 !important; 
	transform: translateY(18px) scale(.96) !important; 
	transition: opacity .35s, transform .45s var(--cds-ease), max-width .3s !important; 
}
.cd-modal--wide { max-width: 520px !important; }
.cd-layer.is-open .cd-modal { opacity: 1 !important; transform: none !important; }
.cd-modal__close { 
	position: absolute !important; 
	top: 14px !important; 
	inset-inline-end: 14px !important; 
	z-index: 2 !important; 
}
.cd-modal section { 
	display: flex !important; 
	flex-direction: column !important; 
	gap: 16px !important; 
}
.cd-modal section[hidden] { display: none !important; }
.cd-modal section[data-step="1"], .cd-modal section[data-step="3"] { 
	text-align: center !important; 
	align-items: stretch !important; 
}
.cd-modal h2 { 
	font: 600 30px/1.12 var(--cds-head) !important; 
	font-variation-settings: "SOFT" 100, "WONK" 0 !important; 
	color: var(--cds-ink) !important; 
}
.cd-modal section[data-step="2"] h2 { padding-inline-end: 48px !important; }
.cd-modal__text { 
	font-size: 17px !important; 
	line-height: 1.55 !important; 
	color: var(--cds-muted) !important; 
}
.cd-kicker { 
	font: 700 14px var(--cds-label) !important; 
	color: #0F6B61 !important; 
}
.cd-sample-art { 
	position: relative !important; 
	height: 170px !important; 
	border-radius: 24px !important; 
	background: var(--cds-mint-l) !important; 
	overflow: hidden !important; 
}
.cd-sample-art::before { 
	content: "" !important; 
	position: absolute !important; 
	left: 7% !important; 
	top: 16% !important; 
	width: 96px !important; 
	height: 50px !important; 
	border-radius: 30px !important; 
	background: #fff !important; 
	box-shadow: 22px -14px 0 4px #fff !important; 
}
.cd-sample-art::after { 
	content: "✦" !important; 
	position: absolute !important; 
	right: 13% !important; 
	top: 16% !important; 
	font-size: 24px !important; 
	color: #FFD66B !important; 
}
.cd-sample-art__pack { 
	position: absolute !important; 
	left: 50% !important; 
	top: 20px !important; 
	width: 114px !important; 
	height: 136px !important; 
	margin-left: -84px !important; 
	rotate: -6deg !important; 
	background: #fff !important; 
	border-radius: 20px !important; 
	box-shadow: 0 16px 30px rgba(44, 42, 74, .14) !important; 
	overflow: hidden !important; 
	display: flex !important; 
	flex-direction: column !important; 
	text-align: start !important; 
}
.cd-sample-art__pack span { 
	display: flex !important; 
	align-items: center !important; 
	justify-content: center !important; 
	height: 36px !important; 
	background: #F4A9B5 !important; 
	font: 700 11px var(--cds-label) !important; 
	color: var(--cds-ink) !important; 
}
.cd-sample-art__pack b { 
	padding: 12px 12px 0 !important; 
	font: 700 11px 'Comfortaa', sans-serif !important; 
	color: #4E9F92 !important; 
}
.cd-sample-art__pack i { 
	padding: 2px 12px 0 !important; 
	font-style: normal !important; 
	font-size: 20px !important; 
	font-weight: 800 !important; 
	color: var(--cds-ink) !important; 
	direction: ltr !important; 
}
.cd-sample-art__pack--back { 
	top: 30px !important; 
	width: 100px !important; 
	height: 124px !important; 
	margin-left: -6px !important; 
	rotate: 9deg !important; 
	border-top: 30px solid #C9C3F2 !important; 
}
.cd-thanks__icon { 
	width: 88px !important; 
	height: 88px !important; 
	margin: 14px auto 0 !important; 
	border-radius: 999px !important; 
	background: var(--cds-mint-l) !important; 
	color: #0F6B61 !important; 
	display: flex !important; 
	align-items: center !important; 
	justify-content: center !important; 
	animation: cdsPop .6s cubic-bezier(.34, 1.56, .64, 1) both !important; 
}
@media (max-width: 600px) {
	.cd-modal-root { align-items: flex-end !important; padding: 0 !important; }
	.cd-modal, .cd-modal--wide { 
		max-width: 100% !important; 
		max-height: calc(100% - 40px) !important; 
		border-radius: 28px 28px 0 0 !important; 
		padding: 20px !important; 
		transform: translateY(40px) !important; 
	}
}

/* ---------- Sample form (pop-up + page) ---------- */
.cd-sample-form { display: flex; flex-direction: column; gap: 14px; text-align: start; }
.cd-field { display: flex; flex-direction: column; gap: 8px; }
.cd-field label { font-size: 15px; font-weight: 800; color: var(--cds-ink); }
.cd-field input, .cd-field select { width: 100%; height: 54px; border: 2px solid var(--cds-line); border-radius: 18px; padding: 0 18px; font: 17px var(--cds-body); background: var(--cds-cream); color: var(--cds-ink); transition: border-color .2s, box-shadow .2s; }
.cd-field select { padding: 0 14px; }
.cd-field input:focus, .cd-field select:focus { outline: none; border-color: var(--cds-ink); box-shadow: 0 0 0 4px rgba(201, 195, 242, .55); }
html[lang|="ar"] .cd-field input[dir="ltr"] { text-align: right; }
.cd-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.cd-form-error { background: var(--cds-blush); color: #7A2443; border-radius: 14px; padding: 10px 14px; font-size: 14px; font-weight: 700; }
.cd-form-error[hidden] { display: none; }
.cd-sample-form .cd-btn { width: 100%; margin-top: 4px; }
.cd-sample-form .cd-note { text-align: center; }
.cd-sample-inline .cd-sample-form .cd-field input, .cd-sample-inline .cd-sample-form .cd-field select { background: var(--cds-cream); }
.cd-inline-thanks { text-align: center; display: flex; flex-direction: column; gap: 10px; padding: 10px 0; }
.cd-inline-thanks[hidden] { display: none; }
.cd-inline-thanks__title { font: 600 30px var(--cds-head); font-variation-settings: "SOFT" 100, "WONK" 0; }

/* ---------- Size & pack picker ---------- */
.cd-picker { display: flex !important; flex-direction: column !important; gap: 28px !important; }
.cd-picker__group { display: flex !important; flex-direction: column !important; gap: 14px !important; }
.cd-picker__head { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 12px !important; }
.cd-picker h2 { font: 800 21px var(--cds-body) !important; color: var(--cds-ink) !important; }
.cd-picker__head a { font-size: 15px !important; font-weight: 700 !important; color: var(--cds-ink) !important; text-decoration: none !important; }
.cd-sizes { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; }
.cd-size, .cd-pack { 
    position: relative !important; 
    border: 3px solid transparent !important; 
    background: #fff !important; 
    color: var(--cds-ink) !important; 
    cursor: pointer !important; 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: center !important; 
    justify-content: center !important; 
    text-align: center !important; 
    font-family: var(--cds-body) !important; 
    transition: border-color .25s, background-color .25s, translate .25s !important; 
}
.cd-size:hover, .cd-pack:hover { translate: 0 -2px !important; }
.cd-size { min-height: 96px !important; border-radius: 22px !important; padding: 10px 6px !important; gap: 2px !important; }
.cd-size[aria-pressed="true"] { border-color: var(--cds-ink) !important; background: var(--cds-lilac) !important; }
.cd-size__top, .cd-size__kg { font-size: 12px !important; font-weight: 700 !important; color: var(--cds-muted) !important; }
.cd-size__big { font: 600 26px/1.1 var(--cds-head) !important; font-variation-settings: "SOFT" 100, "WONK" 0 !important; }
.cd-packs { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; padding-top: 12px !important; }
.cd-pack { min-height: 132px !important; border-radius: 24px !important; padding: 26px 8px 14px !important; gap: 4px !important; }
.cd-pack[aria-pressed="true"] { border-color: var(--cds-ink) !important; background: var(--cds-lilac) !important; }
.cd-pack__tag { position: absolute !important; top: -12px !important; left: 50% !important; translate: -50% 0 !important; white-space: nowrap !important; background: var(--cds-mint-l) !important; font: 700 12px var(--cds-label) !important; padding: 5px 11px !important; border-radius: 999px !important; }
.cd-pack[data-pack="60"] .cd-pack__tag { background: var(--cds-blush) !important; }
.cd-pack[data-pack="90"] .cd-pack__tag { background: var(--cds-lilac) !important; }
.cd-pack__n { font: 600 34px/1 var(--cds-head) !important; font-variation-settings: "SOFT" 100, "WONK" 0 !important; }
.cd-pack__unit, .cd-pack__each { font-size: 12px !important; font-weight: 700 !important; color: var(--cds-muted) !important; }
.cd-pack__price { margin-top: 6px !important; font-size: 16px !important; font-weight: 800 !important; }
.cd-size.is-unavailable, .cd-pack.is-unavailable { opacity: .45 !important; }
.cd-summary { position: relative !important; background: var(--cds-butter) !important; border-radius: 32px !important; padding: 26px !important; display: flex !important; flex-direction: column !important; gap: 16px !important; overflow: hidden !important; }
.cd-summary__top { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: center !important; gap: 14px !important; }
.cd-summary__title { font-size: 17px !important; font-weight: 800 !important; }
.cd-summary__kg { font-size: 15px !important; color: #5C4A12 !important; }
.cd-summary__price { font: 600 32px/1.15 var(--cds-head) !important; font-variation-settings: "SOFT" 100, "WONK" 0 !important; }
.cd-summary .cd-btn { width: 100% !important; }
.cd-added { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; background: #fff !important; border-radius: 20px !important; padding: 12px 16px !important; font-size: 15px !important; font-weight: 800 !important; color: #0F6B61 !important; animation: cdsPop .5s var(--cds-ease) both !important; }
.cd-added[hidden] { display: none !important; }
.cd-added a { margin-inline-start: auto !important; color: var(--cds-ink) !important; }
.cd-summary__notes { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; font-size: 14px !important; font-weight: 700 !important; color: #5C4A12 !important; }
.cd-summary__notes li { display: flex !important; align-items: flex-start !important; gap: 8px !important; }
.cd-admin-note { padding: 14px 18px !important; border-radius: 14px !important; background: var(--cds-blush) !important; font-weight: 700 !important; }

@keyframes cdsPop { from { opacity: 0 !important; transform: translateY(14px) scale(.97) !important; } to { opacity: 1 !important; transform: none !important; } }
@media (prefers-reduced-motion: reduce) {
	.cd-layer *, .cd-picker *, .cd-basket-btn { animation: none !important; transition: none !important; }
}