.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;
}
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}