/*uldjaotus*/
.suuremosa 	{float:left; width:65%;  height:auto;}
.vaiksemosa {float:left; width:35%; height:auto;}
.tulba_laius, .id_kast{ float:left; width:100%;} /*toonid, kogus, korvi, lisavalikud*/
.keskpais {padding:6px;}

/*nupupuhastus*/
button.stiilitu_nupp {  all: unset;  display:inline-block;  cursor: pointer;  font: inherit; color: inherit; background: none; border: none; padding: 0; margin: 0;  }

/*pildid*/
.pisipildi_jaotus { display:table-cell; width:100px; height:100px; text-align:center; vertical-align:middle; cursor: pointer;}
.pisipildi_raam {float:left; margin:4px; border: 1px solid #F0F0F0; }
.pisipildi_raam:hover {border:1px solid #CCC;}
.pisipilt { max-width:90px; max-height:90px; margin-top:-6px; }
.lisapildid {display:none;}
.veelpilte {font-family:font-medium;font-size:18pt;}

.suurepildi_jaotus {display:table-cell; height:400px; vertical-align:middle; text-align:center;  padding: 30px 0px;}
.suurepildi_raam {display: table; margin-left: auto; margin-right: auto; }
.tootepilt  {max-width:500px; max-height:400px;}
.zoom { position: absolute; top:45%; right:45%; /*60 / 80 */ color:#f0f0f0;  opacity: 0.0;-webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out;    -ms-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out;}
.naita_zoom:hover .zoom { opacity: 0.3; }
.naita_zoom:focus .zoom { opacity: 0.3; }
.naita_zoom:active .zoom { opacity: 0.3; }

/*galerii*/
.splide__slide { cursor: zoom-in;}
.splide__slide img {max-height: 400px;}
.splide__arrow--next, .splide__arrow--prev {width:40px; height:100px;}
.thumbnails ul, li { list-style-type: none; padding: 0; margin: 0; }
.thumbnails__item { display:table-cell; outline: none; width:100px; height:100px; text-align:center; vertical-align:middle;}
.thumbnails__item.is-active {border:1px solid #CCC;text-decoration: none; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.thumb_table {display:table;margin:auto; text-align:center;}
.thumbide_raam {margin:5px;}
button.galerii_nupp {min-width: 44px; min-height: 44px;  margin:3px;}/**/
.plus-active{border:1px solid #CCC;text-decoration: none; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);box-shadow: 0 0 5px rgba(0,0,0,0.3);}

/* Pisipildid on alati kuni kahel real; suur galerii sisaldab endiselt kõiki pilte. */
.lisapildid.gallery-more {display:none;}
@media only screen and (min-width: 1061px) {
	.gallery-overflow-wide .gallery-thumb:nth-of-type(n+12) {display:none;}
	.lisapildid.gallery-more-wide {display:block;}
}
@media only screen and (min-width: 920px) and (max-width: 1060px) {
	.gallery-overflow-medium .gallery-thumb:nth-of-type(n+10) {display:none;}
	.lisapildid.gallery-more-medium {display:block;}
}
@media only screen and (max-width: 919px) {
	.gallery-overflow-small .gallery-thumb:nth-of-type(n+6) {display:none;}
	.lisapildid.gallery-more-small {display:block;}
}

/*nimeosa*/
.ikooni_bar {margin:20px 10px 0px 10px; text-align:right; }
.top_ikoon {font-size:20pt; color:#CCC; padding:0px 3px;cursor: pointer;}
.top_ikoon:hover { color:#909090;}
.top_ikoon:focus { color:#505050;}
.syda_valitud { color: darkorange;}
.nimekast, .lyhiinfo_kast {margin:5px 10px 15px 10px;}
.tootenimi {font-size:16pt; font-family:font-bold; display: inline-block;}
button.lyhiinfo_link {cursor: pointer; white-space:nowrap; text-decoration: underline; }
.toode_puudub {box-sizing:border-box;max-width:760px;margin:30px auto;padding:34px 28px;border:1px solid #e1e5eb;background:#fff;text-align:center;}
.toode_puudub h1 {margin:0 0 12px;font-family:font-bold;font-size:20pt;color:#505050;}
.toode_puudub p {margin:0 0 22px;color:#707070;}

/*tooniinfo */
.tooniinfo1 { display: flex; align-items: center; float: left; padding: 5px; }/*height:33px;*/
.tooniinfo2 { float: left; padding: 2px; } 
.toonirida:after { content: ""; display: table; clear: both;}
.tooninimi {font-family:font-medium;}
.toonipilt {width:25px; height:25px;}
.uhenetoon {border: 1px solid #CCC; text-align:center; line-height:25px; color:#CCC;}
.hinnakuva {float: right; font-family:font-bold; font-size:14pt; line-height:16px; text-align:right; color:#ff6600;}
.kampaaniakuva {float: right; height:25px; font-size:10pt; text-align:right; font-family:font-regular; color:#ff6600;}
.hinnaalla {float: right; min-height:25px; margin:7px 5px 3px 0px;}
.protsendikuva {font-family:font-medium; font-size:10pt; padding:0px 5px;margin-left:5px; background-color:#ff6600; color:#fff;}
.hind30kuva {box-sizing:border-box; width:100%; justify-content:flex-end; padding-top:0; margin-bottom:3px; font-size:9pt; color:#777; text-align:right;}
.vanahinnakuva {font-family:font-regular; line-height:16px; font-size:10pt; color:#505050;}
.uhikukuva {font-size:10pt; }
.vahekriips {border-top:1px solid #f0f0f0;}
.tootekood {float: left; color:#505050; font-size:8pt; font-family:font-regular;}
.saadavusinfo {float: right; color:#505050;font-size:8pt; min-width:120px; text-align:right;}
.laos-tapp {display:inline-block;width:10px;height:10px;margin:0 3px 2px;border-radius:50%;background:#2e9b50;vertical-align:middle;}
.hinnatekst {font-family:font-medium; line-height:22px; font-size:11pt; color:#505050; padding-right:5px;}
.otsas_hall {color:#CCC;}
span.otsas_hall {padding-right:4px;}
.nupuke {cursor: pointer; border: none;} 


#teavitus {padding:2px 5px; background-color:#CCC;color:#FFF;}
.otsas_kast {display: block; }
.otsas_kast > div { margin: 0px 10px 10px 10px;padding:3px; cursor: not-allowed; border:4px solid #f0f0f0;}
.uksikkast {display: block;}
.uksikkast > div {margin: 30px 10px 0px 10px; padding:5px; border:5px solid #f0f0f0;}
.uksikkast > input{ visibility: hidden; position: absolute;}
.uksiktoon {width:100%; }
.toonikast { display: block;}
.toonikast > input{ visibility: hidden; position: absolute;}
.toonikast > input + div{margin: 0px 10px 10px 10px; padding:3px; cursor:pointer; border:4px solid #f0f0f0;}
.toonikast > input + div:hover {border:4px solid #c0c0c0;}
.toonikast > input:checked + div{ border: 4px solid orange; }
input[type=radio].toonikast  {display:none; }
.vaike_toonikast {padding:10px !important;}
.toonikast > input + .vaike_toonivalik_sisu,
.otsas_kast > .vaike_toonivalik_sisu,
.vaike_toonivalik_sisu {display:flex !important; flex-direction:row !important; flex-wrap:nowrap; align-items:center; gap:9px; min-height:27px;}
.vaike_toonipilt {display:flex; align-items:center; flex:0 0 27px;}
.vaike_toonipilt .toonipilt {display:block; flex:0 0 25px;}
.vaike_tooninimi {display:flex; align-items:center; align-self:stretch; flex:1 1 auto;}
.vaike_toonivalik_sisu .paremal {display:flex; align-items:center; align-self:stretch; flex:0 0 auto; float:none; margin-left:auto;}
.vaike_toonikast_text {clear:both; padding:10px 10px 5px 10px; }


/*infotekst*/
.infotekst {margin:10px 5px 0px 5px; line-height: 20px;}
.infotekst::after {display:block; clear:both; content:"";}
.infotekst img {max-width:100%; height:auto;}
.infotekst img[data-product-wrap="left"] {float:left; margin:4px 18px 12px 0;}
.infotekst img[data-product-wrap="right"] {float:right; margin:4px 0 12px 18px;}
.infotekst .ql-align-center {text-align:center;}
.infotekst .ql-align-right {text-align:right;}
.infotekst .ql-align-justify {text-align:justify;}
.infotekst .ql-size-small {font-size:.75em;}
.infotekst .ql-size-large {font-size:1.5em;}
.infotekst .ql-size-huge {font-size:2.5em;}
.infotekst .ql-indent-1 {padding-left:3em;}
.infotekst .ql-indent-2 {padding-left:6em;}
.loetelu {margin: 5px;}

/*teh.info*/
.teh_siseraam {padding:0px 9px 10px 9px;}
.teh_lahter1 {padding:10px 5px 10px 15px; font-family:font-medium;}
.teh_lahter2 {padding:10px; width:70%;}
.teh_vahepealkiri {padding-left:10px; font-family:font-bold;font-size:11pt;text-decoration: underline;} 
.teh_tabel {min-width:100%; border-collapse:collapse;}
.teh_tabel.hele {background-color: #f0f0f0;}
.teh_tabel.tume {background-color: #F8F8F8;}
.fa-chevron-down.teh_info {font-size:10pt; padding-right:20px;}

/*lisainfo*/


.lingiraam {background-color:#f0f0f0;height:40px; overflow: hidden;  margin:5px 10px;cursor: pointer;}
div.lingiraam:hover { background-color: #CCC; color:#FFF;}
.lingivasak {display:inline-block;  padding:12px 20px;font-family:font-medium;}
.lingiparem {display:inline-block;  float:right; background-color:darkorange; width:40px; height:40px; text-align:center;}
.lingilogo {font-size:20px; padding:10px;}
button.stiilitu_nupp.lisainfo_nupp {  display: block;    width: 100%;  float: left;}

/*tootjainfo*/
.tootjalogo_img {padding:10px 30px; max-width:120px; max-height:50px; border:1px solid #f0f0f0;}
.tootjalogo_puudub {display:inline-block; overflow: hidden; padding:15px 30px; max-width:120px; max-height:50px; border:1px solid #f0f0f0; font-family: font-bold; font-size:12pt;}
.tootja_raam {display:block; box-sizing: border-box; width:100%; padding:0px 10px; padding-bottom:10px; float:left; }
.tootja_siseraam {box-sizing: border-box; width:100%; float:left; padding-bottom:15px; border:1px solid #ccc; text-align:center;}
.tootja_logokuva {display:block;text-align:center; margin-top:15px;}
.tootja_nimeraam {display:block; border:0px solid #ccc; min-height: 75px; text-align:center; padding-top: 20px; }
.tootja_link {display:block; font-family: font-medium;}
.tootja_cat {display: block; margin:0px 20px; overflow: hidden; padding: 5px 15px; background-color:#f0f0f0; text-align:left;}
.tootevalik_raam {display: block; margin:5px 20px;  border:0px solid #CCC;}
.tootevalik {display: block; overflow: hidden; border:1px solid #fff; border-bottom: 1px solid #f0f0f0; border-top:0px; margin:0px 10px; }
.tootevalik_link {display: block; padding: 8px 8px;text-align:center;}

/*soovitused*/
.soovitusbox_nimejaotus {width:100%; min-height:48px; text-align:center; }
.soovitusbox_nimetus {font-size:14px; line-height: 15px; font-family:font-regular; }
.soovitusbox_hinnajaotus {display:block; min-height:35px; width:100%;background-color:#f0f0f0; margin-bottom:10px;text-align:center;}
.soovitusbox_hind{display:block;text-align:center;  padding:10px;}
.soovitusbox_hinnatekst {font-size:11pt; font-family:font-bold;}
.soovitusbox_vanahind {}
.soovituste_raam {display: inline-block; float:left; padding:10px; }

/*korvi nupp*/
.korvikast {margin:0px 10px;}
.korvinupp {padding-bottom:4px; }
.hinnata-toode-tegevus {display:flex; justify-content:flex-end; margin-top:24px; margin-bottom:24px;}
.hinnata-toode-tegevus .hinnata-toode-nupp {float:none; width:auto; padding:0 24px;}
.nupp {float:right; width:50%; height: 40px; line-height: 15px; } /*täiendus*/
.nupp.inline {width:25%;margin: 5px 0;}
.suur_nupp{ width: 100%; }
.kaksnuppu {display:inline-block;width:45%;margin-top:10px;}
.fa-heart.nupusees {padding-right:5px;font-size:18px;}
.fa-shopping-cart.nupusees {font-size:20px;}



/* koguse valiku nupud  */
input[type="number"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}
.number-input {
	display: inline-flex;
}
.number-input,
.number-input * {
	box-sizing: border-box;
}
.number-input button {
	outline:none;
	-webkit-appearance: none;
	background-color: #F0F0F0;
	border: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	cursor: pointer;
	margin: 0;
	position: relative;
}
.number-input button:before,
.number-input button:after {
	display: inline-block;
	position: absolute;
	content: '';
	width: 12px;
	height: 2px;
	background-color: #505050;/*#212121;*/
	transform: translate(-50%, -50%);	
}
.number-input button.plus:after {
	transform: translate(-50%, -50%) rotate(90deg);
}
.number-input input[type=number] {
	font-family:font-medium;
	font-size:12pt;
	max-width: 40px;
	padding: .5rem;
	
	border:solid #F0F0F0;
	border-width: 1px 0px;
	height: 40px;
	text-align: center;
}
.kumerparem {
	-webkit-border-radius: 0px 5px 5px 0px; 
    -moz-border-radius: 0px 5px 5px 0px; 
	border-radius: 0px 5px 5px 0px; 
}
.kumervasak {
	-webkit-border-radius: 5px 0px 0px 5px; 
    -moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px; 
}

/*tekstikate */ 
.varjutus {max-height:600px; overflow:hidden;}
.vaba { height:auto:}
.tekstikast {position: relative;  padding:0px 10px 15px 10px; }
.peida {display:none;}
.kuva {display:block;}
.sulgenupp {position: absolute;  right: 30px; bottom:30px;  padding:5px 5px;  border:2px solid #f0f0f0; background:#ffffff; cursor:pointer}
.avatekst{ margin: auto; position: absolute;  left: 0; bottom:30px; right: 0; font-family:font-medium; }
.kattekast { cursor: pointer;
	position: absolute; width:100%; height: 250px; text-align:center; border: 0px solid red; left:0; bottom:0; right:0;  
	background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
	background: -moz-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 0, 0, 0)), color-stop(70%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -o-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 0, 0, 0)', endColorstr='rgba(255, 255, 255, 1)', GradientType=0);
	}
/*küsi pakkumist banner*/
.pakkumise_banner_kast{float:left; width:100%;}
.pakkumise_banner_raam{margin:50px 10px 10px 10px;cursor: pointer;}
.pakkumise_banner_sisu{ text-align:center; background-color:#555; width:100%;} /**/
.pakkumise_banner_text{color:#c8c8c8; padding:15px 10px;}
.pakkumise_banner_link{font-family:font-bold; padding:2px;font-size:11pt;}
button.stiilitu_nupp.pakkumise_nupp {width:100%;} 
.arhiveeritud_banner {padding:0px 10px 10px 10px;font-family:font-bold; font-size:12pt;color:#F0f0f0; text-transform: uppercase;}
.arhiveeritud_ikoon {padding-right:10px;}


.jaganuppude-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; margin-top: 10px;}
.jaganupuraam { 
	display: flex;  align-items: center;  justify-content: flex-start;  gap: 10px; 
	border: 1px solid #ccc;  border-radius: 6px;  padding: 6px 10px;  
	background: #fff; }
.jaganupuraam:hover { background: #f8f8f8;}
.jaganupuraam a {  display: flex;  align-items: center; gap: 10px; text-decoration: none; color: #505050; width: 100%;}
.jaganupp { width: 36px; height: 36px; background: darkorange; color: #fff; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.fa_jaganupus { font-size: 16px;}
.jaganuputekst { font-size: 14px;}


label {display:block;}
.teavitus_top_text {font-size:12pt; }/*margin-top:5px;*/
.teavitus_top_raam {margin:10px 0px 30px 0px;} 
.teavitus_input { width: 100%; padding: 12px 20px; margin: 5px 0; display: inline-block; overflow: hidden; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
.teavitus_input.inline {width:72%;}
.teavitus_input:focus { outline: none; box-shadow: none;  border-color: #505050;}
.teavitus_alltekst {clear: both; text-align:justify; font-size:10pt; color:#505050;}
.teavitus_nupp {width:120px; display:block; margin-top:5px; }
.char_count {float:right; position:relative; top:-10px;}
.fa_teavituses{vertical-align: middle; padding:0px 20px 0px 10px; color:#555;}
.fa_teavituses_2 {position:absolute; color: darkorange;}
.teavitus_fa_ga {display:inline;}
.timer {float:left; font-size: 11pt; color: red; padding-top:12px;} 
.fa_teavituses_2.olemas, .fa_teavituses_2.lisatud {position:relative; background-color:#FFF;line-height: 12px;left:-47px; top:5px;}/*left:63px; top:51px;*/
.fa_teavituses_2.korvi {position:relative; left:-60px; top:-15px;}
.fa_teavituses_2.saadetud {position:relative; left:-35px; top:24px;}


@media only screen and (max-width : 359px) {
	.suuremosa, .vaiksemosa {width: 100%;}
	.tootepilt  {max-width:200px;}
	.pildikuva {display:none;}
	.lisapildid {display:block;}
	.kaksnuppu {width:100%;}
	.teavitus_input.inline {width:100%;} .nupp.inline {width:50%;}
	.suurepildi_jaotus {padding:0px;}
	
}
@media only screen and (max-width : 480px) and (min-width : 360px){  /*360*/
	.suuremosa, .vaiksemosa {width: 100%;}
	.box_pilt {max-width:135px; max-height:140px; }
	.tootepilt  {max-width:340px;}
	.pildikuva {display:none;}
	.lisapildid {display:block;}
	.kaksnuppu {width:100%;}
	.teavitus_input.inline {width:100%;} .nupp.inline {width:50%;}
	.suurepildi_jaotus {padding:0px;}
	.soovitusbox_hinnatekst, .soovitusbox_nimetus {font-size:10pt;}
	
}
@media only screen and (max-width : 680px) and (min-width : 481px) {
	.suuremosa, .vaiksemosa {width: 100%;}
	.tootepilt  {max-width:450px;}
	.tulba_laius {width:50%;}
	.pildikuva {display:none;}
	.lisapildid {display:block;}
	.suurepildi_jaotus {padding:0px;}
}
@media only screen and (max-width : 760px) and (min-width : 681px) {
	.suuremosa, .vaiksemosa {width: 100%;}
	.tulba_laius {width:50%;}
	.pildikuva {display:none;}
	.lisapildid {display:block;}
	.suurepildi_jaotus {padding:0px;}
}
@media only screen and (max-width : 919px) and (min-width : 681px) {
	.suuremosa, .vaiksemosa {width: 100%;}
	.tulba_laius {width:50%;}
	.suurepildi_jaotus {padding:0px;}
	
}
@media only screen and (max-width : 1060px) and (min-width : 920px) {
	.suuremosa, .vaiksemosa {width: 100%;}
	.tulba_laius {width:50%;}
}

/* Prindivaade */
@media print {
  	.suuremosa, .vaiksemosa {width: 100%;}
	.tulba_laius {width:50%;}
	.pildikuva {display:none;}
	.lisapildid {display:block;}
	.suurepildi_jaotus {padding:0px;}
}