/* ==========================================================================
   Happy Sicily – Shop: selettore gruppi e categorie in evidenza
   ========================================================================== */
.hs-shop-nav { margin: 0 0 22px; }
.hs-shop-groups {
	display: inline-flex; max-width: 100%; gap: 4px; padding: 4px; margin-bottom: 14px;
	border-radius: 999px; background: #f3ebdf; overflow-x: auto; scrollbar-width: none;
}
.hs-shop-groups::-webkit-scrollbar { display: none; }
.hs-shop-group {
	display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto;
	min-height: 40px; padding: 0 16px; border-radius: 999px;
	font-family: var(--wd-title-font, "Poppins", sans-serif); font-size: 13px; font-weight: 600; color: #5c554f; text-decoration: none; white-space: nowrap;
	transition: background-color .25s, color .25s;
}
.hs-shop-group .hs-ico { width: 17px; height: 17px; }
.hs-shop-group-food .hs-ico { color: #83b735; }
.hs-shop-group-craft .hs-ico { color: #ff6205; }
.hs-shop-group:hover { color: #1f1a17; background: rgba(255, 255, 255, .7); }
.hs-shop-group.is-active, .hs-shop-group.is-active:hover { background: #1f1a17; color: #fff; }
.hs-shop-group.is-active .hs-ico { color: #fbbc34; }

.hs-shop-chips {
	display: flex; gap: 10px; overflow-x: auto; padding: 4px 2px 10px; margin: 0 -2px;
	scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #e2d6c3 transparent;
	-webkit-overflow-scrolling: touch;
}
.hs-chip {
	display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; scroll-snap-align: start;
	padding: 5px 14px 5px 5px; border-radius: 999px; border: 1px solid #eee3d4; background: #fff;
	color: #1f1a17; font-size: 13.5px; line-height: 1.2; text-decoration: none;
	transition: border-color .25s, box-shadow .25s, transform .3s cubic-bezier(.22,.61,.36,1);
}
.hs-chip:hover { border-color: #ff6205; color: #1f1a17; transform: translateY(-2px); box-shadow: 0 8px 18px -12px rgba(31, 26, 23, .35); }
.hs-chip.is-current { border-color: #1f1a17; background: #1f1a17; color: #fff; }
.hs-chip-img { position: relative; width: 38px; height: 38px; border-radius: 50%; overflow: hidden; background: #faf6f0; flex: 0 0 auto; }
.hs-chip-img img, .hs-chip-img .hs-img-placeholder { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hs-chip-name { font-weight: 600; white-space: nowrap; }
.hs-chip-count { padding: 1px 7px; border-radius: 999px; background: rgba(31, 26, 23, .07); font-size: 11px; font-weight: 600; color: #6b645e; }
.hs-chip.is-current .hs-chip-count { background: rgba(255, 255, 255, .22); color: #fff; }

@media (max-width: 768.98px) {
	.hs-shop-nav { margin-bottom: 14px; }
	.hs-shop-groups { display: flex; }
	.hs-shop-group { flex: 1 1 auto; justify-content: center; padding: 0 10px; font-size: 12px; min-height: 38px; }
	.hs-chip { font-size: 13px; padding: 4px 12px 4px 4px; }
	.hs-chip-img { width: 34px; height: 34px; }
}

/* Barra: gruppi + interruttore offerte */
.hs-shop-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 14px; }
.hs-shop-bar .hs-shop-groups { margin-bottom: 0; }
.hs-shop-sale {
	display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto;
	min-height: 48px; padding: 0 16px 0 14px; border-radius: 999px;
	border: 1.5px solid #ffd3bd; background: #fff; color: #c94400;
	font-family: var(--wd-title-font, "Poppins", sans-serif); font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap;
	transition: background-color .25s, color .25s, border-color .25s, transform .3s cubic-bezier(.22,.61,.36,1);
}
.hs-shop-sale:hover { border-color: #ff6205; color: #c94400; transform: translateY(-1px); }
.hs-shop-sale-dot { width: 10px; height: 10px; border-radius: 50%; background: #ff6205; box-shadow: 0 0 0 4px rgba(255, 98, 5, .18); animation: hs-pulse 2s ease-in-out infinite; }
@keyframes hs-pulse { 0%, 100% { box-shadow: 0 0 0 3px rgba(255, 98, 5, .18); } 50% { box-shadow: 0 0 0 7px rgba(255, 98, 5, .06); } }
.hs-shop-sale-count { padding: 2px 8px; border-radius: 999px; background: #ffe6d6; font-size: 11.5px; }
.hs-shop-sale.is-active { background: #ff6205; border-color: #ff6205; color: #fff; box-shadow: 0 12px 24px -14px rgba(255, 98, 5, .8); }
.hs-shop-sale.is-active:hover { background: #e04e00; border-color: #e04e00; color: #fff; }
.hs-shop-sale.is-active .hs-shop-sale-dot { background: #fff; box-shadow: 0 0 0 3px rgba(255, 255, 255, .3); animation: none; }
.hs-shop-sale.is-active .hs-shop-sale-count { background: rgba(255, 255, 255, .22); color: #fff; }
.hs-shop-sale-x { font-size: 16px; line-height: 1; margin-inline-start: 2px; opacity: .9; }
@media (min-width: 900px) { .hs-shop-sale { margin-inline-start: auto; } }
@media (max-width: 768.98px) {
	.hs-shop-bar { gap: 8px; }
	.hs-shop-bar .hs-shop-groups { width: 100%; }
	.hs-shop-sale { min-height: 40px; font-size: 12.5px; padding: 0 14px 0 12px; }
}