.cretavil-smart-wrapper{
background:#f8fbff;
border-radius:24px;
padding:50px 30px;
max-width:1400px;
margin:0 auto;
overflow:hidden;
}
.cretavil-smart-header{
text-align:center;
margin-bottom:30px;
}
.cretavil-smart-header h2{
font-size:48px;
font-weight:800;
margin:0 0 12px;
color:#102033;
}
.cretavil-smart-header p{
color:#5d6d7c;
font-size:18px;
}
.cretavil-areas{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px;
margin-bottom:28px;
}
.cretavil-areas button{
border:1px solid #d8e4ef;
background:#fff;
color:#102033;
padding:13px 20px;
border-radius:12px;
cursor:pointer;
font-weight:700;
}
.cretavil-areas button.active,
.cretavil-areas button:hover{
background:#006be6;
border-color:#006be6;
color:#fff;
}
.cretavil-mobile-hint{
display:none;
}
.cretavil-results-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:18px;
}
.cretavil-card{
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.cretavil-card-image img{
width:100%;
height:190px;
object-fit:cover;
display:block;
}
.cretavil-card-content{
padding:17px;
}
.cretavil-card-content h3{
font-size:18px;
margin:0 0 9px;
line-height:1.3;
color:#102033;
}
.cretavil-card-content p{
font-size:13px;
line-height:1.55;
color:#5d6d7c;
margin-bottom:15px;
}
.cretavil-btn{
display:inline-block;
background:#006be6;
color:#fff !important;
padding:10px 15px;
border-radius:10px;
text-decoration:none;
font-weight:700;
font-size:13px;
}
.cretavil-loading,
.cretavil-empty{
text-align:center;
padding:50px;
font-size:18px;
grid-column:1/-1;
}
@media(max-width:1200px){
.cretavil-results-grid{
grid-template-columns:repeat(3,1fr);
}
} @media screen and (max-width:768px){
.cretavil-smart-wrapper{
padding:32px 0 32px 16px !important;
border-radius:18px !important;
overflow:hidden !important;
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
}
.cretavil-smart-header{
text-align:left !important;
padding-right:16px !important;
margin-bottom:22px !important;
}
.cretavil-smart-header h2{
font-size:30px !important;
line-height:1.1 !important;
}
.cretavil-smart-header p{
font-size:15px !important;
line-height:1.45 !important;
}
.cretavil-areas{
display:flex !important;
flex-direction:row !important;
justify-content:flex-start !important;
align-items:center !important;
flex-wrap:nowrap !important;
overflow-x:auto !important;
overflow-y:hidden !important;
gap:9px !important;
padding:0 16px 6px 0 !important;
margin-bottom:14px !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-width:none !important;
width:100% !important;
max-width:100% !important;
}
.cretavil-areas::-webkit-scrollbar{
display:none !important;
}
.cretavil-areas button{
flex:0 0 auto !important;
width:auto !important;
min-width:auto !important;
max-width:none !important;
white-space:nowrap !important;
padding:10px 14px !important;
font-size:13px !important;
border-radius:999px !important;
}
.cretavil-mobile-hint{
display:block !important;
font-size:13px !important;
font-weight:700 !important;
color:#006be6 !important;
margin:0 0 12px !important;
padding-right:16px !important;
}
#cretavil-results.cretavil-results-grid{
display:flex !important;
flex-direction:row !important;
flex-wrap:nowrap !important;
grid-template-columns:none !important;
overflow-x:auto !important;
overflow-y:hidden !important;
gap:14px !important;
padding:4px 16px 14px 0 !important;
margin:0 !important;
scroll-snap-type:x mandatory !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-width:none !important;
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
}
#cretavil-results.cretavil-results-grid::-webkit-scrollbar{
display:none !important;
}
#cretavil-results .cretavil-card{
display:block !important;
flex:0 0 235px !important;
width:235px !important;
min-width:235px !important;
max-width:235px !important;
float:none !important;
clear:none !important;
margin:0 !important;
border-radius:16px !important;
scroll-snap-align:start !important;
box-sizing:border-box !important;
}
#cretavil-results .cretavil-card-image img{
height:145px !important;
}
#cretavil-results .cretavil-card-content{
padding:14px !important;
}
#cretavil-results .cretavil-card-content h3{
font-size:16px !important;
line-height:1.25 !important;
}
#cretavil-results .cretavil-card-content p{
font-size:12.5px !important;
line-height:1.45 !important;
margin-bottom:12px !important;
}
#cretavil-results .cretavil-btn{
padding:9px 13px !important;
font-size:12px !important;
}
#cretavil-results .cretavil-loading,
#cretavil-results .cretavil-empty{
flex:0 0 calc(100% - 16px) !important;
width:calc(100% - 16px) !important;
padding:35px 15px !important;
}
}.yarpp-thumbnail-default,.yarpp-thumbnail-title,.yarpp-thumbnails-horizontal .yarpp-thumbnail{display:inline-block}.yarpp-thumbnails-horizontal .yarpp-thumbnail{border:1px solid hsla(0,0%,50%,.1);vertical-align:top}.yarpp-thumbnails-horizontal .yarpp-thumbnail-default,.yarpp-thumbnails-horizontal .yarpp-thumbnail>img{display:block}.yarpp-thumbnails-horizontal .yarpp-thumbnail-title{font-size:1em;line-height:1.4em;max-height:2.8em;overflow:hidden;text-decoration:inherit}.yarpp-thumbnail-default{overflow:hidden}