/* ==========================================================================
   BLE Hire Cart Drawer — compact 460px drawer
   Every rule is scoped to #blcd and uses !important on type/colour/spacing
   so theme styles (headings, buttons, inputs, Woo buttons) can't override it.
   ========================================================================== */

#blcd {
	--blcd-serif: "Cormorant Garamond", "Times New Roman", Georgia, serif;
	--blcd-sans: "Inter", "Helvetica Neue", Arial, sans-serif;
	--blcd-ink: #1c1c1a;
	--blcd-text: #3d3b37;
	--blcd-muted: #86847f;
	--blcd-line: #e6e2db;
	--blcd-bg: #faf9f6;
	--blcd-summary: #f4efe7;
	--blcd-info: #ebe7e0;
	--blcd-thumb: #f1efea;
	--blcd-gold: #b08a56;
	--blcd-gold-dark: #977444;
	--blcd-green: #2c9a4b;
	--blcd-green-text: #23863f;
	--blcd-warn: #b8662a;
	--blcd-pad: 20px;

	position: fixed !important;
	inset: 0 !important;
	z-index: 9999999 !important;
	visibility: hidden;
	pointer-events: none;
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--blcd-sans) !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: var(--blcd-ink) !important;
	-webkit-font-smoothing: antialiased;
	text-align: left !important;
}
#blcd.is-open { visibility: visible; pointer-events: auto; }
#blcd *, #blcd *::before, #blcd *::after { box-sizing: border-box !important; }

/* ---- Theme reset inside the drawer ---- */
#blcd h2, #blcd h3, #blcd p, #blcd ul, #blcd li, #blcd em, #blcd strong, #blcd span, #blcd a, #blcd button, #blcd input {
	font-family: var(--blcd-sans) !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-shadow: none !important;
	font-style: normal !important;
}
#blcd h2, #blcd h3, #blcd p, #blcd ul, #blcd li { margin: 0 !important; padding: 0 !important; border: 0; background: none; }
#blcd ul, #blcd li { list-style: none !important; }
#blcd li::before, #blcd li::after { display: none !important; content: none !important; }
#blcd a { color: inherit !important; text-decoration: none !important; box-shadow: none !important; }
#blcd button {
	background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important;
	min-height: 0 !important; min-width: 0 !important; height: auto; width: auto; box-shadow: none !important;
	color: inherit !important; cursor: pointer; line-height: 1 !important; font-size: inherit !important; font-weight: inherit !important;
}
#blcd img { display: block !important; max-width: 100% !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
#blcd svg { flex-shrink: 0; }

/* ---- Overlay + panel ---- */
#blcd .blcd-overlay { position: absolute; inset: 0; background: rgba(20, 18, 15, .55) !important; opacity: 0; transition: opacity .3s ease; }
#blcd.is-open .blcd-overlay { opacity: 1; }

#blcd .blcd-panel {
	position: absolute !important;
	top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important;
	width: 100% !important;
	max-width: 540px !important;
	height: 100% !important;
	height: 100dvh !important;
	margin: 0 !important;
	background: var(--blcd-bg) !important;
	box-shadow: -8px 0 30px rgba(0, 0, 0, .14) !important;
	transform: translateX(100%);
	transition: transform .38s cubic-bezier(.22, .8, .2, 1);
	outline: none !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
}
#blcd.is-open .blcd-panel { transform: none; }
html.blcd-locked, html.blcd-locked body { overflow: hidden !important; }

#blcd .blcd-inner { position: relative; display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 0 !important; }

/* Body: items list flexes/scrolls, everything below stays in view */
#blcd .blcd-scroll {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	overflow-y: auto !important; /* last-resort fallback on very short screens */
	overscroll-behavior: contain;
	padding: 0 var(--blcd-pad) 12px !important;
}
#blcd .blcd-scroll > * { flex-shrink: 0; }

/* Loading */
#blcd .blcd-inner.is-loading::after { content: ""; position: absolute; inset: 0; background: rgba(250, 249, 246, .55); z-index: 5; }
#blcd .blcd-inner.is-loading::before {
	content: ""; position: absolute; top: 50%; left: 50%; width: 28px; height: 28px; margin: -14px 0 0 -14px;
	border: 2px solid var(--blcd-line); border-top-color: var(--blcd-gold); border-radius: 50%;
	animation: blcd-spin .7s linear infinite; z-index: 6;
}
@keyframes blcd-spin { to { transform: rotate(360deg); } }

/* ---- Header ---- */
#blcd .blcd-head {
	display: flex !important; align-items: center !important; justify-content: space-between !important;
	gap: 12px; flex-shrink: 0;
	padding: 14px var(--blcd-pad) 12px !important; margin: 0 !important;
	border-bottom: 1px solid var(--blcd-line) !important;
	background: transparent !important;
}
#blcd .blcd-title, #blcd .blcd-title * {
	font-family: var(--blcd-serif) !important;
	font-size: 26px !important;
	font-weight: 500 !important;
	line-height: 1.1 !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
	color: var(--blcd-ink) !important;
}
#blcd .blcd-close { width: 32px !important; height: 32px !important; display: grid !important; place-items: center; margin-right: -6px !important; color: var(--blcd-ink) !important; transition: transform .2s ease; }
#blcd .blcd-close svg { width: 18px; height: 18px; }
#blcd .blcd-close:hover { transform: rotate(90deg); }

/* ---- Items (scroll area) ---- */
#blcd .blcd-items {
	flex: 0 1 auto !important;
	min-height: 0 !important;
	overflow-y: auto !important;
	overscroll-behavior: contain;
	margin: 0 calc(var(--blcd-pad) * -1) !important;
	padding: 0 var(--blcd-pad) !important;
	scrollbar-width: thin;
	scrollbar-color: #d6d1c8 transparent;
}
#blcd .blcd-items.is-multi { min-height: 150px !important; }
#blcd .blcd-items::-webkit-scrollbar { width: 4px; }
#blcd .blcd-items::-webkit-scrollbar-thumb { background: #d6d1c8; border-radius: 2px; }

#blcd .blcd-item {
	display: grid !important;
	grid-template-columns: 64px minmax(0, 1fr) auto !important;
	grid-template-areas:
		"media info price"
		"media qty  remove" !important;
	column-gap: 12px !important;
	row-gap: 6px !important;
	align-items: start !important;
	padding: 10px 0 !important;
	border-bottom: 1px solid var(--blcd-line) !important;
	transition: opacity .25s ease;
}
#blcd .blcd-item:last-child { border-bottom: 0 !important; }
#blcd .blcd-item.is-removing { opacity: .35; }

#blcd .blcd-item__media { grid-area: media; position: relative; width: 64px !important; height: 64px !important; background: var(--blcd-thumb) !important; overflow: hidden; }
#blcd .blcd-item__media a, #blcd .blcd-item__media img { width: 100% !important; height: 100% !important; }
#blcd .blcd-item__media img { object-fit: cover !important; }
/* Third-party product badges (e.g. YITH) inside thumbnails: keep them small */
#blcd .blcd-item__media .yith-wcbm-badge, #blcd .blcd-card__img .yith-wcbm-badge { transform: scale(.6); transform-origin: top left; }

#blcd .blcd-badge {
	position: absolute !important; top: 0 !important; left: 0 !important; z-index: 2;
	background: var(--blcd-gold) !important; color: #fff !important;
	font-size: 9px !important; font-weight: 600 !important; letter-spacing: .08em !important; text-transform: uppercase !important;
	padding: 2px 6px !important; border-radius: 0 0 5px 0 !important; line-height: 1.3 !important;
}

#blcd .blcd-item__info { grid-area: info; min-width: 0; }
#blcd .blcd-item__name, #blcd .blcd-item__name a {
	font-family: var(--blcd-serif) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.15 !important;
	color: var(--blcd-ink) !important;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
#blcd .blcd-item__name a:hover { color: var(--blcd-gold) !important; }
#blcd .blcd-item__meta { font-size: 12px !important; line-height: 1.35 !important; color: var(--blcd-muted) !important; margin-top: 2px !important; }

/* Qty stepper */
#blcd .blcd-qty {
	grid-area: qty;
	display: flex !important; align-items: stretch !important;
	width: 96px !important; height: 30px !important;
	border: 1px solid var(--blcd-line) !important; background: #fff !important;
}
#blcd .blcd-qty__btn { width: 28px !important; height: 100% !important; display: grid !important; place-items: center; color: var(--blcd-ink) !important; }
#blcd .blcd-qty__btn svg { width: 10px; height: 10px; }
#blcd .blcd-qty__btn:hover:not(:disabled) { background: var(--blcd-thumb) !important; }
#blcd .blcd-qty__btn:disabled { opacity: .3; cursor: default; }
#blcd .blcd-qty__input {
	flex: 1 !important; width: 0 !important; min-width: 0 !important; height: 100% !important; min-height: 0 !important;
	margin: 0 !important; padding: 0 !important;
	border: 0 !important; border-left: 1px solid var(--blcd-line) !important; border-right: 1px solid var(--blcd-line) !important; border-radius: 0 !important;
	background: #fff !important; box-shadow: none !important;
	font-size: 13px !important; font-weight: 500 !important; line-height: 1 !important; color: var(--blcd-ink) !important; text-align: center !important;
	-moz-appearance: textfield !important; appearance: textfield !important;
}
#blcd .blcd-qty__input::-webkit-outer-spin-button, #blcd .blcd-qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#blcd .blcd-qty__input:focus { outline: 1px solid var(--blcd-gold) !important; outline-offset: -1px; }

#blcd .blcd-item__price { grid-area: price; display: flex !important; flex-direction: column !important; align-items: flex-end !important; text-align: right !important; gap: 1px; }
#blcd .blcd-item__amount, #blcd .blcd-item__amount * { font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; color: var(--blcd-ink) !important; white-space: nowrap; }
#blcd .blcd-item__tax { font-size: 10.5px !important; color: var(--blcd-muted) !important; }

#blcd .blcd-item__remove { grid-area: remove; justify-self: end; align-self: end; width: 28px !important; height: 28px !important; display: grid !important; place-items: center; color: #9b9893 !important; margin-right: -6px !important; }
#blcd .blcd-item__remove svg { width: 15px; height: 17px; }
#blcd .blcd-item__remove:hover { color: #b3261e !important; }

/* ---- Summary ---- */
#blcd .blcd-summary { background: var(--blcd-summary) !important; margin: 8px 0 0 !important; padding: 2px 12px 10px !important; border-top: 1px solid var(--blcd-line); }
#blcd .blcd-summary__toggle { width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 9px 0 !important; }
#blcd .blcd-summary__heading { font-family: var(--blcd-serif) !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--blcd-ink) !important; line-height: 1 !important; }
#blcd .blcd-summary__chev { width: 14px; height: 9px; color: var(--blcd-gold) !important; transition: transform .25s ease; transform-box: fill-box; transform-origin: 50% 50%; }
#blcd .blcd-summary:not(.is-open) .blcd-summary__chev { transform: rotate(180deg); }
#blcd .blcd-summary:not(.is-open) .blcd-summary__body,
#blcd .blcd-summary:not(.is-open) .blcd-note,
#blcd .blcd-summary:not(.is-open) .blcd-info { display: none !important; }

#blcd .blcd-summary__body { padding-bottom: 6px !important; border-bottom: 1px solid #dcd4c7 !important; }
#blcd .blcd-row { display: flex !important; justify-content: space-between !important; gap: 10px; font-size: 13px !important; line-height: 1.7 !important; color: var(--blcd-text) !important; }
#blcd .blcd-row *, #blcd .blcd-row .amount { font-size: 13px !important; color: var(--blcd-text) !important; }
#blcd .blcd-row em, #blcd .blcd-total em { color: var(--blcd-muted) !important; }
#blcd .blcd-row--discount span:last-child { color: var(--blcd-green-text) !important; }

#blcd .blcd-total { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 10px; padding: 7px 0 4px !important; }
#blcd .blcd-total__label { font-family: var(--blcd-serif) !important; font-size: 18px !important; font-weight: 600 !important; color: var(--blcd-ink) !important; line-height: 1.15 !important; }
#blcd .blcd-total__label em { font-family: var(--blcd-sans) !important; font-size: 10.5px !important; font-weight: 400 !important; margin-left: 3px !important; }
#blcd .blcd-total__amount, #blcd .blcd-total__amount * { font-family: var(--blcd-serif) !important; font-size: 22px !important; font-weight: 600 !important; line-height: 1 !important; color: var(--blcd-ink) !important; white-space: nowrap; }

#blcd .blcd-min { display: flex !important; gap: 8px; align-items: flex-start !important; padding: 3px 0 4px !important; }
#blcd .blcd-min__icon { color: var(--blcd-green) !important; margin-top: 1px; }
#blcd .blcd-min__icon svg { width: 17px; height: 17px; }
#blcd .blcd-min.is-unmet .blcd-min__icon { color: var(--blcd-warn) !important; }
#blcd .blcd-min__text { flex: 1; min-width: 0; }
#blcd .blcd-min__title { font-size: 12.5px !important; font-weight: 600 !important; color: var(--blcd-green-text) !important; line-height: 1.35 !important; }
#blcd .blcd-min.is-unmet .blcd-min__title { color: var(--blcd-warn) !important; }
#blcd .blcd-min__note { font-size: 10.5px !important; color: #6a6863 !important; line-height: 1.35 !important; margin-top: 1px !important; }
#blcd .blcd-min__bar { display: block !important; height: 3px; background: #e2d9cb !important; margin: 4px 0 3px !important; border-radius: 2px; overflow: hidden; }
#blcd .blcd-min__bar span { display: block !important; height: 100%; background: var(--blcd-gold) !important; transition: width .4s ease; }

#blcd .blcd-note { display: flex !important; align-items: center !important; gap: 8px; padding: 2px 0 6px !important; color: var(--blcd-text) !important; }
#blcd .blcd-note svg { width: 20px; height: 15px; }
#blcd .blcd-note p { font-size: 11px !important; color: var(--blcd-text) !important; line-height: 1.35 !important; }

#blcd .blcd-info { display: flex !important; align-items: flex-start !important; gap: 8px; background: var(--blcd-info) !important; padding: 7px 9px !important; color: var(--blcd-text) !important; }
#blcd .blcd-info svg { width: 15px; height: 15px; margin-top: 1px; }
#blcd .blcd-info p { font-size: 10.5px !important; line-height: 1.4 !important; color: #6b6964 !important; }

/* ---- Upsells ---- */
#blcd .blcd-upsells { margin-top: 10px !important; }
#blcd .blcd-upsells__head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px; margin-bottom: 6px !important; }
#blcd .blcd-upsells__title { font-family: var(--blcd-serif) !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--blcd-ink) !important; line-height: 1.1 !important; white-space: nowrap; }
#blcd .blcd-upsells__nav { display: flex; gap: 6px; }
#blcd .blcd-arrow { width: 26px !important; height: 26px !important; border-radius: 50% !important; border: 1px solid var(--blcd-line) !important; background: #fff !important; display: grid !important; place-items: center; color: var(--blcd-ink) !important; }
#blcd .blcd-arrow svg { width: 6px; height: 10px; }
#blcd .blcd-arrow:hover { border-color: var(--blcd-ink) !important; }
#blcd .blcd-arrow:disabled { opacity: .35; cursor: default; border-color: var(--blcd-line) !important; }

#blcd .blcd-track {
	display: grid !important; grid-auto-flow: column !important;
	grid-auto-columns: calc((100% - 3 * 6px) / 4) !important;
	gap: 6px !important;
	overflow-x: auto !important; scroll-snap-type: x mandatory; scroll-behavior: smooth;
	scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
#blcd .blcd-track::-webkit-scrollbar { display: none; }

#blcd .blcd-card { scroll-snap-align: start; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; background: #fff !important; border: 1px solid #efece6 !important; padding: 5px 5px 6px !important; min-width: 0; }
#blcd .blcd-card__img { position: relative; display: block !important; width: 100% !important; height: 64px !important; background: var(--blcd-thumb) !important; overflow: hidden; }
#blcd .blcd-card__img img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
#blcd .blcd-card__name { display: block !important; width: 100%; margin-top: 5px !important; font-size: 11.5px !important; line-height: 1.25 !important; color: var(--blcd-ink) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#blcd .blcd-card__price, #blcd .blcd-card__price * { font-size: 12px !important; font-weight: 600 !important; color: var(--blcd-ink) !important; line-height: 1.3 !important; text-decoration: none !important; background: none !important; }
#blcd .blcd-card__price { margin: 1px 0 5px !important; white-space: nowrap; }
#blcd .blcd-card__price del, #blcd .blcd-card__price del * { font-weight: 400 !important; color: var(--blcd-muted) !important; text-decoration: line-through !important; font-size: 10.5px !important; }

#blcd .blcd-card__btn,
#blcd a.blcd-card__btn.button,
#blcd a.blcd-card__btn.add_to_cart_button {
	margin: auto 0 0 !important; width: 100% !important; display: block !important;
	background: var(--blcd-gold) !important; color: #fff !important;
	border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
	font-family: var(--blcd-sans) !important; font-size: 9.5px !important; font-weight: 600 !important;
	letter-spacing: .1em !important; text-transform: uppercase !important; line-height: 1 !important;
	padding: 7px 4px !important; min-height: 0 !important; height: auto !important; text-align: center !important;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	transition: background .15s ease;
}
#blcd .blcd-card__btn:hover { background: var(--blcd-gold-dark) !important; color: #fff !important; }
#blcd .blcd-card__btn.loading { opacity: .6 !important; }
#blcd .blcd-card__btn::after, #blcd .blcd-card__btn::before { display: none !important; content: none !important; }
#blcd a.added_to_cart { display: none !important; }

/* ---- Buttons ---- */
#blcd .blcd-foot { padding-top: 10px !important; }
#blcd .blcd-btn {
	display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px;
	width: 100% !important; height: 36px !important; min-height: 0 !important; padding: 0 12px !important; margin: 0 !important;
	border-radius: 0 !important; box-shadow: none !important;
	font-family: var(--blcd-sans) !important; font-size: 12.5px !important; font-weight: 500 !important; line-height: 1 !important;
	letter-spacing: .16em !important; text-transform: uppercase !important; text-align: center !important;
	transition: background .15s ease, color .15s ease;
}
#blcd .blcd-btn--gold { background: var(--blcd-gold) !important; color: #fff !important; border: 0 !important; }
#blcd .blcd-btn--gold span { color: #fff !important; font-size: 12.5px !important; letter-spacing: .18em !important; text-transform: uppercase !important; }
#blcd .blcd-btn--gold svg { width: 22px; height: 11px; transition: transform .2s ease; }
#blcd .blcd-btn--gold:hover { background: var(--blcd-gold-dark) !important; }
#blcd .blcd-btn--gold:hover svg { transform: translateX(3px); }
#blcd .blcd-btn--gold.is-disabled { opacity: .45 !important; pointer-events: none; }
#blcd .blcd-btn--outline { margin-top: 6px !important; border: 1px solid var(--blcd-ink) !important; background: transparent !important; color: var(--blcd-ink) !important; }
#blcd .blcd-btn--outline:hover { background: var(--blcd-ink) !important; color: #fff !important; }

/* ---- Trust strip ---- */
#blcd .blcd-trust { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; margin-top: 10px !important; }
#blcd .blcd-trust__col { display: flex !important; align-items: center !important; gap: 7px; padding: 2px 8px !important; border-left: 1px solid var(--blcd-line) !important; color: var(--blcd-ink) !important; min-width: 0; }
#blcd .blcd-trust__col:first-child { border-left: 0 !important; padding-left: 0 !important; }
#blcd .blcd-trust__col:last-child { padding-right: 0 !important; }
#blcd .blcd-trust__col svg { width: 22px; height: 20px; }
#blcd .blcd-trust__col div { display: flex !important; flex-direction: column !important; gap: 1px; min-width: 0; }
#blcd .blcd-trust strong { font-size: 8.5px !important; font-weight: 600 !important; letter-spacing: .08em !important; text-transform: uppercase !important; line-height: 1.3 !important; color: var(--blcd-ink) !important; }
#blcd .blcd-trust span, #blcd .blcd-trust a { font-size: 9px !important; line-height: 1.3 !important; color: var(--blcd-muted) !important; }
#blcd .blcd-trust a:hover { color: var(--blcd-gold) !important; }

/* ---- Empty ---- */
#blcd .blcd-empty { text-align: center !important; padding: 60px 10px !important; }
#blcd .blcd-empty__title { font-family: var(--blcd-serif) !important; font-size: 22px !important; font-weight: 600 !important; color: var(--blcd-ink) !important; }
#blcd .blcd-empty__text { font-size: 13px !important; color: var(--blcd-muted) !important; margin: 6px 0 20px !important; }
#blcd .blcd-empty .blcd-btn { max-width: 260px; margin: 0 auto !important; }

/* ---- Toast ---- */
#blcd .blcd-toast {
	position: absolute; left: var(--blcd-pad); right: var(--blcd-pad); bottom: 16px; z-index: 10;
	background: var(--blcd-ink) !important; color: #fff !important; font-size: 12.5px !important; padding: 10px 12px !important;
	opacity: 0; transform: translateY(8px); transition: all .25s ease; pointer-events: none;
}
#blcd .blcd-toast.is-show { opacity: 1; transform: none; }

/* Header trigger button (optional shortcode) */
.blcd-cart-btn { position: relative; display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; cursor: pointer; color: inherit; padding: 4px; }
.blcd-cart-btn .blcd-count { position: absolute; top: -4px; right: -6px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #b08a56; color: #fff; font-size: 11px; line-height: 18px; text-align: center; }
.blcd-cart-btn .blcd-count[data-count="0"] { display: none; }

/* ==========================================================================
   Desktop / tablet: single-row items like the design
   (image | name + colour | qty | price | trash)
   ========================================================================== */
@media (min-width: 481px) {
	#blcd .blcd-item {
		grid-template-columns: 76px minmax(0, 1fr) 96px 80px 22px !important;
		grid-template-areas: "media info qty price remove" !important;
		column-gap: 14px !important;
		align-items: center !important;
		padding: 9px 0 !important;
	}
	#blcd .blcd-item__media { width: 76px !important; height: 64px !important; }
	#blcd .blcd-item__info { align-self: start; padding-top: 4px !important; }
	#blcd .blcd-item__price { align-items: flex-start !important; text-align: left !important; }
	#blcd .blcd-item__remove { align-self: start; margin: 2px -4px 0 0 !important; width: 26px !important; height: 26px !important; }
}

/* ==========================================================================
   Short screens: tighten vertical space so everything stays in view
   ========================================================================== */
@media (max-height: 860px) {
	#blcd .blcd-head { padding-top: 10px !important; padding-bottom: 8px !important; }
	#blcd .blcd-title, #blcd .blcd-title * { font-size: 22px !important; }
	#blcd .blcd-items.is-multi { min-height: 100px !important; }
	#blcd .blcd-summary__toggle { padding: 7px 0 !important; }
	#blcd .blcd-row { line-height: 1.55 !important; }
	#blcd .blcd-upsells { margin-top: 8px !important; }
	#blcd .blcd-foot { padding-top: 8px !important; }
	#blcd .blcd-card__img { height: 52px !important; }
	#blcd .blcd-btn { height: 34px !important; }
	#blcd .blcd-trust { margin-top: 8px !important; }
}
@media (max-height: 640px) {
	#blcd .blcd-trust { display: none !important; }
	#blcd .blcd-upsells__head { margin-bottom: 4px !important; }
}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (max-width: 480px) {
	#blcd { --blcd-pad: 14px; }
	#blcd .blcd-panel { max-width: 100% !important; }
	#blcd .blcd-title, #blcd .blcd-title * { font-size: 22px !important; }
	#blcd .blcd-item { grid-template-columns: 58px minmax(0, 1fr) auto !important; column-gap: 10px !important; }
	#blcd .blcd-item__media { width: 58px !important; height: 58px !important; }
	#blcd .blcd-item__name, #blcd .blcd-item__name a { font-size: 16px !important; }
	#blcd .blcd-track { grid-auto-columns: calc((100% - 12px) / 2.6) !important; }
	#blcd .blcd-btn, #blcd .blcd-btn--gold span { font-size: 12px !important; letter-spacing: .12em !important; }
	#blcd .blcd-trust__col { flex-direction: column !important; text-align: center !important; gap: 4px; padding: 2px 4px !important; }
	#blcd .blcd-trust__col div { align-items: center !important; }
}

@media (prefers-reduced-motion: reduce) {
	#blcd .blcd-panel, #blcd .blcd-overlay, #blcd .blcd-track { transition: none; scroll-behavior: auto; }
}