/* HTZ Shop Experience */
.htz-shop {
	--htz-red: #e1062c;
	--htz-red-dark: #b8001f;
	--htz-navy: #0b1022;
	--htz-navy-2: #141b36;
	--htz-ink: #111827;
	--htz-muted: #6b7280;
	--htz-line: #e5e7eb;
	--htz-white: #ffffff;
	--htz-gold: #f5b301;
	--htz-radius: 14px;
}

/* Layout reset for theme wrappers on store pages */
.htz-shop .woocommerce-result-count,
.htz-shop .woocommerce-ordering,
.htz-shop .shop-view-switcher,
.htz-shop .itplot-shop-toolbar,
.htz-shop .woocommerce-products-header { display: none !important; }

/* Hero */
.htz-shop-hero {
	background: radial-gradient(1200px 400px at 20% -10%, rgba(225, 6, 44, .35), transparent 60%), linear-gradient(135deg, var(--htz-navy) 0%, var(--htz-navy-2) 100%);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 20px;
	color: #fff;
	margin: 0 0 28px;
	padding: 28px 18px;
}
.htz-shop-hero__inner { max-width: 1100px; margin: 0 auto; }
.htz-eyebrow { color: var(--htz-gold); font-size: 12px; font-weight: 700; letter-spacing: .12em; margin: 0 0 6px; text-transform: uppercase; }
.htz-shop-hero__title { color: #fff; font-size: clamp(28px, 6vw, 44px); line-height: 1.1; margin: 0 0 8px; }
.htz-shop-hero__sub { color: rgba(255, 255, 255, .8); font-size: 16px; margin: 0 0 20px; }

/* Filter */
.htz-filter { background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); color: var(--htz-ink); padding: 12px; }
.htz-filter__search { align-items: center; border: 1.5px solid var(--htz-line); border-radius: 12px; display: flex; gap: 8px; padding: 0 12px; }
.htz-filter__search:focus-within { border-color: var(--htz-red); }
.htz-filter__search svg { color: var(--htz-muted); flex: none; }
.htz-filter__search input[type=search] { background: transparent; border: 0 !important; box-shadow: none !important; color: var(--htz-ink); flex: 1; font-size: 16px; height: 48px; margin: 0; min-width: 0; outline: 0; padding: 0; }
.htz-filter__row { align-items: flex-end; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.htz-filter__field { display: flex; flex: 1 1 160px; flex-direction: column; gap: 4px; margin: 0; }
.htz-filter__field--sm { flex: 1 1 80px; max-width: 120px; }
.htz-filter__field span { color: var(--htz-muted); font-size: 12px; font-weight: 600; }
.htz-filter__field select,
.htz-filter__field input { background: #f9fafb; border: 1px solid var(--htz-line); border-radius: 10px; color: var(--htz-ink); font-size: 15px; height: 42px; margin: 0; padding: 0 10px; width: 100%; }
.htz-filter__check { align-items: center; color: var(--htz-ink); display: flex; font-size: 14px; font-weight: 600; gap: 6px; height: 42px; margin: 0; white-space: nowrap; }
.htz-filter__check input { accent-color: var(--htz-red); height: 18px; width: 18px; }
.htz-filter__reset { align-self: center; color: var(--htz-muted); font-size: 14px; text-decoration: underline; }

.htz-btn { align-items: center; border: 0; border-radius: 10px; cursor: pointer; display: inline-flex; font-size: 15px; font-weight: 700; height: 42px; justify-content: center; line-height: 1; padding: 0 18px; text-decoration: none !important; transition: background .15s, transform .15s; }
.htz-btn--primary { background: var(--htz-red) !important; color: #fff !important; }
.htz-btn--primary:hover { background: var(--htz-red-dark) !important; color: #fff !important; }

/* Chips */
.htz-chips { display: flex; gap: 8px; margin-top: 16px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
.htz-chips::-webkit-scrollbar { display: none; }
.htz-chip { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; color: #fff !important; flex: none; font-size: 14px; font-weight: 600; padding: 8px 14px; text-decoration: none !important; }
.htz-chip:hover { background: rgba(255, 255, 255, .16); }
.htz-chip.is-active { background: var(--htz-red); border-color: var(--htz-red); }

/* Category blocks */
.htz-blocks { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 0 32px; }
.htz-block { background: var(--htz-white); border-radius: var(--htz-radius); box-shadow: 0 4px 14px rgba(0, 0, 0, .18); color: var(--htz-ink) !important; display: flex; flex-direction: column; gap: 4px; min-height: 150px; padding: 16px; position: relative; text-decoration: none !important; transition: transform .15s, box-shadow .15s; }
.htz-block:hover { box-shadow: 0 10px 24px rgba(0, 0, 0, .28); transform: translateY(-2px); }
.htz-block__icon { align-items: center; background: #fff1f3; border-radius: 12px; color: var(--htz-red); display: inline-flex; height: 44px; justify-content: center; margin-bottom: 6px; width: 44px; }
.htz-block--game .htz-block__icon { background: #eef2ff; color: #4f46e5; }
.htz-block--wifi .htz-block__icon { background: #ecfeff; color: #0891b2; }
.htz-block--audio .htz-block__icon { background: #f5f3ff; color: #7c3aed; }
.htz-block--fire .htz-block__icon { background: #fff7ed; color: #ea580c; }
.htz-block--new .htz-block__icon { background: #fefce8; color: #ca8a04; }
.htz-block--tag .htz-block__icon { background: #f0fdf4; color: #16a34a; }
.htz-block__name { font-size: 16px; font-weight: 800; line-height: 1.2; }
.htz-block__desc { color: var(--htz-muted); font-size: 13px; line-height: 1.35; }
.htz-block__count { color: var(--htz-red); font-size: 13px; font-weight: 700; margin-top: auto; padding-top: 6px; }

/* Rows */
.htz-row { margin: 0 0 32px; }
.htz-row__head { align-items: baseline; display: flex; justify-content: space-between; margin-bottom: 12px; }
.htz-heading { color: #fff; font-size: 24px; font-weight: 800; margin: 0; }
.htz-heading--all { margin: 8px 0 14px; }
.htz-row__more { color: #fff !important; font-size: 14px; font-weight: 700; opacity: .85; text-decoration: none !important; }
.htz-row__more:hover { opacity: 1; }

/* Product grid */
.htz-shop ul.products { display: grid !important; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: 0 0 24px !important; padding: 0 !important; }
.htz-shop ul.products::before,
.htz-shop ul.products::after { display: none !important; }
.htz-shop ul.products li.product.htz-pc { background: var(--htz-white); border-radius: var(--htz-radius); box-shadow: 0 4px 14px rgba(0, 0, 0, .18); display: flex; flex-direction: column; float: none !important; margin: 0 !important; overflow: hidden; padding: 0 !important; text-align: left; width: auto !important; }
.htz-pc__media { aspect-ratio: 1 / 1; background: #f3f4f6; display: block; overflow: hidden; position: relative; }
.htz-pc__media img { height: 100% !important; margin: 0 !important; object-fit: cover; transition: transform .3s; width: 100% !important; }
.htz-pc:hover .htz-pc__media img { transform: scale(1.04); }
.htz-pc__badges { display: flex; gap: 6px; left: 8px; position: absolute; top: 8px; }
.htz-badge { border-radius: 6px; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .04em; padding: 4px 7px; text-transform: uppercase; }
.htz-badge--sale { background: #16a34a; }
.htz-badge--hot { background: #ea580c; }
.htz-badge--new { background: #2563eb; }
.htz-pc__body { display: flex; flex: 1; flex-direction: column; gap: 6px; padding: 12px; }
.htz-pc__cat { color: var(--htz-muted); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.htz-pc__title { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-size: 15px !important; font-weight: 700; line-height: 1.3 !important; margin: 0 !important; min-height: 2.6em; overflow: hidden; }
.htz-pc__title a { color: var(--htz-ink) !important; text-decoration: none !important; }
.htz-pc__price { color: var(--htz-ink); font-size: 18px; font-weight: 800; }
.htz-pc__price del { color: var(--htz-muted); font-size: 14px; font-weight: 500; margin-right: 4px; }
.htz-pc__price ins { background: none; color: var(--htz-red); text-decoration: none; }
.htz-pc__ship { color: #16a34a; font-size: 12px; font-weight: 600; margin: 0; }
.htz-pc__cta { margin-top: auto; width: 100%; }
.htz-pc .added_to_cart { color: var(--htz-red) !important; display: block; font-size: 13px; font-weight: 700; margin-top: 4px; text-align: center; }
.htz-shop ul.products li.product .button:not(.htz-pc__cta),
.htz-shop ul.products li.product .yith-wcwl-add-to-wishlist,
.htz-shop ul.products li.product .compare,
.htz-shop ul.products li.product .quick-view { display: none !important; }

/* Trust strip */
.htz-trust { display: grid; gap: 12px; grid-template-columns: 1fr; margin: 0 0 32px; }
.htz-trust > div { align-items: center; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); border-radius: var(--htz-radius); color: #fff; display: grid; gap: 2px 12px; grid-template-columns: auto 1fr; padding: 14px 16px; }
.htz-trust svg { color: var(--htz-gold); grid-row: span 2; }
.htz-trust strong { font-size: 15px; }
.htz-trust span { color: rgba(255, 255, 255, .75); font-size: 13px; }

/* Pagination */
.htz-shop .woocommerce-pagination ul { border: 0 !important; display: flex; gap: 6px; justify-content: center; }
.htz-shop .woocommerce-pagination ul li { border: 0 !important; }
.htz-shop .woocommerce-pagination a,
.htz-shop .woocommerce-pagination span { background: #fff; border-radius: 8px; color: var(--htz-ink); display: inline-block; min-width: 38px; padding: 9px 12px; }
.htz-shop .woocommerce-pagination .current { background: var(--htz-red); color: #fff; }

/* Single product */
.htz-ship-box { background: #f8fafc; border: 1px solid var(--htz-line); border-radius: 12px; color: var(--htz-ink); margin: 16px 0; padding: 12px 14px; }
.htz-ship-box p { align-items: flex-start; display: flex; font-size: 14px; gap: 8px; line-height: 1.45; margin: 6px 0; }
.htz-ship-box svg { color: var(--htz-red); flex: none; height: 20px; width: 20px; }
.htz-ship-box a { color: var(--htz-red); font-weight: 700; }

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }

@media (min-width: 640px) {
	.htz-shop-hero { padding: 36px 32px; }
	.htz-blocks { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.htz-shop ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
	.htz-trust { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
	.htz-blocks { grid-template-columns: repeat(7, minmax(0, 1fr)); }
	.htz-block { min-height: 180px; }
	.htz-shop ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Theme fixes */
.htz-shop .itplot-woocatalog { display: none !important; }
.htz-shop li.htz-pc .htz-pc__body,
.htz-shop li.htz-pc .htz-pc__title,
.htz-shop li.htz-pc .htz-pc__price { background: transparent !important; }
.htz-shop ul.products li.product.htz-pc { background: #fff !important; }
.htz-shop .htz-pc__title { color: var(--htz-ink) !important; }
.htz-shop .htz-pc__title::after, .htz-shop .htz-pc__title::before { display: none !important; content: none !important; }
.htz-shop a.htz-btn--primary, .htz-shop .htz-pc__cta { background: var(--htz-red) !important; color: #fff !important; border-radius: 10px !important; }
.htz-shop .htz-heading { background: transparent !important; }

.htz-shop .htz-pc__title, .htz-shop .htz-pc__title a { font-weight: 700 !important; font-family: inherit; }

/* Collapsible filters */
.htz-filter__more > summary { color: var(--htz-ink); cursor: pointer; font-size: 14px; font-weight: 700; list-style: none; margin-top: 10px; padding: 4px 2px; }
.htz-filter__more > summary::-webkit-details-marker { display: none; }
.htz-filter__more > summary::after { content: ' ▾'; color: var(--htz-muted); }
.htz-filter__more[open] > summary::after { content: ' ▴'; }
@media (min-width: 768px) { .htz-filter__more > summary { display: none; } }

/* Compact category blocks on phones */
@media (max-width: 639px) {
	.htz-block { min-height: 0; padding: 12px; gap: 2px; }
	.htz-block__icon { height: 36px; width: 36px; margin-bottom: 4px; }
	.htz-block__icon svg { height: 20px; width: 20px; }
	.htz-block__name { font-size: 15px; }
	.htz-block__desc { display: none; }
	.htz-block__count { padding-top: 2px; }
	.htz-shop-hero { padding: 22px 14px; }
	.htz-shop-hero__sub { font-size: 14px; margin-bottom: 14px; }
	.htz-pc__body { padding: 10px; }
	.htz-pc__title { font-size: 14px !important; }
	.htz-pc__price { font-size: 16px; }
	.htz-btn { font-size: 14px; height: 40px; padding: 0 10px; }
}

/* Single product buttons */
.htz-shop .single_add_to_cart_button { background: var(--htz-red) !important; border-radius: 10px !important; color: #fff !important; font-weight: 800 !important; height: 48px; padding: 0 28px !important; }
.htz-shop .single_add_to_cart_button.disabled { opacity: .55; }
.htz-ship-box p > span { flex: 1; }

/* Image quality: never crop or blur product photos */
.htz-pc__media { background: #fff; }
.htz-pc__media img { object-fit: contain !important; image-rendering: auto; padding: 6px; box-sizing: border-box; }
.htz-shop .woocommerce-product-gallery img { image-rendering: auto; }