@import url("FontIcons.css");
@import url("Root.css");
@import url("Animations.css");
body {
background-color: var(--body_background_color);
font-size: var(--font-size);
font-family: var(--font-family);
line-height: var(--line-height);
color: var(--font_color);
letter-spacing: 0.02vmin; /*harfler arası aralık*/
margin: 0;
padding: 0;
overflow: scroll;
}
.desteklenmeyen_browser {
width: 80vmin ;
height: 80vmin ;
background-image: url("../images/site_image/UNSUPPORTED_BROWSER.jpg");
background-repeat: no-repeat;
background-size: contain;
padding: 0;
margin: 0;
position: static;
top: 50%;
left: 50%;
transform: translate(50%, 10%);
-ms-transform: translate(50%, 10%);
-webkit-transform: translate(50%, 10%);
-moz-transform: translate(50%, 10%);
-o-transform: translate(50%, 10%);
display:block;
display: var(--display-hidden);
}
a:active,a:visited,a:link{
text-decoration:none;
}
.profit {
/*bayi Karsız fiyat rengi*/
color: red;
opacity:initial ;
font-weight:bold;
}
.notprofit {
/*bayi Karlı fiyat rengi*/
color: green;
font-weight: bold;
opacity: initial ;
}
#frame {
position: relative;
width: var(--page_width);
height: auto;
min-height: var(--page_height);
margin: 0 auto 0 auto;
background-color: var(--frame_background_color);
overflow: hidden;
padding: 0;
display: none;
display: var(--display-show);
}
#top-bar [id="mobil_login"], #top-bar [for="mobil_login"], #top-bar [id="mobil_menu"], #top-bar [for="mobil_menu"], #top-bar [id="mobil_search"], #top-bar [for="mobil_search"], #top-bar [id="mobil_close"], #top-bar [for="mobil_close"],
#top-bar [id="mobil_menu_close"], #top-bar [id="mobil_login_close"], #top-bar [id="mobil_search_close"],
#top-bar [for="mobil_menu_close"], #top-bar [for="mobil_login_close"], #top-bar [for="mobil_search_close"], .mobilecariname {
display: none;
}
#top-bar {
position: relative;
height: var(--top_bar_height);
width: 100%;
padding: 0;
margin: 0;
background-color: #fff;
text-align: center;
border: 0vmin solid red;
top:0;
}
#top-bar #rate {
position: absolute;
padding: 0;
margin: 0;
height: calc(var(--top_bar_height) / 20 * 4);
width: calc(var(--page_width)/100 * 15 );
white-space: nowrap;
overflow: hidden;
z-index: 0;
border: 0vmin solid red;
}
#top-bar #rate span {
line-height: calc(var(--top_bar_height) / 25 *4);
text-align: center;
height: 100%;
width: 100%;
float: left;
}
#top-bar #rate span p {
margin: 0 0 0 0;
padding: 0 1vmax 0 0;
color: var(--font_color);
font-weight: normal;
text-align: center;
float: left;
}
#top-bar #rate span i {
margin: 0;
padding: 0;
}
#contact {
position: absolute;
text-align: center;
padding: 0;
margin: 0 0 0 calc(var(--page_width) / 100 * 15);
height: calc(var(--top_bar_height) / 20 * 4);
width: calc(var(--page_width) / 100 * 27);
white-space: nowrap;
overflow: hidden;
border: 0vmin solid red;
}
#contact span {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#contact span p {
margin: 0;
padding: 0;
color: var(--font_color);
font-weight: normal;
display: inline-block;
}
#contact span p strong {
color: var(--font_color);
}
#contact span p strong i {
margin: 0;
padding: 0;
}
#contact span p strong i a {
text-decoration: none;
color: var(--font_color);
}
#staff {
position: absolute;
text-align: center;
margin: 0 0 0 calc(var(--page_width) / 100 * 42);
height: calc(var(--top_bar_height) / 20 * 4);
width: calc(var(--page_width) / 100 * 42);
white-space: nowrap;
overflow: hidden;
border: 0vmin solid red;
}
#staff span {
margin: 0;
position: absolute;
top: 50%;
left: 35%;
transform: translate(-50%, -50%);
}
#staff span p {
padding: 0;
color: var(--font_color);
font-weight: normal;
display: inline-block;
}
#staff span p i {
margin: 0;
padding: 0;
}
#staff span p strong {
color: var(--font_color);
}
#media {
text-align: center;
position: absolute;
margin: 0 0 0 calc(var(--page_width) / 100 * 84);
height: calc(var(--top_bar_height) / 20 * 4);
width: calc(var(--page_width) / 100 * 15.5);
white-space: nowrap;
overflow: hidden;
border: 0vmin solid red;
}
#media .media_frame {
margin: 0;
padding: 0;
width: auto;
height: calc(var(--top_bar_height) / 25 * 4 );
list-style: none;
}
#media .frame {
width: auto;
height: calc(var(--top_bar_height) / 25 * 4 );
margin: 0;
padding: 1vmin 0.5vmax 0 0.5vmax;
float: right;
text-decoration: none;
color: var(--font_color);
font-size: calc(var(--font-size)*1.5);
}
#media .ts_icon {
float: left;
width: auto;
overflow: hidden;
}
#media .ts-text {
display: none;
float: right;
width: auto;
overflow: hidden;
}
#media .frame:hover > .ts-text {
display: block;
color: var(--font_color);
animation-duration: 1.5s;
animation-name: bounceIn;
margin: 0 0 0 0.5vmax;
}
#media .frame:hover {
background-color: #dddddd;
color: var(--font_color);
}
#toplogo {
position: absolute;
margin: calc(var(--top_bar_height) / 10 * 2) 0 0 0;
height: calc(var(--top_bar_height) / 20 * 12);
width: calc(var(--page_width) / 100 * 22);
border: 0 solid black;
border: 0vmin solid red;
}
#toplogo img {
margin: 0 30% 0 0;
padding: 0 0 0 0;
height: 60%;
width: auto;
border: 0 solid black;
}
#toplogo img:hover {
cursor: pointer;
}
#search {
position: absolute;
margin: calc(var(--top_bar_height) / 10 * 2) 0 0 calc(var(--page_width) / 100 * 22);
height: calc(var(--top_bar_height) / 20 * 12);
width: calc(var(--page_width) / 100 * 48);
text-align: center;
border: 0 solid black;
padding: 0 0 0 0;
border: 0vmin solid red;
}
#search #searchbox {
height: calc(var(--top_bar_height) / 10 * 1.7);
width: 90%;
margin: 0;
border: 0 solid black;
position: absolute;
top: 50%;
left: 45%;
transform: translate(-50%, -50%);
-webkit-border-radius: 2vmax;
-moz-border-radius: 2vmax;
border-radius: 2vmax;
border: 0.1vmax solid #dddddd;
}
#search #searchbox #txt_search {
padding: calc(var(--top_bar_height) / 17.5);
height: calc(var(--top_bar_height) / 20);
width: 87%;
background: var(--searchbox_background);
border:0;
margin: 0 0 0 0.3vmax;
float: left;
outline: none;
font-size: var(--font-size);
}
#search #searchbox #btn_search {
height: calc(var(--top_bar_height) / 20);
width: calc(var(--page_width) / 100 * 3);
font-size:calc(var(--font-size)*2);
color: var(--font_color);
border: 0 solid var(--control-border_color);
border-left: none;
cursor: pointer;
position: absolute;
padding: calc(var(--top_bar_height) / 17.5) calc(var(--top_bar_height) / 50);
top: 50%;
left: 95%;
transform: translate(-50%, -50%);
}
#search #searchbox #btn_search .icon-search {
position: absolute;
margin: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#search #searchbox #btn_search .icon-search:hover {
background: linear-gradient( to bottom, #dddddd, 5%, #808d93 100% );
}
#search .cariname {
position: absolute;
top: 80%;
left: 5%;
right:5%;
}
.search_down_frame {
position: absolute;
left: 0;
margin: calc(var(--top_bar_height) / 10 * 6) auto 0 auto;
width: var(--page_width);
background-color: transparent;
color: black;
z-index: 100;
font-size: calc(var(--font-size));
}
.search_down_frame .search_down_inframe {
position: relative;
overflow: hidden;
width: 100%;
}
.search_down_inframe .search_down {
width: 100%;
text-align: center;
}
.search_down_inframe .search_down .table_frame {
margin: 0 auto 0 auto;
padding: 0 0 0 0;
background: #fff;
width: 80%;
border: 0vmin solid gray;
background: rgb(218,229,237);
background: -moz-linear-gradient(top, rgba(218,229,237,1) 50%, rgba(161,186,204,1) 100%);
background: -webkit-linear-gradient(top, rgba(218,229,237,1) 50%,rgba(161,186,204,1) 100%);
background: linear-gradient(to bottom, rgba(218,229,237,1) 50%,rgba(161,186,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae5ed', endColorstr='#a1bacc',GradientType=0 );
border-collapse: collapse;
border-radius: 0 0 2vmin 2vmin;
}
.search_down_inframe .search_down .table_frame a {
text-decoration: none;
}
.search_down_inframe .search_down .table_frame .yukleniyor {
margin: 0 auto 0 auto;
}
.search_down_inframe .search_down .table_frame .yukleniyor img{
height:25vmin;
width:auto;
}
.search_down_inframe .search_down .table_frame .left {
width: 25vmin;
vertical-align: top;
top: 0;
border-spacing: 0;
}
.search_down_inframe .search_down .table_frame .right {
border-spacing: 0;
width: 75vmin;
}
.search_down_inframe .search_down .table_frame .left .grupkod {
text-align: left;
border: 0 solid #808d93;
width: 100%;
padding: 0.3vmin;
margin: 1vmin 0 0 0;
text-decoration: none;
height: 100%;
}
.search_down_inframe .search_down .table_frame .left .grupkod a {
float:left;
color: black;
margin:0 0 1vmin 1vmin;
}
.search_down_inframe .search_down .table_frame .left .grupkod a:hover {
border-bottom: 0.1vmin solid gray;
color: black;
font-weight: bold;
}
.search_down_inframe .search_down .table_frame .urunler {
text-align: left;
border: 0 solid #808d93;
width: 100%;
padding: 0.3vmin;
text-decoration: none;
}
.search_down_inframe .search_down .table_frame .urunler .resim {
width: 6%;
border: 0 solid #808d93;
}
.search_down_inframe .search_down .table_frame .urunler .resim .image {
max-height: 7vmin;
max-width: 7vmin;
min-height: 7vmin;
min-width: 7vmin;
height: auto;
width: auto;
}
.search_down_inframe .search_down .table_frame .urunler .stok_adi {
width:48%;
border: 0 solid #808d93;
}
.search_down_inframe .search_down .table_frame .urunler .stok_adi a{
color:black;
}
.search_down_inframe .search_down .table_frame .urunler .stok_adi a:hover {
border-bottom: 0.1vmin solid gray;
color: black;
font-weight: bold;
}
.search_down_inframe .search_down .table_frame .urunler .fiyat {
width: auto;
border: 0 solid #808d93;
margin: 0;
padding: 0;
}
.search_down_inframe .search_down .table_frame .urunler .adet {
width: 12%;
text-align: left;
border: 0 solid #808d93;
}
.search_down_inframe .search_down .table_frame .error {
text-align: center;
height: 100%;
}
.search_down_inframe .search_down .f {
text-align: center;
padding:1vmin;
color:#ff006e;
}
#login {
position: absolute;
margin: calc(var(--top_bar_height) / 10 * 2) 0 0 calc(var(--page_width) / 100 * 70);
height: calc(var(--top_bar_height) / 20 * 12);
width: calc(var(--page_width) / 100 * 29.5);
border: 0vmin solid red;
}
#login .login_frame {
position: relative;
float: left;
width: 100%;
height:100%;
}
#login .login_frame .input_frame {
position:relative;
display: block;
height: 100%;
width: 100%;
text-align: center;
border: 0 solid groove;
position: absolute;
margin: 0;
top: 0%;
left: 0%;
}
#login .login_frame .input_frame input[type="radio"] {
display: none;
}
#login .login_frame .input_frame [id="sign-in"]:checked ~ [for="sign-in"],
#login .login_frame .input_frame [id="reset"]:checked ~ [for="reset"] {
font-weight: bold;
}
#login .login_frame .input_frame [id="sign-in"]:checked ~ [for="sign-in"]:after {
content: '';
width: 0;
height: 0;
border-style: solid;
top: calc(var(--font-size) * 1.5);
left:1vmin;
border-width: calc(var(--page-set) / 100 * 70) calc(var(--page-set) / 100 * 70) 0 calc(var(--page-set) / 100 * 70);
border-color: var(--icons_color) transparent transparent transparent;
}
#login .login_frame .input_frame [id="reset"]:checked ~ [for="reset"]:after {
content: '';
width: 0;
height: 0;
border-style: solid;
top: calc(var(--font-size) * 1.5);
left: 3vmin;
border-width: calc(var(--page-set) / 100 * 70) calc(var(--page-set) / 100 * 70) 0 calc(var(--page-set) / 100 * 70);
border-color: red transparent transparent transparent;
float: left;
}
#login .login_frame .input_frame label {
position: relative;
display: block;
text-align: left;
font-weight: 100;
cursor: pointer;
color: var(--font_color);
padding: 0 3vmin 0 0;
float: left;
}
#login .login_frame .input_frame label:after {
border: 1vmin solid transparent;
position: absolute;
bottom: -1vmin;
left: calc(50% - 10);
transition: inherit;
}
#login .login_frame .input_frame [id="sign-in"]:checked ~ input.sign-in,
#login .login_frame .input_frame [id="reset"]:checked ~ input.reset {
max-height: 2vmin;
padding: 0.5vmin;
margin: 2vmin 0 0 0;
opacity: 1;
border: 0.1vmax solid #dddddd;
font-weight: bold;
}
#login .login_frame .input_frame input[type="text"] {
position: absolute;
left: 0;
top: 2.5vmin;
width: calc(var(--page_width) / 100 * 9.5);
height: calc(var(--page_width) / 100);
margin: 0;
padding: 0;
overflow: hidden;
opacity: 0;
outline: 0;
font-size: var(--font-size);
text-align: center;
float: left;
border-radius: 3vmin;
border: calc(var(--page-set) / 100 * 20) solid #dddddd ;
}
#login .login_frame .input_frame input[type="Password"] {
position: absolute;
left: calc(var(--page_width) / 100 * 11);
top: 2.5vmin;
width: calc(var(--page_width) / 100 * 9.5);
height: calc(var(--page_width) / 100);
margin: 0;
padding: 0;
overflow: hidden;
opacity: 0;
outline: 0;
font-size: var(--font-size);
text-align: center;
float: left;
border-radius: 3vmin;
border: calc(var(--page-set) / 100 * 20) solid #dddddd ;
}
#login .login_frame .input_frame .txt_email {
width: calc(var(--page_width) / 100 * 18) !important;
}
#login .login_frame .input_frame input {
position: absolute;
display: inline-grid;
margin: 0;
padding: 0;
top: 9vmin;
left: 19vmin;
outline: 0vmin solid gray;
border: 0;
width: 2vmin;
height: 2vmin;
border-radius: 0.1vmin;
}
#login .login_frame .input_frame .remember label {
position: absolute;
top: 9.2vmin;
left: 22vmin;
color: var(--font_color);
font-weight:bold;
}
#login .login_frame .input_frame .btn {
position: absolute;
top: calc(var(--top_bar_height)/10 * 2.2);
left: calc(var(--page_width) / 100 * 23);
margin: 0;
padding: 0;
padding: calc(var(--top_bar_height) / 50);
height: calc(var(--top_bar_height) / 25 * 4);
width: 20%;
float: left;
border-radius: 3vmin;
outline: none;
font-size: var(--font-size);
border: 0.1vmax solid #dddddd;
background-color: var(--logo-turuncu);
}
#login .login_frame .input_frame .btn:hover {
cursor: pointer;
border: calc(var(--page-set) / 100 * 25) solid rgba(165, 161, 161, 0.5) ;
}
#login .login_frame .key {
position: fixed;
background-color: rgba(128, 128, 128, 0.7);
top: 0;
left: 0;
margin: 0;
padding: 0;
height: 100% ;
width: 100% ;
z-index: 100;
}
#login .login_frame .key_infame {
width: 45vmin;
height: auto;
padding: 10;
margin: 10% auto 0 auto;
border-radius: 10;
background-color: white;
border: 0.1vmin solid black;
}
#login .login_frame .key_infame table {
width: 100%;
}
#login .login_frame .key .lbl_key {
color: var(--font_color);
height: 3vmin;
width: 100%;
min-width: 20vmin ;
margin: 0.5vmin 0 0 0;
text-align: center;
}
#login .login_frame .key .txt_key {
max-height: 2.5vmin;
height: 2.5vmin;
padding: 0.2vmin 0 0 0;
margin: 1vmin auto 1.5vmin auto;
opacity: 1;
border: 0.1vmin solid black;
border-radius: 0;
}
#login .login_frame .key .cancel {
margin: 0.5vmin;
}
#login .login_frame .key .send {
margin: 0.5vmin;
}
#login .login_frame .card_frame {
border: 0 solid rgb(224, 224, 209);
height: 100%;
width: 90%;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
position: absolute;
top: 50%;
left: 46%;
transform: translate(-50%,-50%);
color: var(--font_color);
}
#login .login_frame .card_frame .wish {
order: 1;
height: 70%;
width: 25%;
margin: 0 0 0 0.5vmin;
background-color: var(--login_card_frame_background_color);
float: right;
border-radius: 1vmin;
}
#login .login_frame .card_frame .wish .icon {
margin: 10% 0 0 0;
padding: 0 0 0 0;
height: auto;
width: 100%;
font-size: calc(var(--font-size) * 1.8);
text-align: center;
float: left;
color: var(--icons_color);
border: 0 solid blue;
}
#login .login_frame .card_frame .wish .bascet_number {
margin: 3% 0 0 0;
padding: 0;
height: 1.5vmin;
width: 100%;
text-align: center;
text-decoration: none;
float: left;
color: var(--font_color);
}
#login .login_frame .card_frame .wish .bascet_text {
margin: 3% 0 0 0;
padding: 0;
height: 1.5vmin;
width: 100%;
text-align: center;
text-decoration: none;
float: left;
line-height: 1.5vmin;
color: var(--font_color);
display: none;
}
#login .login_frame .card_frame .wish:hover {
background-color: var(--login_card_frame_hover_background_color);
color: var(--font_color);
}
#login .login_frame .card_frame .wish:hover .icon,
#login .login_frame .card_frame .wish:hover .bascet_text,
#login .login_frame .card_frame .wish:hover .bascet_number {
color: black;
cursor: pointer;
}
#sitemenu {
position: absolute;
margin: calc(var(--top_bar_height) / 20 * 16) 0 0 0;
height: calc(var(--top_bar_height) / 20 * 4);
width: calc(var(--page_width));
border: 0vmin solid red;
left: 0;
}
#sitemenu .brands {
width: var(--product_menu_width);
height: calc(var(--top_bar_height) / 20 * 4);
float: left;
text-align: left;
margin: 0;
padding: 0;
border: 0vmin solid red;
}
#sitemenu .brands .drp_brand {
position: absolute;
top: 0;
left: 0;
padding: 0 0 0 1vmin;
width: calc(var(--product_menu_width ) / 1.05 );
height: 3.5vmin;
font-size: var(--font-size);
float: left;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 1vmin;
border: 0.1vmax solid #dddddd;
}
#center-bar {
display: inline-block;
position: relative;
height: var(--center_bar_height);
min-height: calc(140vmin);
width: 100%;
margin: 0.3vmin 0 0vmin 0 ;
padding: 0 0 2vmin 0;
background-color: var(--center_background_color);
}
.solayasla {
margin: 0 !important;
}
#productmenu {
position: absolute;
margin: calc(var(--top_bar_height) / 15 * 15.4) 0 0 0;
height: auto;
width: var(--product_menu_width);
color: var(--font_color);
border: 0 solid black;
z-index: 10;
}
#content {
position: static;
margin: 0 0 0 calc(var(--product_menu_width) + 1vmin);
top: 0;
height: auto;
padding: 1vmin 0 0 0;
width: calc((var(--page_width))-var(--product_menu_width) + 1vmin );
border: 0 solid red;
overflow: hidden;
}
#content .main_banner {
list-style-type: none;
font-size: var(--font-size);
padding: 0;
margin: 0 0 0 1vmin;
width: calc(var(--page_width) / 100 * 55.5);
height: calc((var(--page_height) / 2.14) );
border: 0.1vmin solid #808d93;
border-radius: 1vmin;
float: left;
z-index: 10;
overflow: hidden;
}
#content .mini_banner {
position: absolute;
width: calc((var(--page_width) / 100 * 23));
height: calc((var(--page_height) / 2.14) );
margin: 0 0 0 calc(var(--page_width) / 100 * 57);
border: 0 solid red;
border-radius: 1vmin 1vmin 1vmin 1vmin;
background-color: white;
}
#content #products {
position: static;
list-style-type: none;
margin: 0 0 0 0;
padding: 1vmin 0 0 0;
width: 100%;
height: auto;
max-height: 82%;
overflow: auto;
border: 0 solid blue;
}
#footer-bar {
position: relative;
height: auto;
width: 100%;
padding: 0;
margin: 0.4vmin 0 1vmin 0;
padding:1vmin 0 0 0;
background-color: var(--footer_background_color);
border: 0 solid red;
}
#footer-bar #footer-logo {
float: left;
width: calc(var(--page_width)/100*20);
border: 0 solid black;
}
#footer-bar #footer-logo #ee-logo {
margin: calc(var(--page_width)/100 *2) 0 0 calc(var(--page_width)/100 *2);
width: calc(var(--page_width)/100*15);
height: auto;
border: 0 solid black;
}
#footer-bar .footer-col2 {
float: left;
width: calc(var(--page_width)/100*47);
border: 0 solid black;
top: 0;
}
#footer-bar .footer-col3 {
float: left;
width: calc(var(--page_width)/100*25);
}
#footer-bar .footer-col2,
#footer-bar .footer-col3 {
margin: 0 0 0 calc(var(--page_width)/100 *4);
}
#footer-bar .footer-col3 table {
margin: 0 auto 2vmin auto ;
width:37vmin;
}
#footer-bar .ayrac {
float: left;
padding: 0 0 0 0 ;
clear: both;
width: 100%;
height: auto;
text-align: center;
border: 0 solid red;
}
#footer-bar .ayrac .info {
display: inline-block;
width: auto;
padding: 0.5vmin 1vmin 1vmin 1vmin;
height: calc(var(--footer_bar_height)/100 * 2);
margin: 0 0.5vmin 0 0.5vmin;
background-color: var(--bar_background_color);
text-align: center;
border-radius: 1vmin;
border: 0.1vmin solid rgba(0, 0, 0, 0.32);
}
#footer-bar .ayrac .info a {
text-decoration: none;
color: black;
display: inline-block;
vertical-align: middle;
}
#footer-bar .ayrac .info:hover a {
cursor: pointer;
color: rgba(0, 0, 0, 0.70);
text-decoration: none ;
}
#footer-bar .copyright {
clear: both;
margin: 0 0 0 0;
text-align: center;
border: 0 solid black;
white-space: nowrap;
font-size: var(--font-size);
padding: 1vmin 0 1vmin 0;
}
.karsilastirma {
height: auto;
width: 100%;
left: 50%;
transform: translate(-50%);
background-color: #bababa;
color: black;
position: fixed;
bottom: 0;
float: left;
}
.karsilastirma .izlediklerim {
border: thin solid #CCCCCC;
height: 4.5vmin;
min-width: 20vmin;
width: auto;
display: table;
margin-left: auto;
margin-right: auto;
margin-top: 0.5vmin;
margin-bottom: 0.5vmin;
overflow: hidden;
border-width: 0.1vmin;
border-style: solid;
border-color: #dedede #bababa #aaa #bababa;
box-shadow: 0 0.2vmin 0.2vmin rgba(255,255,255,0.1), 0 0.2vmin 0 #bbb, 0 0.3vmin 0 #aaa, 0 0.1vmin 0.1vmin #444;
border-radius: 1vmin;
background-color: #f6f6f6;
background-image: linear-gradient(top, #f6f6f6, #eae8e8);
background-image: url('../images/site_images/izlediklerim.png');
background-repeat: no-repeat;
background-size: 2vmin 2vmin;
background-position: 1vmin 1vmin;
}
.karsilastirma .izlediklerim .ltr_izlediklerim {
margin-top: 1.2vmin;
margin-left: 5vmin;
margin-right: 5vmin;
color: red;
font-size: 1.5vmin;
float: left;
}
.karsilastirma .izlediklerim .ltr_izlediklerim a {
text-decoration: none;
}
.karsilastirma .izlediklerim .ltr_izlediklerim_clear {
margin-top: 1.2vmin;
margin-left: 5vmin;
margin-right: 5vmin;
color: red;
font-size: 1.5vmin;
float: left;
text-decoration: none;
}
.karsilastirma .izlediklerim a {
margin-left: 10vmin;
margin-right: 5vmin;
}
/**/
.garanticerceve {
padding: 0 2vmin 0 3vmin;
white-space: pre-wrap;
}
.teslimatcerceve {
padding: 0 2vmin 0 3vmin;
white-space: pre-wrap;
}
.gizlilikcerceve {
padding: 0 2vmin 0 3vmin;
white-space: pre-wrap;
}
.hizmetcerceve {
padding: 0 2vmin 0 3vmin;
white-space: pre-wrap;
}
.veriguvenlikcerceve {
padding: 0 2vmin 0 3vmin;
white-space: pre-wrap;
}
/**/
.price {
width: calc(100%);
margin: 0;
padding: 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: row;
flex-wrap: wrap;
}
.price [data-typeframe="havale"] {
order: 0;
}
.price [data-typeframe="nakit"] {
order: 1;
}
.price [data-typeframe="taksit"] {
order: 2;
}
.price [data-typeframe="cari"] {
order: 3;
}
.price [data-typeframe="perakende"] {
order: 4;
}
.price [data-typeframe] {
width: 100%;
padding: 0;
display: inline-flex;
justify-content: center;
align-items: flex-start;
flex-direction: row;
flex-wrap: wrap;
}
.price [data-typeframe] p {
margin: 0;
padding: 0;
height: auto;
}
.price [data-typeframe] [data-type="tanim"] {
width: 35%;
text-align: right;
float: left;
white-space: nowrap;
}
.price [data-typeframe] [data-type="tanim2"] {
width: 35% ;
text-align: right;
float: left;
padding: 0 0.3vmin 1.5vmin 0;
white-space:nowrap;
}
.price [data-typeframe] [data-type="fiyat"] {
width: 25%;
text-align: right;
float: left;
flex-basis: 50%;
}
.price [data-typeframe] [data-type="kdv"] {
width: 40%;
text-align: right;
float: left;
}
.div_toplam .toplam .fiyatlar {
margin: 0 0 3vmin 1vmin;
width: 30vmin;
float: right;
font-size:calc(var(--font-size) );
}
.div_toplam .toplam .fiyatlar tbody {
width: 100%;
}
.button {
border-radius: 1vmin;
display: inline-block;
font-size: var(--font-size);
font-weight:200;
line-height: 2vmin;
padding: 0.2vmin 0.8vmin 0.2vmin 0.2vmin;
vertical-align: central;
text-decoration: none;
}
.button-enable {
cursor: pointer;
color: white;
background-color: var(--icons_color);
box-shadow: inset 0 0.1vmin 0 white, inset 0 -0.1vmin 0 #d9d9d9, inset 0 0 0 0.1vmin #f2f2f2, 0 0.2vmin 0.4vmin rgba(0, 0, 0, 0.2);
text-shadow: 0 0.1vmin 0 rgba(255, 255, 255, 0.5);
border: 0.1vmin solid #bfbfbf;
font-size: var(--font-size);
}
.button-enable:hover, .button-enable:focus {
border-color: #8c8c8c;
box-shadow: inset 0 0.1vmin 0 white, inset 0 -0.1vmin 0 #d9d9d9, inset 0 0 0 0.1vmin #f2f2f2;
background-color: red;
opacity: 0.9;
}
.button-enable:active {
background-color: #cfcaca;
box-shadow: inset 0 0.2vmin 0.3vmin rgba(0, 0, 0, 0.2);
background-color: #e2e1e1;
opacity: 1;
}
.button-disabled {
background-color: gray;
color: #e2e1e1;
opacity:0.4;
}
.button-disabled:hover, .button-disabled:focus, .button-disabled:active {
border-color: gray;
box-shadow: none;
background-color: gray;
cursor: not-allowed;
opacity: 0.4;
}
@media (min-width: 320px) and (max-width: 767px) {
body {
width:100px;
height:100px;
}
#frame {
}
#top-bar {
position:fixed;
z-index:1000;
}
#top-bar #rate, #top-bar #contact, #top-bar #staff, #top-bar #media, #top-bar #login .input_frame, #top-bar #search, #sitemenu, #productmenu, #footer-bar, .brands, #search .cariname, .mobilecariname {
display: none;
}
#top-bar [id="mobil_login"], #top-bar [for="mobil_login"], #top-bar [id="mobil_menu"], #top-bar [for="mobil_menu"], #top-bar [id="mobil_search"], #top-bar [for="mobil_search"]{
display: block;
}
#top-bar [id="mobil_menu"], #top-bar [id="mobil_search"], #top-bar [id="mobil_login"], #top-bar [id="mobil_menu_close"], #top-bar [id="mobil_login_close"], #top-bar [id="mobil_search_close"] {
height: 0vmin;
width: 0vmin;
float: right;
}
#top-bar [id="mobil_menu"]:checked ~ [for="mobil_menu_close"] {
display: block;
}
#top-bar [for="mobil_menu"], #top-bar [for="mobil_menu_close"] {
position: absolute;
left: 0;
top: 0;
height: var(--top_bar_height);
width: 10vmin;
background-color:#fff;
}
#top-bar [for="mobil_menu"] i, #top-bar [for="mobil_menu_close"] i {
color: black;
font-size: calc(var(--font-size) * 2);
margin: 3vmin 0 5vmin 0;
}
#sitemenu{
margin: 14vmin 0 0 0;
height: 100vmax;
width: 100vmin;
background-color: #f5f2f2 !important;
z-index: 0 !important;
}
#rate {
position: absolute;
top: 17.5vmin;
left: 3vmin;
margin: 0;
padding: 2vmin 0 0 0;
height: 100vmax;
width: 100vmin;
z-index: 1 !important;
background-color: transparent !important;
font-size: var(--font-size);
width: 30vmin !important;
height: 3vmin !important;
}
#top-bar #contact {
position: absolute;
top: 16vmin;
left: 30vmin;
margin: 0;
padding: 2vmin 0 0 0;
height: 100vmax;
width: 100vmin;
z-index: 1 !important;
background-color: transparent !important;
font-size: var(--font-size);
width: 70vmin !important;
height: 3vmin !important;
}
#top-bar [id="mobil_menu"]:checked ~ #sitemenu,
#top-bar [id="mobil_menu"]:checked ~ #rate,
#top-bar [id="mobil_menu"]:checked ~ #contact,
#top-bar [id="mobil_menu"]:checked ~ .mobilecariname {
display: block;
background-color: #fff;
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#top-bar [id="mobil_menu_close"]:checked ~ #sitemenu,
#top-bar [id="mobil_menu_close"]:checked ~ #rate,
#top-bar [id="mobil_menu_close"]:checked ~ #contact,
#top-bar [id="mobil_menu_close"]:checked ~ .mobilecariname {
display: block;
background-color: #fff;
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#top-bar [id="mobil_login"]:checked ~ [for="mobil_login_close"] {
display: block;
}
#top-bar [for="mobil_login"], #top-bar [for="mobil_login_close"] {
position: absolute;
right: 10vmin;
top: 0;
height: var(--top_bar_height);
width: 10vmin;
z-index: 100;
background-color: #fff;
}
#top-bar [for="mobil_login"] i, #top-bar [for="mobil_login_close"] i {
color: black;
font-size: calc(var(--font-size) * 2);
margin: 3vmin 0 5vmin 0;
}
#top-bar #login {
position: absolute;
margin: 0 0 0 80vmin;
height: var(--top_bar_height);
width: 13vmin;
border: 0 solid black;
z-index: 0 !important;
}
#login .login_frame .input_frame {
margin: 13vmin 0 0 -80vmin;
height: 100vmax;
width: 100vmin;
z-index: 99;
display: block;
background-color: #f5f2f2 !important;
height: calc(var(--page_height) * 1.65);
bottom: 0;
padding: 0;
}
#top-bar #login .login_frame .input_frame .txt_username {
position: absolute;
padding: calc(var(--top_bar_height) / 7);
height: calc(var(--top_bar_height) );
max-height: calc(var(--top_bar_height)/2 );
width: 50%;
border: 0.1vmin solid gray;
margin: calc(var(--top_bar_height) / 2 * 2) auto 0 calc(var(--page_width) / 4 );
left: 0;
border-radius: 3vmin !important;
outline: none;
font-size: var(--font-size);
z-index: 2;
}
#top-bar #login .login_frame .input_frame .txt_password {
position: absolute;
padding: calc(var(--top_bar_height) / 7);
height: calc(var(--top_bar_height) );
max-height: calc(var(--top_bar_height)/2 );
width: 50%;
border: 0.1vmin solid gray;
margin: calc(var(--top_bar_height)/2 * 4.4) auto 0 calc(var(--page_width) / 4 );
left: 0;
border-radius: 3vmin;
outline: none;
font-size: var(--font-size);
z-index: 2;
}
#top-bar #login .login_frame .input_frame .txt_email {
position: absolute;
padding: calc(var(--top_bar_height) / 7);
height: calc(var(--top_bar_height) );
max-height: calc(var(--top_bar_height)/2 );
width: 50% !important;
border: 0.1vmin solid gray;
margin: calc(var(--top_bar_height)/2 * 2.5) auto 0 calc(var(--page_width) / 4 );
left: 0;
border-radius: 3vmin;
outline: none;
font-size: var(--font-size);
z-index: 1;
}
#top-bar #login .login_frame .input_frame .btn {
position: absolute;
padding: calc(var(--top_bar_height) / 17.5);
height: calc(var(--top_bar_height) / 2);
width: 20%;
border: 0.1vmin solid gray;
margin: calc(var(--top_bar_height) / 2 * 7) auto 0 calc(var(--page_width) / 2.5 );
left: 0;
border-radius: 3vmin;
border: calc(var(--page-set) / 100 * 20) solid #dddddd;
outline: none;
font-size: calc(var(--font-size) );
z-index: 1;
}
#top-bar #login .login_frame .input_frame label {
position: relative;
display: inline-block;
text-align: left;
cursor: pointer;
color: #000;
padding: 0;
margin: calc(var(--top_bar_height) / 2 ) 0 0 calc(var(--page_width) /4 );
}
#top-bar #login .login_frame .key {
position: fixed;
background-color: rgba(128, 128, 128, 0.7);
top: 0;
left: 0;
margin: 0;
padding: 0;
height: 100%;
width: 80%;
width: var(--page_width);
z-index: 100;
}
#top-bar #login .login_frame .key_infame {
width: calc(var(--page_width) / 2 * 1.5);
height: auto;
padding: 10;
margin: 10% auto 0 auto;
border-radius: 10;
background-color: white;
border: 0.1vmin solid black;
}
#top-bar #login .login_frame .key_infame h1 {
font-size: var(--font-size);
}
#top-bar [id="mobil_login"]:checked ~ #login .login_frame .input_frame {
display: block;
background-color: #fff;
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#top-bar [id="mobil_login_close"]:checked ~ #login .login_frame .input_frame {
display: block;
background-color: #fff;
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#login .login_frame .input_frame .remember{
display:none;
}
#login .login_frame .card_frame
{
margin: 0 0 0 0vmin;
}
#login .login_frame .card_frame .wish {
order: 1;
height: 80%;
width: 10vmin;
margin: 0 2vmin 0 0;
background-color: var(--login_card_frame_background_color);
float: right;
border-radius: 1vmin;
}
#login .login_frame .card_frame .shadow {
box-shadow:none;
}
#login .login_frame .card_frame .Favorilerim, #login .login_frame .card_frame .Sepetlerim {
display: none;
}
#top-bar [id="mobil_search"]:checked ~ [for="mobil_search_close"] {
display: block;
}
#top-bar [for="mobil_search"], #top-bar [for="mobil_search_close"] {
position: absolute;
right: 0;
top: 0vmin;
height: var(--top_bar_height);
width: 10vmin;
z-index:100;
background-color: #fff;
}
#top-bar [for="mobil_search"] i, #top-bar [for="mobil_search_close"] i {
color: black;
font-size: calc(var(--font-size) * 2);
margin: 3vmin 0 5vmin 0;
}
#top-bar #search #searchbox {
height: calc(var(--top_bar_height) / 10 * 6);
width: 90%;
margin: 0 auto 0 0;
border: 0 solid black;
position: absolute;
top: 0;
left: 0;
transform: translate(4%, 20%);
-webkit-border-radius: 0.3vmin;
-moz-border-radius: 0.3vmin;
border-radius: 0.3vmin;
border: 0.2vmin solid #dddddd;
background-color: white;
}
#top-bar #search #searchbox #txt_search {
padding: 0 0 0 1vmin;
height: calc(var(--top_bar_height) / 2);
width: 87%;
background: var(--searchbox_background);
border: 0 solid black;
margin: 0.2vmin auto 0 auto;
border-radius: 0.3vmin;
outline: none;
font-size: var(--font-size);
}
.mobilecariname {
position: absolute;
width: 30vmin;
left: 3vmin;
text-align: center;
top: 22vmin;
white-space: nowrap;
z-index:3 !important;
}
.search_down_frame {
margin: calc(var(--top_bar_height) / 10 * 18.5) auto 0 auto;
}
.search_down_inframe .search_down .table_frame {
width: 99%;
}
.search_down_inframe .search_down .table_frame .left {
width: 25vmin;
vertical-align: top;
top: 0;
border-spacing: 0;
display:none;
}
.search_down_inframe .search_down .table_frame .right {
border-spacing: 0;
width: 100%;
line-height:3vmax;
}
.search_down_inframe .search_down .table_frame .urunler .adet {
display:none;
}
.search_down_inframe .search_down .table_frame .error {
text-align: center;
height: 10vmax;
}
#top-bar [id="mobil_search"]:checked ~ #search, #top-bar [id="mobil_search_close"]:checked ~ #search {
display: block;
position: absolute;
margin: var(--top_bar_height) 0 0 0;
width: 100vmin;
height: 100vmax;
color: var(--font_color);
border: 0 solid black;
background-color: #f5f2f2;
}
#top-bar [id="mobil_search"]:checked ~ #productmenu, #top-bar [id="mobil_search_close"]:checked ~ #productmenu {
display: block;
position: absolute;
margin: calc(var(--top_bar_height) + 15vmin) 0 0 0;
width: 100vmin;
height: 100vmax;
color: var(--font_color);
border: 0 solid black;
background-color: #f5f2f2;
}
#top-bar [id="mobil_search_close"]:checked ~ productmenu, #top-bar [id="mobil_search_close"]:checked ~ #search {
display: none;
position: absolute;
margin: var(--top_bar_height) 0 0 0;
width: 100vmin;
height: 100vmax;
color: var(--font_color);
border: 0 solid black;
}
#top-bar [id="mobil_search"]:checked ~ #productmenu, #top-bar [id="mobil_search"]:checked ~ #search {
display: block;
background-color: #fff;
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#top-bar [id="mobil_search_close"]:checked ~ #productmenu, #top-bar [id="mobil_search_close"]:checked ~ #search {
display: block;
background-color: #fff;
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#top-bar #toplogo {
position: absolute;
top: 0;
left: 10vmin;
margin: 0;
height: var(--top_bar_height);
max-height: var(--top_bar_height);
width: 70vmin;
border: 0vmin solid black;
}
#toplogo img {
margin: 1vmin 0 0 0;
padding:0;
height:50%;
width: auto;
border: 0 solid black;
}
#toplogo img:hover {
cursor: pointer;
}
#center-bar{
min-height:100vmax;
padding:0 !important;
margin:var(--top_bar_height) 0 0 0 !important;
}
.menu_bosluk,.solayasla {
margin: 0 !important;
}
#content .main_banner {
width: 98vmin;
height: 30.5vmax;
border: 0.1vmin solid #ddd;
border-radius: 2vmax 2vmax 0 0;
margin:0 auto 0 auto !important;
float:initial;
}
#content .mini_banner {
position: absolute;
width: calc((var(--page_width) / 100 * 23));
height: calc((var(--page_height) / 2.14) );
margin: 0 0 0 calc(var(--page_width) / 100 * 57);
border: 0 solid red;
border-radius: 1vmin 1vmin 1vmin 1vmin;
background-color: white;
display:none;
}
.button-enable {
font-weight:bold;
}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
#top-bar #toplogo {
width: 60vmax;
}
#login .login_frame .input_frame, #productmenu, #search, #sitemenu {
min-height: 100vmin !important;
max-height: 100vmin !important;
height: auto !important;
width: 100vmax !important;
overflow-x: hidden;
overflow-y: scroll;
}
#login {
margin: 0 0 0 85% !important;
}
#login .login_frame {
margin: 0 0 0 0 !important;
float: right;
}
}
@media (max-width: 319px) {
/*500*/
#frame {
display: none !important;
}
.desteklenmeyen_browser {
display:block !important;
}
}