Hostinger AI theme

/* Permanent Kits Global Theme CSS */
.sticky-nav-header {
position: -webkit-sticky !important;
position: sticky !important;
top: 0 !important;
z-index: 99999 !important;
width: 100% !important;
}

.cat-card {
transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.cat-card:hover {
transform: translateY(-4px) !important;
border-color: #4637cc !important;
box-shadow: 0 12px 30px rgba(70, 55, 204, 0.1) !important;
}

.pk-product-card {
flex: 0 0 calc(33.333% – 16px) !important;
max-width: calc(33.333% – 16px) !important;
width: calc(33.333% – 16px) !important;
box-sizing: border-box !important;
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease !important;
}

.pk-product-card:hover {
transform: translateY(-6px) scale(1.02) !important;
box-shadow: 0 16px 36px rgba(70, 55, 204, 0.12) !important;
border-color: #c7d2fe !important;
}

@media (max-width: 1024px) {
.pk-product-card {
flex: 0 0 calc(50% – 12px) !important;
max-width: calc(50% – 12px) !important;
width: calc(50% – 12px) !important;
}
}

@media (max-width: 640px) {
.pk-product-card {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
}
}

/* Sort By Container & Button – Zero Fluctuation */
.pk-sort-wrap {
display: flex !important;
gap: 0.75rem !important;
align-items: center !important;
flex-shrink: 0 !important;
}

.pk-sort-select {
min-width: 175px !important;
height: 40px !important;
padding: 0 2.25rem 0 1rem !important;
border: 1px solid #e8e7f0 !important;
border-radius: 10px !important;
background: #ffffff url(“data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ width=’16’ height=’16’ viewBox=’0 0 24 24′ fill=’none’ stroke=’%2362626f’ stroke-width=’2′ stroke-linecap=’round’ stroke-linejoin=’round’%3E%3Cpath d=’m6 9 6 6 6-6’/%3E%3C/svg%3E”) no-repeat right 0.75rem center !important;
font-size: 0.875rem !important;
font-weight: 500 !important;
color: #17171c !important;
cursor: pointer !important;
font-family: inherit !important;
outline: none !important;
appearance: none !important;
-webkit-appearance: none !important;
box-sizing: border-box !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.pk-sort-select:hover {
border-color: #4637cc !important;
}

.pk-sort-select:focus {
border-color: #4637cc !important;
box-shadow: 0 0 0 3px rgba(70, 55, 204, 0.12) !important;
}