.fatcd{
	--fatcd-sand:var(--dch-sand, #f7f3eb);
	--fatcd-panel:var(--dch-panel-black, #0f0f0f);
	--fatcd-orange:var(--dch-orange, #f78f20);

	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:9998;

	background:var(--fatcd-panel);
	color:var(--fatcd-sand);
	border-top:3px solid var(--fatcd-orange);
	transform:translateY(105%);
	visibility:hidden;
	transition:transform 0.34s cubic-bezier(0.2, 0.7, 0.3, 1), visibility 0s linear 0.34s;
	will-change:transform;
}

.fatcd.is-up{
	transform:translateY(0);
	visibility:visible;
	transition:transform 0.34s cubic-bezier(0.2, 0.7, 0.3, 1), visibility 0s linear 0s;
}
.fatcd--unsupported{
	display:none;
}
body.single-product{
	padding-bottom:var(--fatcd-height, 86px);
}

.fatcd__inner{
	display:flex;
	align-items:center;
	gap:16px;
	padding:12px 20px;
	padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px));
}
@media only screen and (min-width: 768px){
	.fatcd__inner{ padding-left:40px; padding-right:40px; }
}
@media only screen and (min-width: 1024px){
	.fatcd__inner{ padding-left:50px; padding-right:50px; gap:20px; }
}
@media only screen and (min-width: 1366px){
	.fatcd__inner{ padding-left:100px; padding-right:100px; }
}
@media only screen and (min-width: 1920px){
	.fatcd__inner{ padding-left:160px; padding-right:160px; }
}

.fatcd__id{
	display:flex;
	align-items:center;
	gap:14px;
	min-width:0;
}
.fatcd__thumb{
	flex:none;
	display:grid;
	place-items:center;
	width:56px;
	height:56px;
	overflow:hidden;
	background:var(--fatcd-sand);
}

.fatcd__thumb-img{
	display:block;
	width:56px;
	height:56px;
	object-fit:contain;
	mix-blend-mode:multiply;
}

.fatcd__lines{ min-width:0; }

.fatcd__title{
	display:block;
	font-size:0.95rem;
	font-weight:600;
	line-height:1.25;
	color:var(--fatcd-sand);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.fatcd__price{
	display:flex;
	align-items:baseline;
	flex-wrap:wrap;
	gap:4px 10px;
	margin-top:3px;
	line-height:1.3;
}
.fatcd__price del{
	color:rgba(247, 243, 235, 0.62);
	font-size:0.85rem;
	text-decoration:line-through;
	font-variant-numeric:tabular-nums;
	opacity:1;
}

.fatcd__price ins,
.fatcd__price > .woocommerce-Price-amount{
	color:var(--fatcd-orange);
	background:none;
	font-size:1.2rem;
	font-weight:700;
	letter-spacing:-0.01em;
	text-decoration:none;
	font-variant-numeric:tabular-nums;
}

.fatcd__price .woocommerce-Price-currencySymbol{ font-size:0.85em; }
.fatcd__price .screen-reader-text{
	position:absolute !important;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	clip-path:inset(50%);
	white-space:nowrap;
}

.fatcd__save{
	flex:none;
	background:var(--fatcd-orange);
	color:var(--fatcd-panel);
	font-size:0.64rem;
	font-weight:700;
	letter-spacing:0.13em;
	text-transform:uppercase;
	padding:3px 8px;
	white-space:nowrap;
}

.fatcd__ctl{
	position:relative;
	display:flex;
	align-items:stretch;
	margin-left:auto;
	flex:none;
}
.fatcd__qty-label{
	position:absolute !important;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	clip-path:inset(50%);
	white-space:nowrap;
}

.fatcd__qty{
	width:56px;
	margin:0;
	padding:0;
	border:1px solid rgba(247, 243, 235, 0.42);
	border-right:0;
	border-radius:26px 0 0 26px;
	background:transparent;
	color:var(--fatcd-sand);
	font-family:inherit;
	font-size:1rem;
	font-weight:600;
	text-align:center;
	font-variant-numeric:tabular-nums;
	-moz-appearance:textfield;
	appearance:textfield;
}

.fatcd__qty::-webkit-outer-spin-button,
.fatcd__qty::-webkit-inner-spin-button{
	-webkit-appearance:none;
	margin:0;
}

.fatcd__btn{
	position:relative;
	margin:0;
	border:1px solid var(--fatcd-sand);
	border-radius:0 26px 26px 0;
	background:var(--fatcd-sand);
	color:var(--fatcd-panel);
	font-family:inherit;
	font-size:0.78rem;
	font-weight:700;
	letter-spacing:0.1em;
	text-transform:uppercase;
	text-align:center;
	white-space:nowrap;
	padding:13px 22px;
	cursor:pointer;
	transition:padding 0.35s cubic-bezier(0.2, 0.7, 0.3, 1);
}

@media only screen and (min-width: 768px){
	.fatcd__btn{ font-size:0.82rem; padding:14px 28px; }
	.fatcd__qty{ width:62px; font-size:1.05rem; }
}
@media only screen and (min-width: 1366px){
	.fatcd__btn{ font-size:0.86rem; letter-spacing:0.12em; padding:15px 32px; }
	.fatcd__qty{ width:66px; }
}

.fatcd__btn:hover,
.fatcd__btn:focus-visible{
	padding-inline:calc(22px + 6px);
}
@media only screen and (min-width: 768px){
	.fatcd__btn:hover, .fatcd__btn:focus-visible{ padding-inline:calc(28px + 6px); }
}
@media only screen and (min-width: 1366px){
	.fatcd__btn:hover, .fatcd__btn:focus-visible{ padding-inline:calc(32px + 6px); }
}
.fatcd__ctl::before{
	content:"";
	position:absolute;
	inset:-46px -70px;
	z-index:-1;
	pointer-events:none;
	opacity:0;
	background:radial-gradient(58% 50% at 68% 50%,
		rgba(247, 143, 32, 0.34) 0%,
		rgba(247, 143, 32, 0.337) 10%,
		rgba(247, 143, 32, 0.320) 20%,
		rgba(247, 143, 32, 0.285) 30%,
		rgba(247, 143, 32, 0.232) 40%,
		rgba(247, 143, 32, 0.170) 50%,
		rgba(247, 143, 32, 0.108) 60%,
		rgba(247, 143, 32, 0.055) 70%,
		rgba(247, 143, 32, 0.020) 80%,
		rgba(247, 143, 32, 0.003) 90%,
		rgba(247, 143, 32, 0) 100%);
	transition:opacity 0.45s cubic-bezier(0.2, 0.7, 0.3, 1);
}

.fatcd__ctl:hover::before,
.fatcd__ctl:focus-within::before{
	opacity:1;
}

.fatcd__btn.disabled,
.fatcd__btn:disabled{
	cursor:default;
	opacity:0.5;
	transition:none;
}
@media only screen and (max-width: 767px){
	.fatcd__thumb,
	.fatcd__title{
		display:none;
	}

	.fatcd__price{ margin-top:0; }
	.fatcd__price ins,
	.fatcd__price > .woocommerce-Price-amount{ font-size:1.15rem; }
}

@media only screen and (max-width: 400px){
	.fatcd__inner{ gap:12px; }
	.fatcd__save{ font-size:0.6rem; padding:2px 6px; letter-spacing:0.1em; }
	.fatcd__btn{ padding:13px 18px; font-size:0.74rem; letter-spacing:0.08em; }
	.fatcd__btn:hover, .fatcd__btn:focus-visible{ padding-inline:calc(18px + 4px); }
	.fatcd__qty{ width:50px; }
}

@media (prefers-reduced-motion: reduce){
	.fatcd,
	.fatcd__btn,
	.fatcd__ctl::before{
		transition-duration:0.001ms;
	}
	.fatcd{ transition-delay:0s; }
}