/* VEK Recommendations v0.6.3 - Section Navigation */
.vek-recent{
margin:24px 0 10px;
padding-top:20px;
border-top:1px solid #e2e6e9;
}
.vek-recent-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:14px;
margin-bottom:13px;
}
.vek-recent-heading{
margin:0!important;
font-size:18px!important;
line-height:1.2!important;
}
.vek-recent-subtitle{
margin-top:3px;
color:#7a858e;
font-size:10px;
line-height:1.35;
}
.vek-recent-clear{
border:0;
background:transparent;
color:#7a858e;
font-size:9.8px;
cursor:pointer;
text-decoration:underline;
text-underline-offset:2px;
}
.vek-recent-clear:hover{color:#174f86;}
.vek-recent-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
}
.vek-recent-card{
display:flex;
flex-direction:column;
min-width:0;
padding:11px;
border:1px solid #e0e5e9;
border-radius:7px;
background:#fff;
transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.vek-recent-card:hover{
transform:translateY(-2px);
border-color:#c8d3db;
box-shadow:0 8px 20px rgba(22,43,61,.065);
}
.vek-recent-image{
display:flex;
align-items:center;
justify-content:center;
height:150px;
margin-bottom:9px;
}
.vek-recent-image img{
display:block;
max-width:100%;
max-height:100%;
width:auto;
height:auto;
object-fit:contain;
}
.vek-recent-author{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
margin-bottom:3px;
color:#75808a;
font-size:9.5px;
font-weight:600;
text-align:center;
}
.vek-recent-title{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
margin-bottom:8px;
color:#202830!important;
font-size:10.8px;
font-weight:700;
line-height:1.3;
text-align:center;
text-decoration:none!important;
}
.vek-recent-title:hover{color:#174f86!important;}
.vek-recent-price{
margin-top:auto;
color:#202830;
font-size:12.5px;
font-weight:800;
text-align:center;
}
@media(max-width:991px){
.vek-recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:767px){
.vek-recent{margin-top:20px;padding-top:17px;}
.vek-recent-heading{font-size:16px!important;}
.vek-recent-grid{
display:flex;
overflow-x:auto;
gap:9px;
padding-bottom:6px;
scroll-snap-type:x proximity;
-webkit-overflow-scrolling:touch;
}
.vek-recent-card{
flex:0 0 145px;
scroll-snap-align:start;
padding:9px;
}
.vek-recent-image{height:130px;}
}


/* ===== VEK Recommendations v0.6.1 – CATEGORY DISCOVERY ===== */

.vek-discovery{
margin:24px 0 10px;
padding-top:20px;
border-top:1px solid #e2e6e9;
}

.vek-discovery-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:14px;
margin-bottom:13px;
}

.vek-discovery-heading{
margin:0!important;
font-size:18px!important;
line-height:1.2!important;
}

.vek-discovery-subtitle{
margin-top:3px;
color:#7a858e;
font-size:10px;
line-height:1.35;
}

.vek-discovery-all{
flex:0 0 auto;
color:#174f86!important;
font-size:10px;
font-weight:700;
text-decoration:none!important;
}

.vek-discovery-all:hover{
text-decoration:underline!important;
text-underline-offset:2px;
}

.vek-discovery-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
}

.vek-discovery-card{
display:flex;
flex-direction:column;
min-width:0;
padding:11px;
border:1px solid #e0e5e9;
border-radius:7px;
background:#fff;
transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}

.vek-discovery-card:hover{
transform:translateY(-2px);
border-color:#c8d3db;
box-shadow:0 8px 20px rgba(22,43,61,.065);
}

.vek-discovery-image{
display:flex;
align-items:center;
justify-content:center;
height:150px;
margin-bottom:9px;
}

.vek-discovery-image img{
display:block;
max-width:100%;
max-height:100%;
width:auto;
height:auto;
object-fit:contain;
}

.vek-discovery-author{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
margin-bottom:3px;
color:#75808a;
font-size:9.5px;
font-weight:600;
text-align:center;
}

.vek-discovery-title{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
margin-bottom:8px;
color:#202830!important;
font-size:10.8px;
font-weight:700;
line-height:1.3;
text-align:center;
text-decoration:none!important;
}

.vek-discovery-title:hover{
color:#174f86!important;
}

.vek-discovery-price{
margin-top:auto;
color:#202830;
font-size:12.5px;
font-weight:800;
text-align:center;
}

@media(max-width:991px){
.vek-discovery-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}

@media(max-width:767px){
.vek-discovery{
margin-top:20px;
padding-top:17px;
}

.vek-discovery-heading{
font-size:16px!important;
}

.vek-discovery-head{
align-items:flex-start;
flex-direction:column;
gap:5px;
}

.vek-discovery-grid{
display:flex;
overflow-x:auto;
gap:9px;
padding-bottom:6px;
scroll-snap-type:x proximity;
-webkit-overflow-scrolling:touch;
}

.vek-discovery-card{
flex:0 0 145px;
scroll-snap-align:start;
padding:9px;
}

.vek-discovery-image{
height:130px;
}
}


/* ===== VEK Recommendations v0.6.2 – EXPANDABLE DISCOVERY ===== */

.vek-discovery-card.vek-discovery-hidden{
display:none!important;
}

.vek-discovery-more-wrap{
display:flex;
justify-content:center;
margin-top:13px;
}

.vek-discovery-more{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:37px;
padding:8px 14px;
border:1px solid #174f86;
border-radius:5px;
background:#fff;
color:#174f86;
font-size:10.5px;
font-weight:700;
cursor:pointer;
}

.vek-discovery-more:hover{
background:#174f86;
color:#fff;
}

.vek-discovery-more[hidden]{
display:none!important;
}

@media(max-width:767px){
.vek-discovery-more{
width:100%;
min-height:40px;
}
}


/* ===== VEK Recommendations v0.6.3 – SECTION NAVIGATION ===== */

.vek-discovery-nav{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:6px;
margin:18px 0 4px;
padding:9px 10px;
border:1px solid #e4e8eb;
border-radius:7px;
background:#fafbfc;
}

.vek-discovery-nav-label{
margin-right:3px;
color:#7b858e;
font-size:9.5px;
font-weight:800;
letter-spacing:.055em;
text-transform:uppercase;
}

.vek-discovery-nav-link{
display:inline-flex;
align-items:center;
min-height:29px;
padding:6px 9px;
border:1px solid #dfe5e9;
border-radius:999px;
background:#fff;
color:#53616d!important;
font-size:10px;
font-weight:650;
line-height:1;
text-decoration:none!important;
}

.vek-discovery-nav-link:hover{
border-color:#c7d2db;
color:#174f86!important;
}

.vek-discovery-nav-link:focus-visible,
.vek-discovery-more:focus-visible,
.vek-recent-clear:focus-visible{
outline:2px solid #174f86!important;
outline-offset:2px!important;
}

@media(max-width:767px){
.vek-discovery-nav{
flex-wrap:nowrap;
overflow-x:auto;
padding-bottom:7px;
scrollbar-width:thin;
-webkit-overflow-scrolling:touch;
}

.vek-discovery-nav-label,
.vek-discovery-nav-link{
flex:0 0 auto;
white-space:nowrap;
}
}

@media(prefers-reduced-motion:reduce){
.vek-discovery *,
.vek-recent *,
.vek-discovery-nav *{
scroll-behavior:auto!important;
transition-duration:.01ms!important;
animation-duration:.01ms!important;
}
}