/* ===== HYDROSNAKE — STRONA SKLEPU BEZ HERO I BEZ WYSZUKIWARKI ===== */
/* Bez gap. Kategorie WooCommerce są systemowe — bez shortcode product_categories. */

.hs-shop-page {
–hs-bg: #071014;
–hs-card: #0b151b;
–hs-blue: #00d9ff;
–hs-blue2: #24ebff;
–hs-text: #f4f8fb;
–hs-muted: #dce8ed;
–hs-soft: #b7c3ca;

color: var(–hs-text);
font-family: Arial, Helvetica, sans-serif;
margin: 0 auto 26px;
}

.hs-shop-page * {
box-sizing: border-box;
}

.hs-shop-page a {
text-decoration: none !important;
}

/* ukrycie domyślnego tytułu / breadcrumb Woo */
body.post-type-archive-product .woocommerce-breadcrumb,
body.woocommerce-shop .woocommerce-breadcrumb,
body.post-type-archive-product h1.page-title,
body.woocommerce-shop h1.page-title,
body.post-type-archive-product .page-title,
body.woocommerce-shop .page-title,
body.post-type-archive-product .woocommerce-products-header,
body.woocommerce-shop .woocommerce-products-header,
body.post-type-archive-product .woocommerce-products-header__title,
body.woocommerce-shop .woocommerce-products-header__title,
body.post-type-archive-product .entry-header,
body.woocommerce-shop .entry-header,
body.post-type-archive-product .page-header,
body.woocommerce-shop .page-header {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}

/* tło strony */
body.post-type-archive-product,
body.woocommerce-shop {
background: #071014 !important;
color: #fff !important;
}

body.post-type-archive-product .entry-container,
body.woocommerce-shop .entry-container {
max-width: 1380px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 18px !important;
padding-right: 18px !important;
}

body.post-type-archive-product .site-content,
body.woocommerce-shop .site-content,
body.post-type-archive-product .page-section,
body.woocommerce-shop .page-section {
background:
radial-gradient(circle at 18% 4%, rgba(0,217,255,0.12), transparent 28%),
#071014 !important;
}

/* kafle informacyjne na górze */
.hs-shop-info {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
margin: 0 -8px 28px !important;
}

.hs-shop-info-box {
margin: 8px !important;
padding: 22px !important;
min-height: 170px !important;
border-radius: 22px !important;
background:
radial-gradient(circle at 85% 15%, rgba(0,217,255,0.14), transparent 34%),
linear-gradient(135deg, rgba(0,217,255,0.08), rgba(255,255,255,0.025)),
var(–hs-card) !important;
border: 1px solid rgba(0,217,255,0.24) !important;
box-shadow: 0 14px 34px rgba(0,0,0,0.28) !important;
color: #fff !important;
}

.hs-shop-info-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
margin: 0 0 14px !important;
border-radius: 50% !important;
background: var(–hs-blue) !important;
color: #001015 !important;
font-size: 20px !important;
font-weight: 900 !important;
}

.hs-shop-info-box strong {
display: block !important;
margin: 0 0 9px !important;
color: #fff !important;
font-size: 18px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
}

.hs-shop-info-box span {
display: block !important;
color: var(–hs-soft) !important;
font-size: 14px !important;
line-height: 1.48 !important;
font-weight: 650 !important;
}

.hs-shop-info-box a {
display: inline-flex !important;
align-items: center !important;
min-height: 36px !important;
margin-top: 14px !important;
padding: 8px 13px !important;
color: var(–hs-blue) !important;
background: rgba(0,217,255,0.08) !important;
border: 1px solid rgba(0,217,255,0.22) !important;
border-radius: 999px !important;
font-size: 13px !important;
font-weight: 900 !important;
}

.hs-shop-info-box a:hover {
color: #001015 !important;
background: var(–hs-blue) !important;
}

/* tytuł nad kategoriami */
.hs-shop-section-title {
max-width: 860px !important;
margin: 4px auto 18px !important;
text-align: center !important;
}

.hs-shop-section-title h2 {
margin: 0 0 8px !important;
color: #fff !important;
font-size: 34px !important;
line-height: 1.15 !important;
font-weight: 900 !important;
}

.hs-shop-section-title p {
max-width: 720px !important;
margin: 0 auto !important;
color: var(–hs-soft) !important;
font-size: 15px !important;
line-height: 1.5 !important;
font-weight: 650 !important;
}

/* systemowe kategorie WooCommerce */
body.post-type-archive-product ul.products,
body.woocommerce-shop ul.products {
max-width: 1180px !important;
margin: 20px auto 38px !important;
padding: 0 !important;
clear: both !important;
position: relative !important;
z-index: 1 !important;
}

body.post-type-archive-product ul.products::after,
body.woocommerce-shop ul.products::after {
content: „”;
display: table;
clear: both;
}

body.post-type-archive-product ul.products li.product-category,
body.woocommerce-shop ul.products li.product-category {
position: relative !important;
float: left !important;
clear: none !important;
width: calc(25% – 18px) !important;
min-height: 180px !important;
margin: 9px !important;
padding: 0 !important;
overflow: hidden !important;
background:
linear-gradient(135deg, rgba(0,217,255,0.09), rgba(255,255,255,0.025)),
#0b151b !important;
border: 1px solid rgba(0,217,255,0.26) !important;
border-radius: 22px !important;
box-shadow: 0 14px 36px rgba(0,0,0,0.28) !important;
transition: 0.2s ease !important;
}

body.post-type-archive-product ul.products li.product-category a,
body.woocommerce-shop ul.products li.product-category a {
display: block !important;
min-height: 180px !important;
color: #fff !important;
text-decoration: none !important;
}

body.post-type-archive-product ul.products li.product-category img,
body.woocommerce-shop ul.products li.product-category img {
width: 100% !important;
height: 180px !important;
min-height: 180px !important;
max-height: none !important;
object-fit: contain !important;
margin: 0 !important;
padding: 18px 18px 46px !important;
border-radius: 0 !important;
background:
radial-gradient(circle at 50% 30%, rgba(0,217,255,0.13), transparent 38%),
linear-gradient(180deg, rgba(14,14,14,0.95), rgba(80,80,80,0.72)) !important;
}

body.post-type-archive-product ul.products li.product-category .woocommerce-loop-category__title,
body.woocommerce-shop ul.products li.product-category .woocommerce-loop-category__title {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: 0 !important;
padding: 46px 12px 16px !important;
color: #fff !important;
background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.88)) !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
text-align: center !important;
text-shadow: 0 2px 12px rgba(0,0,0,0.95) !important;
}

body.post-type-archive-product ul.products li.product-category mark.count,
body.woocommerce-shop ul.products li.product-category mark.count {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 28px !important;
min-height: 22px !important;
margin-left: 6px !important;
padding: 2px 7px !important;
color: #001015 !important;
background: #00d9ff !important;
border-radius: 999px !important;
font-size: 12px !important;
font-weight: 900 !important;
text-shadow: none !important;
}

body.post-type-archive-product ul.products li.product-category:hover,
body.woocommerce-shop ul.products li.product-category:hover {
transform: translateY(-3px) !important;
border-color: rgba(0,217,255,0.55) !important;
box-shadow:
0 16px 36px rgba(0,0,0,0.34),
0 0 22px rgba(0,217,255,0.16) !important;
}

/* produkty, jeśli WooCommerce pokaże produkty na /sklep/ */
body.post-type-archive-product ul.products li.product:not(.product-category),
body.woocommerce-shop ul.products li.product:not(.product-category) {
float: left !important;
width: calc(25% – 18px) !important;
margin: 9px !important;
padding: 16px !important;
background: #0b151b !important;
border: 1px solid rgba(0,217,255,0.20) !important;
border-radius: 18px !important;
box-shadow: 0 12px 28px rgba(0,0,0,0.24) !important;
color: #fff !important;
}

/* responsywność */
@media screen and (max-width: 1100px) {
.hs-shop-info {
grid-template-columns: 1fr !important;
}

body.post-type-archive-product ul.products li.product-category,
body.woocommerce-shop ul.products li.product-category,
body.post-type-archive-product ul.products li.product:not(.product-category),
body.woocommerce-shop ul.products li.product:not(.product-category) {
width: calc(50% – 18px) !important;
}
}

@media screen and (max-width: 640px) {
body.post-type-archive-product .entry-container,
body.woocommerce-shop .entry-container {
padding-left: 12px !important;
padding-right: 12px !important;
}

body.post-type-archive-product ul.products,
body.woocommerce-shop ul.products {
margin-left: -7px !important;
margin-right: -7px !important;
}

body.post-type-archive-product ul.products li.product-category,
body.woocommerce-shop ul.products li.product-category,
body.post-type-archive-product ul.products li.product:not(.product-category),
body.woocommerce-shop ul.products li.product:not(.product-category) {
width: calc(100% – 14px) !important;
margin: 7px !important;
}

body.post-type-archive-product ul.products li.product-category,
body.woocommerce-shop ul.products li.product-category,
body.post-type-archive-product ul.products li.product-category a,
body.woocommerce-shop ul.products li.product-category a {
min-height: 160px !important;
}

body.post-type-archive-product ul.products li.product-category img,
body.woocommerce-shop ul.products li.product-category img {
height: 160px !important;
min-height: 160px !important;
padding: 14px 14px 42px !important;
}

body.post-type-archive-product ul.products li.product-category .woocommerce-loop-category__title,
body.woocommerce-shop ul.products li.product-category .woocommerce-loop-category__title {
font-size: 15px !important;
padding: 42px 10px 14px !important;
}
}