:root{
color-scheme:only light;

--bkg-color:#fff;
--text-color:rgba(0,0,0,0.9);
/*--action-color:#789bc3;*/
/*--action-color:#4E79AC;*/
/*--action-color:#395B83;*/
--action-color:#333333;
/*#789bc3*/
}

*{border:none;box-sizing:border-box;margin:0;padding:0;transition:none;font-family:Roboto,Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:100%;font-display:swap;/*font-weight:normal;*/z-index:inherit;outline:none;


}
*::after,*::before{box-sizing:border-box;}
*:focus{outline:none;}

html,body{z-index:0;cursor:default;}

audio,script,datalist{display:none;}

img{width:100%;height:auto;}

b{font-weight:bold;}
i{font-style:italic;}

ul{list-style-position:inside;list-style:none;}
a{background:transparent;text-decoration:none;transition:all 0.2s;cursor:pointer;}
a:link,a:visited{color:#004166;}
a:hover,a:active{color:#7E7E7D;text-decoration:underline;}

template{display:none;}

.hide{display:none !important;}
.show{display:block !important;}

#w{position:relative;}
#hdr{text-align:center;background:#eee;height:4em;}
#ftr{text-align:center;line-height:2em;/*position:fixed;bottom:0;*/width:100%;background:#eee;padding:2em;}
#cnt{text-align:center;}


.wrp{width:800px;max-width:800px;margin:0 auto;}

/*li{border:1px solid red;}
li li{border:1px solid blue;}*/


/*nav {line-height:3em;}*/
nav ul{display:inline-block;position:relative;float:right;margin:1em 0;}
nav ul li{display:inline-block;margin-left:1em;}

.menu{width:100%}
.menu li{display:block;width:100%;}
.menu li li{display:block;width:100%;}

nav button {float:right;}




nav img{max-height:3em;max-width:3em;}

form{margin:2em auto;}

input,button,textarea {display: inline-block;border-bottom:1px solid #999;line-height:1em;}
textarea{min-height:4em;}

#srcslc{margin:1em auto;}
#srcslc a {background:#fff9;padding:0.5em 0.75em;border-radius:0.25em;margin:0.25em 0.25em;display:inline-block;font-weight: bold;}
#srcslc a.active{background:#fffe;}


#src {max-width:800px;margin:0 auto;height:4em;}
#src > div{width:calc(100% / 4 - 0em);height:4em;display:inline-block;/*line-height:2em;*/text-align:left;float:left;background:#fff;}


form input, form select, form button{width:100%;height:2em;/*float:left;*/padding:0.25em;/*border:none;*/position: relative;}
form button{background:#369;height:100%;display:block;color:#fff;cursor:pointer;}
form label{display:block;padding:0.25em;color:#444;font-style: italic;font-size: 90%;min-height:1em;}

.or input,.or textarea{width:100%;}

.tre {margin:2em auto;clear:both;width:100%;}
.tre div{width:calc(100% / 3 - 1em);height:40%;margin:0.5em;display:inline-block;float:left;}


#ftr div div{width:calc(100% / 2 );display:inline-block;text-align:left;float:left;}

#srcbkg{background:#fee url('graphics/bkg_src0.webp');background-size:cover;background-position:center;/*height:calc(100vh - 4em);*/padding:7em 0;transition:height 0.5s;}
#results{max-width:800px;margin:0 auto; text-align:left;padding-bottom:4em;line-height:1.8em;}

.product{width:calc(100% / 3 - 1em);margin:0.5em;display:inline-block;float:left;background-color:rgba(128, 128, 128, 0.1);}
.product [onclick]{cursor:pointer;}
.product img{width:100%;height:auto;aspect-ratio:1/1;margin:0em;border-radius:0.2em;float:left;border:1px solid #ddd;object-fit:cover;}

#details img[src$="ni.webp"]{display:none;}

#details img:not(:first-of-type){width:calc(100% / 3 - 0.5em);margin:0.25em;height:auto;aspect-ratio:3/2;object-fit:cover;float:left;}

.stars{color:rgb(255, 183, 0);}
.price{color: #f00;}
/* sal-sol */

.sal-sol img{max-width:150px;height:auto;}

/* gdpr */

.wscc{position:fixed;padding:1em;left:0;bottom:0;background-color:#f4f4f4;color:var(--action-color);text-align:center;width:100%;z-index:99999;line-height:2em;}
.wscc a{padding:0.25em;border-radius:0.25em;border:1px solid var(--action-color);display:inline-block;}
.wscc a:link,.wscc a:visited{background:var(--action-color);color:#ffffff;border-color:var(--action-color);}
.wscc a:hover,.wscc a:active{background:#ffffff;color:var(--action-color);border-color:var(--action-color);}


#ip{position:fixed;top:0;left:0;background:rgba(192,192,192,0.7);z-index:999;width:100%;height:100%;display:none;padding:1em;text-align:center;}
#ip img{object-fit:contain !important;
width:auto !important;height:auto !important;
max-width:calc(100vw - 2em) !important;max-height:calc(100vh - 2em) !important;}


a.fltr{margin:0 0.25em;}

a.fltr.ck{color:#f00;}

.al{position:absolute;left:50%;transform:translateX(-50%);border:0.25em solid transparent;border-color:rgba(255,0,0,0.9) transparent;border-radius:50%;width:2em;height:2em;margin:2em auto;animation:als 777ms linear infinite;display:block;}
@keyframes als{0%{transform:translateX(-50%) rotate(0deg);}100%{transform:translateX(-50%) rotate(360deg);}}