/* Store */
body .if-prime,
body .if-prime-inline,
body .if-not-prime,
body .if-not-prime-inline {display: none;}

body[data-is-prime=yes] [data-store="product"] .if-prime {display: inline;}
body:not([data-is-prime=yes]) [data-store="product"] .if-not-prime {display: inline;}

body[data-is-prime=yes] [data-store="prime-offer"].if-prime {display: block;}
body:not([data-is-prime=yes]) [data-store="prime-offer"].if-not-prime {display: block;}

#productList [data-store=product][data-quantity] [data-store="add"] {display: none;}
#productList [data-store=product]:not([data-quantity]) [data-store="remove"] {display: none;}

#storeHeader {
	position: sticky;
	top: 16px;
	background-color: rgba(25, 25, 25, .8);
	backdrop-filter: blur(8px);
	z-index: 998;
}

/* Products */
.card-product img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.card-product .badge {
	padding: .45rem .75rem .35rem .75rem;
	border-radius: 999px;
	text-transform: uppercase;	
	font-weight: 700;
	font-size: .60rem;
	letter-spacing: .02em;
}

/* Prime offer */
#storeCart:not([data-store-has-prime-offer="yes"]) [data-store="prime-offer"] {display: none;}
#storeCart:not([data-store-has-discount="yes"]) [data-store="if-discount"] {display: none;}

.cart-item {
	cursor: pointer;
}
.cart-item .product-name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	flex: 1;
	min-width: 0;
}
.cart-item .cart-badge {
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: rgba(88, 0, 122, .85);
	color: #fff;
	border: 0;	
}
.cart-item .cart-image {
	width: 112px;
	height: 72px;
	object-fit: cover;
	border-radius: 8px;
	border: 1px solid var(--stroke);
}	

.cart-item:not([data-store-is-subscription=yes]) [data-store=cart-item-every] {display: none;}
.cart-item:not([data-store-has-was-now=yes]) [data-store=if-was-now] {display: none;}

/* Sugestões */
#storeSuggestions {
	margin: 1.25rem auto 2rem;
}
#storeSuggestions[data-is-empty="yes"] {
	display: none;
}
.reco-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: .75rem;
}
.reco-head h3 {
	font-size: 1.05rem;
	margin: 0;
}
.reco-head small {
	color: var(--muted);
}
.reco-card .card-img-top {
	aspect-ratio: 16/9;
	object-fit: cover;
}
.reco-card .card {
	height: 100%;
}
.reco-card .card-body {
	display: flex;
	flex-direction: column;
}
.reco-card .reco-title {
	font-size: .95rem;
	margin-bottom: .25rem;
}
.reco-card .reco-price {
	font-weight: 700;
	margin-bottom: .5rem;
}
.reco-card .btn {
	width: 100%;
}
.reco-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	margin-top: .5rem;
}

.reco-controls .btn {
	min-width: 110px;
}
@media (max-width: 575.98px) {
	.reco-controls .btn {
		min-width: 88px;
	}
}

/* Carrossel */
.carousel-indicators.reco-indicators {
	position: static;
	margin: 0;
	gap: .5rem;
}
.carousel-indicators [data-bs-target] {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
	opacity: .5;
}
.carousel-indicators.reco-indicators .active {
	opacity: 1;
}

.pulse {
	animation: pulse 1.4s 2;
	box-shadow: 0 0 0 rgba(var(--bs-primary-rgb), 0.8);
}
@keyframes pulse {
	0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(var(--bs-secondary-rgb), 0.9); }
	15% { transform: scale(1.06); }
	20% { transform: scale(1); }
	40% { box-shadow: 0 0 0 20px rgba(var(--bs-secondary-rgb), 0); }
	100% { box-shadow: 0 0 0 0 rgba(var(--bs-secondary-rgb), 0); }
}