@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,400i,500,500i,700,700i&subset=latin-ext); @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i,900,900i&subset=latin-ext); @font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot');src:url('../fonts/icomoon.eot') format('embedded-opentype'),url('../fonts/icomoon.ttf') format('truetype'),url('../fonts/icomoon.woff') format('woff'),url('../fonts/icomoon.svg') format('svg');font-weight:400;font-weight:normal;font-style:normal} body,html{line-height:1.2;font-size:16px;font-family:Roboto Condensed;-webkit-font-smoothing:antialiased;font-style:normal;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;} img{max-width:100%} .enayar{width:320px;} .enayar1{width:259px;} @media (max-width:990px){.enayar{width:auto;}} .enayar0{min-width:0!important;} @media (max-width:1440px){body,html{font-size:16px;}} a:hover{color:#e90000;} ul,ol,li { list-style: none; } .akutu{background-color:#fff;margin-bottom:1.25rem;padding:.5rem;display:block;} .akutu>h5{font-weight: 500; font-size: 20px;border-bottom:5px solid #e5e5e5;padding-bottom:.6rem;} .digerhaberler figure{margin-bottom:.5rem;} .kutu-cokokunan a:hover{ color:#e70000;} .kutu-cokokunan .item{ border-bottom:1px solid #eeeeee;padding-bottom:0rem; -webkit-box-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1.1rem;-ms-flex-align:center;font-weight: 400; font-size:1.05rem;align-items:center;} .kutu-cokokunan .item figure{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;margin-bottom:0;margin-right:.3214rem!important;min-width:130px;min-height:85px;-ms-flex-preferred-size:100px;flex-basis:100px;} .kutu-cokokunan .item:last-child{margin-bottom:0} .kutuayar a{border:1px solid #eeeeee; } .kutuayar .item:hover{color: #E14900; border:1px solid #000; box-shadow: 0 0 4px rgba(0,0,0,.2); -o-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;} .kutuayar .item:hover figure img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} .kutuayar figure{position:relative;overflow:hidden;} .kutuayar figure img{ object-position: 50% 10%; -o-transition:all .4s ease;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;} .kutup{padding:1rem;} .videoi i{font-size:25px;color:#F8F8F8;} .videoi{ padding-left:50px; padding-top:30px; position:absolute; z-index:99;} .videolar h1{font-weight: 500!important; font-size:22px!important;} .videolar h2{font-weight: 400!important; font-size:16px!important;} /* header */ @media (max-width:990px){.ats-header .item{display:none;}} @media (min-width:767px) and (max-width:990px){body,html{font-size:14px;}} .ats-header{margin-bottom:1.25rem;width:100%;top:0;left:0;z-index:99999;background-color:#262626;} @media (max-width:767px){.ats-header{position:-webkit-sticky;position:sticky;}} .ats-header .container .logo{height:40px; } .ats-header .container{position:relative;} @media (max-width:990px){.ats-header .container .logo{height:36px;}} /* MENÜ MOBİL */ #menu .mm-panel .mm-listview>li{border-color:#f2f2f2;} #menu ul li a:hover {color: #fff; background: #000;} #menu a, #menu a:hover, #menu a:focus { color: inherit; text-decoration: none; transition: all 0.3s;} #menu{ background:#fff; border-left:1px solid #fff;} #menu .mm-panel .mm-listview>li>a,#menu .mm-panel .mm-listview>li>span{padding:.325rem;font-size:.9rem; } #menu .mm-panel .mm-listview>li>a>i{position:relative;top:.07rem;margin-right:.5rem} #menu .mm-panel .mm-listview>li:not(.mm-divider):after{left:.4rem} #menu .mm-panel .mm-listview>li.ustzemin{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.385rem;background-color:#000} #menu .mm-panel .mm-listview>.renk1{background-color:#cdd6e0} @media (max-width:990px){#menu .mm-panel .mm-listview>li.ustzemin .close{font-size:.9rem!important;}} #menu .mm-panel .mm-listview>li.ustzemin .close{ text-shadow:0 1px 1px #000; font-size:.9rem;font-weight:300; opacity:1;cursor:pointer;color:#fff} #menu .mm-panel .mm-listview>li.ustzemin .close:hover{color:#ccc} #menu .mm-panel .mm-listview>li.ustzemin span{ opacity:1; text-shadow:0 1px 1px #505050; font-size:1.1rem;font-weight:400;color:#fff;cursor:pointer;color:#fff} .mm-menu_offcanvas{max-width:240px} .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{ -webkit-transform:translate(-240px);transform:translate(-240px);-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)} #hamburger{ color:#fff;z-index:99;width:100%;cursor:pointer} #hamburger .mburger:hover{color:#f00}#hamburger .mburger{margin-left:20px;--mb-button-size:46px;--mb-bar-height:2px;--mb-bar-width:.7;--mb-bar-spacing:8px} /* scrollTop */ #to-top{display:none;position:fixed;font-size:32px;height:35px;line-height:30px;text-align:center;width:35px;bottom:-50px;right:30px;color:#fff;cursor:pointer;transition:all 1s ease 0s;z-index:999}#to-top::before,#to-top::after{border:1px solid #e90000;content:"";height:100%;left:0;position:absolute;top:0;transform:rotate(45deg);transition:all .7s ease 0s;width:100%}#to-top::after{background-color:#e90000;height:75%;left:12.5%;top:12.5%;width:75%;z-index:-1}@media(max-width:767px){#to-top{font-size:22px;line-height:32px;right:20px;width:30px;height:30px}} /* footer email list */ .newsletter{padding:5px 0px 0px;background-image:url(../images/newsletter-background.jpg);background-size:cover}.newsletter .content{position:relative;z-index:2}.newsletter .content h2{color:#243c4f;margin-bottom:1px}.newsletter .content .form-control{height:35px;border-color:#fff;border-radius:0} .newsletter .content.form-control:focus{box-shadow:none;border:2px solid #243c4f}.newsletter .content .btn{height:35px;border-radius:0;background:#243c4f;color:#fff;font-weight:300}.newsletter .content .btn:hover{background:#E80000;color:#fff;} .newsletter h5{padding-top:10px; font-size:18px;color:#fff;font-weight:400;text-align:center} @media (max-width:760px){.newsletter h5{font-size:15px;}} /* tablo liste */ .ats-card .item .renk{color:#000; } .ats-card .item:hover .urun-content{ } .ats-card .item:hover .urun-content1{background:#000!important; color:#fff;} .ats-card .item:hover{box-shadow: 0 0 10px rgba(0,0,0,.2); -o-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;} .ats-card .item:hover figure img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} .urunbox figure{display: block !important; margin:0 0 0px 0;} .urunbox .urun-content {border-radius:0 0 6px 6px; margin-top:0px; background:#000!important; color:#fff; line-height:1.1;height:49px;overflow:hidden; padding:7px 10px ;} .urunbox .urun-content .baslik{ font-size: 16px; font-family:Roboto;font-weight:500; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .urunbox .urun-content1 {border-radius:0 0 6px 6px; margin-top:0px; background:#fff!important; color:#000; line-height:0;height:92px;overflow:hidden; padding:14px 10px ;} .urunbox .urun-content1 .baslik1{ font-size: 16px!important; line-height:1.2; font-family:Roboto;font-weight:400; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .ats-card .item {border-radius:6px; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.1);box-shadow:0 0 10px 0 rgba(0,0,0,.1);} .product-thumb .price-old{font-weight:300; color:#999;text-decoration:line-through; margin-right:10px;} .product-thumb .price-new{font-weight:500;font-size:19px;margin-bottom:0} .product-thumb .price-tax{color:#999;font-size:14px} .product-thumb .price-tax1{color:#999;font-size:16px;display:block} h2.price{margin:0} .product-thumb .price{color:#e97e15;margin-bottom:0;letter-spacing:0;font-weight:500;font-size:16px} @media (max-width:576px){ .product-thumb .price-new{font-size:15px;} .product-thumb .price-tax{font-size:15px} .product-thumb .price-tax1{font-size:15px;} .product-thumb .price{font-size:15px} } .urunbox .urun-content h3{display: block !important;text-align:center!important;} .urunbox .urun-content1 h3{display: block !important;} .atsboy{ padding-top:100%;} .atsboy1{ padding-top:100%;} .atsboy2{ padding-top:81%;} .atsboy3{ padding-top:74%;} .atsboy4{ padding-top:65%;} .urunbox figure{position:relative;overflow:hidden;} #detay-slider img{ object-fit: contain!important; } .base img { width:100%; height: 366px; object-fit: contain; } @media (max-width:760px){.base img { width:100%; height: 229px; object-fit: contain; }} @media (max-width:576px){ .urunbox .urun-content .baslik{font-size: 12px;} .urunbox .urun-content1 .baslik1{margin-bottom:8px; font-size: 12px!important; line-height:1.2!important; } .urunbox .urun-content1 p{font-size: 12px!important; } .urunbox .urun-content1 {height:67px; padding:4px 5px;} } .urunbox figure{ border-radius:6px 6px 0 0; position:relative;overflow:hidden;} .urunbox figure img{object-position: 50% 10%; -o-transition:all .4s ease;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;} .ats-row{margin-left:-7px;margin-right:-7px}.ats-row>div[class^=col]{padding-left:7px;padding-right:7px;} .ats-card .urunbox{ border:0; } .ats-card img{left:0; right: 0; top:0; bottom:0; width:100%;} .ats-resim img{ border-radius: 8px; border: 1px solid #d1d5db; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);} .ats-card .rsmgoster{ position:relative; left:0; right: 0; top:0; bottom:0; width:100%;} .urunbox i{ right:25px; top:25px;position:absolute; font-size:30px;color:#F8F8F8;z-index:9;} @media (max-width:990px){.urunbox i{font-size:25px;}} .urunyok{margin:100px 0 100px 0;font-size:25px;font-weight:300;} /* sayfalama numara */ .pagination{margin:0;padding:0;vertical-align:middle;overflow:hidden;border-radius:0}.pagination .active{background-color:#000;color:white}.pagination a.active{background-color:#4caf50;color:white}.pagination a:hover:not(.active){background-color:#ddd}.pagination a{transition:background-color .2s} /* geri buton */ @media (max-width:990px){.geri .git{font-size:.9rem!important;}} .geri .git{ background-color:transparent; border:0; padding:0rem; display:inline-block; height: 15px; display:-webkit-box;display:-ms-flexbox; cursor:pointer; margin:0px; font-family:arial!important; text-shadow:0 1px 1px #fff; font-size:1rem;font-weight:300; opacity:1;color:#000} .geri .git:hover{color:#e63720} .geri span{ opacity:1; text-shadow:0 1px 1px #fff; font-size:1.4rem;font-weight:400;cursor:pointer;color:#000} /* menu mouse aşağı gösterme */ #navbar{z-index:99999;transition:.8s;-o-transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;color:#fff!important;-webkit-box-shadow:2px 2px 5px #c0c0c0;box-shadow:2px 2px 5px #c0c0c0} .sticky{position:fixed;top:0;width:100%;background-color:#000!important;transition:.8s;-o-transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s} .sticky .navats a{color:#fff!important;} .sticky .navats a:hover{background:#E80000!important;} .sticky .dropdown-menu a:hover{color:#fff!important; background-color:#000!important; } .sticky .dropdown-menu a{ color:#000!important; } .sticky .dropdown-menu{margin-right: 8px!important; -webkit-box-shadow:2px 2px 5px #C0C0C0;box-shadow:2px 2px 5px #C0C0C0; } /* sayfa sol menu sabit */ .list-group a {border-radius:0;border: 1px solid #E6E6E6;color: #2a3746;text-transform: capitalize;padding: 8px 12px;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;} .list-group a.active, .list-group a.active:hover, .list-group a:hover {color: #fff;background: #000;} /* İletişim formu */ @media (max-width:990px){.contact-form .title{font-size:1.3em!important;}} .contact-form .baslik{font-size:1.3em;font-weight:400;color: #464646;padding-bottom:1px; margin:8% 0% 0% 0%} .contact-form .baslik1{font-size:.9em;font-weight:400;color: #464646;} .contact-form .title{font-size:1.5em;font-weight:400;color: #464646;} .contact-form input{ height:33px; } .contact-form input,.contact-form textarea{ font-size:1em;font-weight:400; padding-top:2px; padding-left:10px; font-size:.9m;width:100%;margin:1.5% 0%;color:#242424;border:1px solid #CACACA} .contact-form input::placeholder,.contact-form textarea::placeholder{color:#7C7C7C} .contact-form .btn-send{background:#000;font-size:1em;width:130px;height:36px;color:#fff;font-weight:400;border:0} .contact-form .btn-send:hover{background-color:#FF1212;} #mapCanvas {height: 340px;width: 100%;} @media (max-width:990px){#mapCanvas {height: 240px;width: 100%;}} .contact-form span{font-size:15px!important;font-weight:400;color:#888} .contact-form strong{ color:#ef7b2a;font-weight:400;font-size:15px!important;} /* Header üst kısım */ @media only screen and (min-width:1023px) and (max-width:6000px) {.headericon {display: none;}} @media only screen and (min-width:768px) and (max-width:1024px) {.headericon {margin-top:1.2rem;}} @media only screen and (min-width:0px) and (max-width:767px) {.headericon {margin-top:-0.3rem;}} #destek .call1{color:#fff;font-size:1.7em;} #destek .call2{display: inline-block;vertical-align: middle;text-align: left;margin-left: 7px;} #destek .call3{display: inline-block;vertical-align: middle;text-align: left;margin-left: 20px; color:#fff;font-size:1em;} #destek .call3 a{color:#fff;font-size:1em;} @media only screen and (min-width:0px) and (max-width:767px) { .gosterim{display: none;} #destek .call1{color:#fff;font-size:1em;} #destek img{height:17px;width:17px;} #destek{margin-top:-3px;margin-right: 7px;}} @media only screen and (min-width:768px) and (max-width:6000px) {.gosterim1{display: none;}} .siteContainer { float:left; width:100%; position:relative; } .headerTop{background:rgba(0,0,0,0.46) none repeat scroll 0 0;float:left;height:52px;padding:10px 0;width:100%} .header{left:0;position:absolute;right:0;width:100%;z-index:999} .links{float:right;margin-top:9px} .links a{color:#fff;float:left;font-size:16px;font-weight:400;margin-left:15px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out} .links a:hover {color:#fae88c;} .social-right {float: right; margin-left: 17px;} #social a {color:#fff;border-radius:100%;float:left;font-size:19px;height:32px;margin-right:8px;padding-top:6px;text-align:center;width:32px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} #social .facebook a{background: #3b5999!important;} #social .twitter a{background: #55acee!important;} #social .pinterest a{background: #bd081c!important;} #social .whatsapp a{background: #25D366!important;} #social .youtube a{background: #cd201f!important;} #social .googleplus a{background: #dd4b39!important;} #social .instagram a{background: #e4405f!important;} #social .linkedin a{background: #0077B5!important;} #social .facebook a:hover{background: #1877f2!important;} #social .twitter a:hover{background: #97d2ff!important;} #social .pinterest a:hover{background: #fb4458!important;} #social .whatsapp a:hover{background: #3ff282!important;} #social .youtube a:hover{background: #fd6564!important;} #social .googleplus a:hover{background: #ff7766!important;} #social .instagram a:hover{background: #ff204a!important;} #social .linkedin a:hover{background: #17b0ff!important;} .headerBottom{background:rgba(0,0,0,0.65);float:left;height:75px;width:100%} .logo{float:left;margin-top:-5px} .logo a{float:left;padding-top:10px;position:relative;text-align:center} .logo img{height:auto;width:300px} @media only screen and (min-width:0px) and (max-width:767px) { .logo img {height: auto;width: 140px;margin-top: -5px;} #social {display: none;} .headerTop { background:rgba(0,0,0,0.65) none repeat scroll 0 0; height:35px;} .headerBottom{background:rgba(0,0,0,0.46);float:left;height:38px;width:100%} } @media only screen and (min-width:0px) and (max-width:990px) {.header-nav {display: none;}} .ust-iletisim{padding-left: 25px; float:right;height:32px;position:relative;color:#fff;z-index:2000;line-height:32px} .ust-iletisim-cep,.ust-iletisim-tel,.ust-iletisim-whatsapp{float:left;margin-left:10px;position:relative} .ust-iletisim-cep a,.ust-iletisim-tel a,.ust-iletisim-whatsapp a{float:right;width:32px;height:32px;background:linear-gradient(45deg,#ec1b24,#383245 120%);border-radius:25px;overflow:hidden} .ust-iletisim-cep a{background:linear-gradient(45deg,#712a38,#ec1b24)} .ust-iletisim-whatsapp a{background:linear-gradient(45deg,#047737,#00c451 100%)} .ust-iletisim-cep a::before,.ust-iletisim-tel a::before,.ust-iletisim-whatsapp a::before{content:"";float:left;width:32px;height:32px;background:url(../images/icon-tel.png) no-repeat center;background-size:auto 24px} .ust-iletisim-cep a::before{background-image:url(../images/icon-cep.png)} .ust-iletisim-whatsapp a::before{background-image:url(../images/icon-whatsapp.png)} .ust-iletisim a{color:#fff;transition:all .3s} .ust-iletisim a:hover{width:160px} @media only screen and (min-width:0px) and (max-width:767px) { .ust-iletisim {margin-top: -5px; margin-right: 0px;padding-left: 4px; } .ust-iletisim-cep,.ust-iletisim-tel,.ust-iletisim-whatsapp{margin-left:7px} .ust-iletisim-cep a,.ust-iletisim-tel a,.ust-iletisim-whatsapp a{width:20px!important;height:20px} .ust-iletisim-cep a::before,.ust-iletisim-tel a::before,.ust-iletisim-whatsapp a::before{width:20px;height:20px;background-size:auto 15px} } /* Footer kısmı */ .footer-ats{padding:1rem;background-image:url(../images/footer.jpg);background-size:cover} .footer-ats .footer-ust{margin-bottom:.8rem;border-bottom:1px solid #6F6F6F; color:#C8C8C8;} .footer-ats .footer-ust>.comon>a{margin-right:1.3rem; color:#C8C8C8;} .footer-ats .footer-ust>.comon>a:hover{color:#e90000} @media (max-width:990px){.footer-ats .footer-ust>.comon>a{margin-left:0;margin-right:1.25rem}} @media (max-width:990px){.footer-ats .footer-ust{display:block}} .footer-ats .footer-ust{display:-webkit-box;display:-ms-flexbox;display:flex} .footer-ats .footer-ust>.row{width:100%} .footer-ats .footer-alt .copy{font-size:.930rem;color:#C8C8C8;} @media (max-width:990px){.footer-ats .footer-alt .copy{text-align:center!important; border:0px; font-size:.900rem;}} .footer-ats .footer-alt .tasarim{font-size:.930rem;color:#C8C8C8; } .footer-ats .footer-alt .tasarim a{color:#C8C8C8; } .footer-ats .footer-alt .tasarim a:hover{color:#e90000; } .footer-ats .footer-alt .tasarim span{color:#DDA600;} .footer-ats .footer-alt .tasarim span:hover{color:#e90000;} .footer-ats .footer-alt .tasarim {text-align:center!important; } @media (max-width:990px){.footer-ats .footer-alt .tasarim {text-align:center!important; margin-top:1.1rem; font-size:.900rem;}} .footer-ust .icon-phone_in_talk{color:#DDA600!important; font-size:50px;margin-right:0;padding-right:12px} .footer-ust .nav-item a{color:#C8C8C8; font-size:20px;} .footer-ust .nav-item a:hover{color:#e90000;} .footer-ust .nav-item h3{ font-size:19px; line-height:1px; padding:0px; margin:0px; display: inline-block; font-weight:400;} .footer-ust .nav-item h2{font-size:27px; line-height:1px; padding:0px; margin:0px; display: inline-block; font-weight:600;} .footer-ats .footer-ust #social{ display:block!important; text-align:center!important} .footer-ust .contact-info i{color:#DDA600!important;} @media only screen and (min-width:0px) and (max-width:767px) { .footer-ust .contact-info{font-size:14px;text-align:center!important;} .footer-ats .footer-ust #social{ display:block!important; text-align:center!important} } /* menü üst */ .main-nav ul,li{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline; margin-bottom: 8px;}.main-nav{float:right;margin-right:-6px}.main-nav>ul>li{float:left}.main-nav>ul>li>a{color:#fff;float:left;font-size:16px;font-weight:700;height:75px;padding:26px 11px;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s}.main-nav>ul>li:hover>a{background:rgba(222,0,167,1);color:#fff}.main-nav>ul>li>ul{background:rgba(222,0,167,1);position:absolute;top:127px;width:230px;opacity:0;visibility:hidden;transform:scale(0.5);-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform-origin:left top 0;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s}.main-nav>ul>li:hover>ul{opacity:1;visibility:visible;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1)}.main-nav>ul>li>ul li{display:block}.main-nav>ul>li>ul li a{border-bottom:1px solid rgba(0,0,0,0.1);color:#fff;display:block;font-size:18px;font-weight:400;padding:.6rem 1rem;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s}.main-nav>ul>li>ul li a:hover{background:rgba(0,0,0,0.7);color:#fff}@media only screen and (min-width:991px) and (max-width:1200px){.main-nav>ul>li>a{font-size:17px;font-weight:700}} /* ürünlerimiz parax */ #subheader{padding:180px 0 30px 0;width:100%;} #subheader h1{padding:0px; margin:0px; letter-spacing:1px;color:#fff;font-weight:400;font-size:28px;text-align:center;display:block;opacity:1;} #subheader h2{ padding:0px; margin:0px; color:#fff;font-weight:400;font-size:15px;text-align:center;opacity:.9;text-shadow:0 1px 1px #000} @media only screen and (min-width:0px) and (max-width:767px) { #subheader{padding:95px 0 15px 0;} #subheader h1{font-size:17px;} #subheader h2{font-size:13px;} } #subheader1{padding:150px 0 10px 0;width:100%;} #subheader1 h1{padding:0px; margin:0px; letter-spacing:1px;color:#fff;font-weight:400;font-size:28px;text-align:center;display:block;opacity:1;} #subheader1 h2{ padding:0px; margin:0px; color:#3F3F3F;font-weight:400;font-size:15px;text-align:center;opacity:.9;text-shadow:0 1px 1px #fff} @media only screen and (min-width:0px) and (max-width:767px) { #subheader1{padding:85px 0 10px 0;} #subheader1 h1{font-size:20px;} #subheader1 h2{font-size:13px;} } /* detay sosyal media */ .sosyalblok {background-color:#EAEAEA;} .sosyalblok,.sosyalblok>a{display:-ms-flexbox;display:flex;display:-webkit-box;} .sosyalblok a:hover{background:#FFC001!important;color:#fff;} .sosyalblok>a{border-radius:0%;text-align:center;margin-left:.5rem;color:#fff;font-size:1.125rem;line-height:0;padding:5px;width:40px;height:33px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .sosyalblok>a.facebook{background-color:#405a91;} .sosyalblok>a.linkedin{background-color:#0077b3;} .sosyalblok>a.pinterest{background-color:#b93330;} .sosyalblok>a.whatsapp{background-color:#25d365;} .sosyalblok>a.twitter{background-color:#48a1ea;} /* detay büyüt küçüt button */ .btn-fontb {color:#fff; font-size:1.125rem; padding:5px;text-align:center;margin-left:.5rem;width:40px;height:33px;line-height:1.5rem; } .btn-fontb.font-buyut {background-color:#E60000;} .btn-fontb.font-kucult {background-color:#E60000;} .btn-fontb.font-print {background-color:#E60000;} .btn-fontb i{color:#fff!important; font-size:1.125rem!important; } .btn-fontb:hover {color:#fff; background-color:#333;} /* ürün detay owl ana resim */ #detay-slider .urun-slider .owl-item-a{display:block;position:relative} #detay-slider .urun-slider .owl-item-a img{width:100%;o-object-fit:cover;object-fit:cover} #detay-slider .urun-slider .owl-item-a::after{color:#fff;font:normal normal normal 14px/1 icomoon;content:'\e8ff';text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) scale(0);transform:translateX(-50%) translateY(-50%) scale(0);line-height:50px;height:50px;font-size:45px;opacity:.1;-webkit-transition:all .3s cubic-bezier(.1,.24,.5,1.79);transition:all .3s cubic-bezier(.1,.24,.5,1.79)} #detay-slider .urun-slider .owl-item-a:hover::after{-webkit-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1);opacity:1} #detay-slider .urun-slider .owl-nav{margin:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;pointer-events:none;color:#fff;text-align:center} #detay-slider .urun-slider .owl-nav .owl-next{float:right;opacity:1;font-size:35px;background:0 0;pointer-events:auto;padding:0 10px;line-height:0;background:rgba(0,0,0,0.3);border-radius:0;padding:0;margin-right:5px;width:35px;height:35px} #detay-slider .urun-slider .owl-nav .owl-prev{float:left;opacity:1;font-size:35px;background:0 0;pointer-events:auto;padding:0 10px;line-height:0;background:rgba(0,0,0,0.3);border-radius:0;padding:0;margin-left:5px;width:35px;height:35px} /* ürün detay */ .article-title{font-weight:600;font-size:25px;line-height:100%;margin:0;padding-bottom:10px} .ats-card .renk1{ padding: 13px;} .ats-card .renk2{background-color:#000} .ats-card .renk3{background-color:#fff} .ats-card .font{font-size: 15px; font-weight: 300!important; font-family:Roboto; color:#000;} .ats-card .telif .btn{border: 1px solid #e5e5e5;} .ats-card .telif .btn:hover{background-color:#FFE188;} /* ürün detay teklif formu POPUP MODAL */ .form-padding{padding:7px}.text h4{font-size:19px;font-weight:800;color:#ef7b2a;text-transform:uppercase}.form-popup p{font-size:14px;font-weight:400;color:#888}.form-popup strong{color:#ef7b2a;font-weight:700;font-size:14px;text-indent:1px}.form-btn{text-align:center;width:100%;color:#fff;padding:5px 0;border-radius:0;border:0}.form-btn:hover{background-color:#ef7b2a;border:0}.modal-header{padding:0;border-radius:0}.modal-header .close{margin-top:0;margin-right:-0px;background-color:#ef7b2a;color:#fff;font-size:30px;font-weight:400;opacity:1;padding:3px 12px;position:absolute;z-index:999;right:0} .sepetpdfbtn{font-size:13px;color:#fff; font-weight:500;} .headingpdf{width:30px!important;height:30px!important;} /* ürün detay diğer ürünler owl */ .pro-bg hr{clear:both;border-top:1px solid #eaeaea}.pro-bg h2{position:relative;font-size:19px;text-transform:uppercase;margin:0 20px;font-weight:500}.pro-bg h2{margin-top:0;margin-bottom:0;position:relative}.pro-bg h2::before{content:'';background-color:#000;position:absolute;left:-20px;top:2px;width:13px;height:13px}.pro-bg{margin-top:40px} /* Ana sayfa parax */ #modul-1{padding:25px 0 25px 0;width:100%;} #modul-1 .text1{padding:0px; margin:0px; letter-spacing:1px;color:#fff;font-weight:600;font-size:32px;text-align:left;display:block;opacity:.9;text-shadow:0 1px 1px #000} #modul-1 .text2{ padding:0px; margin:0px; color:#fff;font-weight:400;font-size:22px;text-align:left;opacity:.9;text-shadow:0 1px 1px #000} @media only screen and (min-width:0px) and (max-width:767px) { #modul-1{padding:20px 0 20px 0;} #modul-1 .text1{font-size:19px;} #modul-1 .text2{font-size:14px;} } /* owl owl-nav ikon*/ .digerurun .owl-nav{ top: -60px; position: absolute; right: 5px; font-size: 32px !important; } /* Ana sayfa baslik başlıklar*/ .baslik-title>h3{color:#000;font-size:25px;font-weight:600;opacity:.7;text-shadow:0 1px 1px #fff;line-height:35px;font-weight:500;letter-spacing:0;margin:10px 0 0;position:relative;vertical-align:top;width:auto;padding-bottom:7px;border-bottom:1px solid #ddd} .baslik-title>h3:after{content:"";position:absolute;bottom:-1px;left:0;background:#ffae00;height:2px;width:190px} @media only screen and (min-width:0px) and (max-width:767px) {.baslik-title > h3 { font-size: 20px;}} /* Ana sayfa modul-2 */ .modul-2{width: 100%;padding:7px 0 7px} .modul-2 .modul-2-title{padding:7px 0 7px; color:#fff;margin:0;font-weight:600;font-size:25px;} .modul-2 .modul-2-title-2{color:#fff;margin:0;font-weight:600;font-size:25px;} @media only screen and (min-width:0px) and (max-width:767px) { .modul-2 .modul-2-title{font-size:17px;} .modul-2 .modul-2-title-2{font-size:17px} } /* Ana sayfa modul-3 */ #modul-3 h1{text-shadow:0 1px 1px #000; font-weight:600;font-size:32px;} #modul-3 p{font-weight:400;font-size:18px;} @media only screen and (min-width:0px) and (max-width:767px) { #modul-3 h1{text-shadow:0 0px 0px #000; font-size:22px;} #modul-3 p{font-size:15px;} } /* Ana sayfa yorum */ #yorum h2{color:#000;font-size:24px;font-weight:300;position:relative;margin:0 0 30px 0;text-transform:uppercase;display:inline-block} #yorum h2::after{content:"";width:50%;position:absolute;height:4px;background:#f55;left:0;bottom:-20px} #yorum .carousel{margin:10px auto} #yorum .carousel .item{color:#999;overflow:hidden;min-height:120px;font-size:13px} #yorum .carousel .media{position:relative;padding:0 0 0 20px;margin-left:10px} #yorum .carousel .media img{width:75px;height:75px;display:block;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.2);border:2px solid #fff} #yorum .carousel .testimonial{color:#fff;position:relative;background:#9b9b9b;padding:15px;margin:0 0 20px 2px;width:100%} #yorum .carousel .testimonial::before,#yorum .carousel .testimonial::after{content:"";display:inline-block;position:absolute;left:0;bottom:-20px} #yorum .carousel .testimonial::before{width:20px;height:20px;background:#9b9b9b;box-shadow:inset 12px 0 13px rgba(0,0,0,0.5)} #yorum .carousel .testimonial::after{width:0;height:0;border:10px solid transparent;border-bottom-color:#fff;border-left-color:#fff} #yorum .carousel .item .row>div:first-child .testimonial{margin:0 20px 20px 0} #yorum .carousel .item .row>div:first-child .media{margin-left:0} #yorum .carousel .testimonial p{text-indent:40px;line-height:23px;margin:0;font-size:15px} #yorum .carousel .testimonial p::before{font-family:icomoon;content:'\e9a1';color:#fff;font-weight:bold;font-size:20px;line-height:70px;position:absolute;left:-25px;top:-8px} #yorum .carousel .overview{padding:3px 0 0 15px;font-size:15px} #yorum .carousel .overview .details{padding:5px 0 8px} #yorum .carousel .overview b{text-transform:uppercase;color:#f55} #yorum .carousel-indicators{bottom:-80px} #yorum .carousel-indicators li,.carousel-indicators li.active{width:18px;height:18px;border-radius:0;margin:1px 4px} #yorum .carousel-indicators li{background:#e2e2e2;border:4px solid #fff} #yorum .carousel-indicators li.active{color:#fff;background:#f55;border:5px double} #yorum .star-rating li{padding:0 2px} #yorum .star-rating i{font-size:20px;color:#ffdc12} #yorum .owl-nav{top:-60px;position:absolute;right:-5px;font-size:30px!important} #yorum .owl-nav i{background:#666;color:#fff} /* yorumlar sayfası */ .message-chat{width:100%;overflow:hidden}.message{position:relative;width:100%}.message br{clear:both}.message .message-body{position:relative;width:auto;max-width:calc(100% - 150px);float:left;background-color:#fff;border-radius:4px;border:1px solid #dbe3e8;margin:0 5px 20px 5px;color:#788288}.message:after{content:"";position:absolute;top:11px;left:93px;float:left;z-index:100;border-top:10px solid transparent;border-left:none;border-bottom:10px solid transparent;border-right:13px solid #fff}.message:before{content:"";position:absolute;top:10px;left:92px;float:left;z-index:99;border-top:11px solid transparent;border-left:none;border-bottom:11px solid transparent;border-right:13px solid #dbe3e8}@media only screen and (min-width:0) and (max-width:767px){.message:after{display:none}.message:before{display:none}}.message .medium-image{float:left;margin-left:10px}.message .message-info{width:100%;height:22px}.message .message-info>h5>i{font-size:15px;font-weight:400;margin:0 2px 0 0;color:#a2b8c5}.message .message-info>h5{color:#a2b8c5;margin:5px 0 0 0;font-size:14px;font-weight:500;float:right;padding-right:10px}.message .message-info>h4{font-size:17px;font-weight:500;margin:3px 13px 0 10px;color:#65addd;float:left}.message hr{margin:4px 2%;width:96%;opacity:.75}.message .message-text{text-align:left;padding:3px 13px 10px 13px;font-size:16px}.message.my-message .message-body{float:right;margin:0 15px 20px 5px}.message.my-message:after{content:"";position:absolute;top:11px;left:auto;right:93px;float:left;z-index:100;border-top:10px solid transparent;border-left:13px solid #fff;border-bottom:10px solid transparent;border-right:0}.message.my-message:before{content:"";position:absolute;top:10px;left:auto;right:92px;float:left;z-index:99;border-top:11px solid transparent;border-left:13px solid #dbe3e8;border-bottom:11px solid transparent;border-right:0} @media only screen and (min-width:0px) and (max-width:767px) {.message.my-message:after {display:none;}.message.my-message:before {display:none;}} .message.my-message .medium-image{float:right;margin-left:5px;margin-right:10px}.message.my-message .message-info>h5{float:left;padding-left:10px;padding-right:0}.message.my-message .message-info>h4{float:right}.message.info .message-body{background-color:#42bdc2;border:1px solid #2dadb2;color:#fff}.message.info:after,.message.info:before{border-right:13px solid #42bdc2}.message.info .message-info>h4{color:#fff}.message.info .message-info>h5,.message.info .message-info>h5>i{color:#fff;opacity:.9} .messages-panel img.img-circle{border:1px solid rgba(0,0,0,0.1)}.medium-image{width:75px;height:75px;margin-right:15px}.img-circle{border-radius:50%} @media screen and (max-width:767px){.message-body{width:100%;margin:20px 0;border:1px solid #dce2e9;background-color:#fff}.message .message-body{max-width:calc(100% - 85px)}.message-body .chat-body{background-color:#fff;width:100%}} /* popup reklam */ .modal-landing .modal-dialog{margin-top:30px;width:100%;max-width:800px;max-height:560px;}.modal-landing .modal-content{border-radius:0;position:relative;}.modal-landing .modal-content .modal-close{width:40px;height:40px;background-color:#808080;font-weight:300;text-align:center;padding-top:1px;border-radius:50%;position:absolute;right:-20px;top:-20px;font-size:28px;color:#fff;}.modal-landing .modal-content .modal-close:hover,.modal-landing .modal-content .modal-close:active,.modal-landing .modal-content .modal-close:focus{text-decoration:none;} @media(max-width:991px){.modal-landing{padding-right:20px;padding-left:20px;}.modal-landing .modal-dialog{margin:70px 0 0;width:100%;}.modal-landing .modal-content{border-radius:0;position:relative;}.modal-landing .modal-content .modal-close{width:30px;height:30px;right:-15px;top:-15px;font-size:20px;color:#fff;}.modal-landing .modal-content .modal-close:hover,.modal-landing .modal-content .modal-close:active,.modal-landing .modal-content .modal-close:focus{text-decoration:none;}} .footer-alpha .footer-link-block.w-100{width:100%;}.footer-alpha .footer-link-block.d-inline{display:inline-block;float:none;width:auto;margin-right:30px;}.footer-alpha .footer-link-block.d-inline-c{margin-right:22px;}.footer-alpha .footer-link-block.d-inline:last-child{margin-right:0;} #popduyuru h3{ font-weight:600;font-size:30px; color:#B00000}#popduyuru p{font-weight:400;font-size:16px;} @media only screen and (min-width:0px) and (max-width:767px) {#popduyuru h3{ font-weight:600;font-size:17px; color:#B00000}#popduyuru p{font-weight:400;font-size:13px;}} .ats-container{background: #fff;} .catebg{ margin:0 -5px; border-radius: 2px; } .catepagebg{ background-color: #f9f9f9!important; } .catebg .topbutton { position: absolute; right: 20px; top: 10px; } .product-grid{ margin-bottom: 20px; } .sb-theme-cat-list ul{ display: inline; } #column-left .list-group { z-index: 0; position: relative; } .sb-theme-cat-list ul li { display: inline; float: left; margin-left: 5px; background-color: #ffffff; border: 1px solid #e5e5e5; padding: 8px 15px 5px; border-radius: 4px; } .sb-theme-cat-list ul li:first-child { margin: 0; } .product-thumb .image { position: relative; } .product-grid{ padding: 0 5px; } .filter-panel .panel-footer{ background-color: #fff; } .filter-panel .list-group a { color: #51aa1b; border-bottom: 1px dotted #ddd; padding-bottom: 10px; font-weight: normal; } .filter-panel .list-group a:hover { background-color: transparent; border-bottom: 1px dotted #ddd; } .filter-panel .list-group-item { background-color: transparent; } .inspdes { background-color: #fff; padding: 15px; border: 1px solid #ebebeb; border-radius: 4px; } .inspdes h2{ font-size: 18px; color: #1391bd; letter-spacing: 0.5px; margin-top: 0; } .inspdes p{ font-size: 12px; color: #aaa; letter-spacing: 0.5px; } .inspdes img{ border-radius: 4px; } #compare-total{ position: relative; color: #51aa1b; } #compare-total:hover{ color: #2a3746; } .sorting label { background-color: #fff; border: none; font-size: 16px !important; color: #161616 !important; } .sorting select { background-color: #fff; color: #2a3746; border-radius: 0px !important; border: 1px solid #ebebeb; font-size: 15px !important; } .sorting select option { background-color: #fff; color: #161616; } .sorting select.form-control,#product-search select.form-control{ padding-right: 25px; background-image: url("data:image/svg+xml,\ \ \ "); background-repeat: no-repeat; background-position: right; -moz-appearance: none; -webkit-appearance: inherit; appearance: none; padding: 0 10px; height: 35px; } .sorting select.form-control:focus{ border-color: #2a3746; } .inslistgrid img{ height: 24px; width: 24px; } .inslistgrid { background-color: #fff; color: #161616 !important; border: none; box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 5px !important; border: 1px solid transparent; } .inslistgrid.active, .inslistgrid.active:hover, .inslistgrid:hover { border: 1px solid #51aa1b; border-radius: 4px; background-color: transparent; padding: 5px; box-shadow: none; } .inslistgrid i { font-size: 22px; } .btn-link:focus, .btn-link:hover{ text-decoration: none; } .product-grid .product-thumb{ background-color: #fff; } .pro-price{ font-size: 25px !important; color: #e68405 !important; font-weight: 600; } .pro-price-tax{ font-size: 17px !important; font-weight: 500; color: #e68405 !important; } #button-cart { padding: 6px 22px; font-size: 15px; text-transform: capitalize; border: 1px solid transparent; border-radius: 0px; box-shadow: none; transition: all 0.5s linear; background-color: #f9a14a; } #button-cart:hover { background-color: #2a3746; color: #fff; } .stokvar{ color: #00BF00 !important;} .stokyok{ color: #F40000 !important;} .text-prodecorop{ margin-top: 8px;} .add-to-cart{ margin-left:15px;} @media screen and (max-width:767px){.add-to-cart{ margin-left:0px;}} .add-font{font-size:20px;} .product-right h1 { font-size: 18px; text-transform: uppercase; color: #161616; letter-spacing: 1px; margin-top: 0; } .product-right .qty-plus-minus .form-control { width: 45px; text-align: center; color: #232d2a; } .product-right .qty-plus-minus .form-control:focus{ border-color: #ebebeb; } .product-right #input-quantity{ border-radius: 0; width: 60px; } .btnplus { border-radius: 0 0px 0px 0 !important; border-left: 0; line-height: 22px; } .btnminus { border-radius: 0px 0 0 0px !important; border-right: 0; line-height: 22px; } .btn-number .icomoon { font-weight: 600 !important; font-size: 10px !important; } .prosp { border-top: 1px solid #dfdfdf; } .font46{font-size:17px;} @media screen and (max-width:767px){.font46{font-size:13px;}.mobi46{margin-top: 9px;}} .mobi46 a{ border-radius: 4px!important;} .mobi46 a:hover{ color: #000!important;} /* DAVETİYE SÖZLERİ*/ .davetiyesozleri { padding: 0px; } .davetiyesozleri h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 25px; color: #333; } .davetiyesozleri .accordion .card { border: none; border-radius: 6px; overflow: hidden; margin-bottom: 14px; background: #fff; } .davetiyesozleri .accordion .card-header { background-color:#ebf6fb; border: none; padding: 0; } .davetiyesozleri .accordion .btn-link { display: block; width: 100%; text-align: left; padding: 10px 10px; font-size: 18px; font-weight: 600; color: #222; text-decoration: none !important; position: relative; transition: all 0.3s ease; } .davetiyesozleri .accordion .btn-link:hover { background: #fdf7f9; color: #c2185b; text-decoration: none; } .davetiyesozleri .accordion .btn-link:focus { box-shadow: none; text-decoration: none; } .davetiyesozleri .accordion .btn-link::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; background: #c2185b; color: #fff; font-size: 20px; line-height: 28px; text-align: center; transition: all 0.3s ease; } .davetiyesozleri .accordion .btn-link:not(.collapsed)::after { content: "−"; background: #8e244d; } .davetiyesozleri .card-body { padding: 5px; background: #fffafc; } .davetiyesozleri .card-body h4 { font-size: 18px; font-weight: 700; margin-bottom: 18px; color: #c2185b; border-bottom: 1px solid #f1d7e2; padding-bottom: 8px; } .davetiyesozleri .kutu1 { display: flex; align-items: flex-start; gap: 5px; background: #fff; border: 1px solid #f3e1e8; border-radius: 6px; padding: 10px 10px; margin-bottom: 10px; transition: all 0.25s ease; } .davetiyesozleri .kutu1:hover { transform: translateY(-2px); box-shadow: 0 3px 10px rgba(194, 24, 91, 0.08); } .davetiyesozleri .kutu1 li { list-style: none; } .davetiyesozleri .kutu1 li:first-child { min-width: 34px; height: 34px; border-radius: 50%; background: #c2185b; color: #fff; font-weight: 700; text-align: center; line-height: 34px; font-size: 14px; } .davetiyesozleri .kutu1 li:last-child { flex: 1; font-size: 15px; line-height: 1.6; color: #444; word-break: break-word; } /* Tablet */ @media (max-width: 991.98px) { .davetiyesozleri h1 { font-size: 24px; } .davetiyesozleri .accordion .btn-link { font-size: 17px; padding: 16px 18px; } .davetiyesozleri .card-body { padding: 18px; } } /* Mobil */ @media (max-width: 575.98px) { .davetiyesozleri { padding: 0px; } .davetiyesozleri h1 { font-size: 20px; margin-bottom: 18px; } .davetiyesozleri .accordion .card { margin-bottom: 10px; } .davetiyesozleri .accordion .btn-link { font-size: 15px; padding: 14px 45px 14px 14px; line-height: 1.4; } .davetiyesozleri .accordion .btn-link::after { right: 12px; width: 24px; height: 24px; line-height: 24px; font-size: 16px; } .davetiyesozleri .card-body { padding: 5px; } .davetiyesozleri .card-body h4 { font-size: 16px; } .davetiyesozleri .kutu1 { gap: 5px; padding: 5px 5px; border-radius: 6px; } .davetiyesozleri .kutu1 li:first-child { min-width: 30px; height: 30px; line-height: 30px; font-size: 13px; } .davetiyesozleri .kutu1 li:last-child { font-size: 14px; line-height: 1.5; } } /* TABLO SAĞ SOL EKSİLTME */ .oluklar{margin-right:-10px;margin-left:-10px}.oluklar>.col,.oluklar>[class*=col-]{padding-right:10px;padding-left:10px} @media screen and (max-width:767px){.oluklar{margin-right:-5px;margin-left:-5px}.oluklar>.col,.oluklar>[class*=col-]{padding-right:5px;padding-left:5px}} /* SİTE ALT TELEFON WHATSAPP */ .widgetb{position:fixed;bottom:20px;z-index:999999;cursor:pointer}.widgetb-right{right:20px}@media(max-width:768px){.widgetb-right{right:10px;bottom:10px}}.widgetb-left{left:20px}@media(max-width:768px){.widgetb-left{left:10px;bottom:10px}}.widgetb.active .widgetbbtn{display:block}.widgetbbtn{display:none;height:55px;width:55px;margin:auto;margin-bottom:10px;border-radius:50%;overflow:hidden;box-shadow:2px 2px 6px rgba(0,0,0,.2);font-size:28px;text-align:center;line-height:50px;color:#fff;outline:0!important;background-position:center center;background-repeat:no-repeat;transition:all;transition-duration:.2s}@media(max-width:768px){.widgetbbtn{height:45px;width:45px}}.widgetbbtn-activator:hover,.widgetbbtn:hover{box-shadow:2px 2px 8px 2px rgba(0,0,0,.2)}.widgetbbtn:active{height:48px;width:48px;box-shadow:2px 2px 6px rgba(0,0,0,0);transition:all;transition-duration:.2s}@media(max-width:768px){.widgetbbtn:active{height:45px;width:45px}}.widgetbbtn-activator{width:60px;height:60px;position:relative;cursor:pointer;border-radius:50%}.green-circle{width:60px;height:60px;background-color:#4dc247;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;z-index:10}.static-whatsapp{width:32px;height:32px;background-image:url('../images/widgetb-whatsapp1.svg');background-size:contain;background-repeat:no-repeat;background-position:center}.white-circle{width:46px;height:46px;background:white;border-radius:50%;position:absolute;top:7px;left:7px;overflow:hidden;z-index:20;opacity:0;visibility:hidden}.widgetb .icon{width:46px;height:46px;position:absolute;top:0;left:46px;background-size:28px 28px;background-repeat:no-repeat;background-position:center;opacity:0}.whatsapp{background-image:url('../images/widgetb-whatsapp.svg');z-index:25}.telephone{background-image:url('../images/widgetb-telephone.svg');z-index:24} @keyframes whiteInOut {0% { opacity: 0; transform: scale(0); }10% { opacity: 1; transform: scale(1); }90% { opacity: 1; transform: scale(1); }100% { opacity: 0; transform: scale(0); }} @keyframes whatsappIn {0%, 10% { left: 46px; opacity: 0; }15% { left: 0; opacity: 1; }35% { left: 0; opacity: 1; }40% { opacity: 0; }100% { left: 0; opacity: 0; }} @keyframes telephoneIn {0%, 40% { left: 46px; opacity: 0; }45% { left: 0; opacity: 1; }65% { left: 0; opacity: 1; }70% { opacity: 0; }100% { left: 0; opacity: 0; } } .animations-active .white-circle{opacity:1;visibility:visible;animation:whiteInOut 3s ease-in-out forwards}.animations-active .whatsapp{animation:whatsappIn 3s ease-in-out forwards}.animations-active .telephone{animation:telephoneIn 3s ease-in-out forwards}.widget-pulse{display:block;border-radius:50px;width:100%;height:100%;position:absolute;opacity:0;top:0;left:0;z-index:-1;pointer-events:none;background:#4dc247;-webkit-animation:av_pulsate 1.8s ease-out infinite;animation:av_pulsate 1.8s ease-out infinite}@keyframes av_pulsate{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.3);opacity:0}}.widgetbbtn-activator-icon{height:55px;width:55px;background-image:url(../images/widgetb-whatsapp1.svg);background-size:55%;background-position:center center;background-repeat:no-repeat;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}@media(max-width:768px){.widgetbbtn-activator-icon{height:45px;width:45px}}.widgetbbtn-email{background-color:#c3c3c3;background-image:url(../images/widgetb-email.svg);background-size:65%;background-position:9px 9px} .widgetbbtn-telephone{background-color:#ff802c;background-image:url(../images/widgetb-telephone1.svg);background-size:65%} .widgetbbtn-whatsapp{background-color:#4dc247;background-image:url(../images/widgetb-whatsapp1.svg);background-size:65%} @-webkit-keyframes button-slide{0%{opacity:0;display:none;margin-top:0;margin-bottom:0;-ms-transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;display:block;margin-top:0;margin-bottom:15px;-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes button-slide{0%{opacity:0;display:none;margin-top:0;margin-bottom:0;-ms-transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;display:block;margin-top:0;margin-bottom:14px;-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-o-keyframes button-slide{0%{opacity:0;display:none;margin-top:0;margin-bottom:0;-ms-transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;display:block;margin-top:0; :15px;-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}} @keyframes button-slide{0%{opacity:0;display:none;margin-top:0;margin-bottom:0;-ms-transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;display:block;margin-top:0;margin-bottom:15px;-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.button-slide{-webkit-animation-name:button-slide;-moz-animation-name:button-slide;-o-animation-name:button-slide;animation-name:button-slide;-webkit-animation-duration:.2s;-moz-animation-duration:.2s;-o-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.button-slide-out{-webkit-animation-name:button-slide;-moz-animation-name:button-slide;-o-animation-name:button-slide;animation-name:button-slide;-webkit-animation-duration:.2s;-moz-animation-duration:.2s;-o-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:reverse;-moz-animation-direction:reverse;-o-animation-direction:reverse;animation-direction:reverse} /* Mobil Görünüm*/@media (max-width: 768px) {.widgetbbtn-activator{width:45px;height:45px}.green-circle{width:45px;height:45px}.white-circle{width:32px;height:32px;top:6.5px;left:6.5px}.static-whatsapp{width:24px;height:24px} .widgetb .icon{width:32px;height:32px;background-size:20px 20px;left:32px}.animations-active .icon.whatsapp{animation:whatsappInMobile 3s ease-in-out forwards}.animations-active .icon.telephone{animation:telephoneInMobile 3s ease-in-out forwards}.widget-pulse{width:45px;height:45px}@keyframes whatsappInMobile {0%, 10% { left: 32px; opacity: 0; }15% { left: 0; opacity: 1; }35% { left: 0; opacity: 1; }40% { opacity: 0; }100% { left: 0; opacity: 0; } }@keyframes telephoneInMobile {0%, 40% { left: 32px; opacity: 0; }45% { left: 0; opacity: 1; } 65% { left: 0; opacity: 1; }70% { opacity: 0; }100% { left: 0; opacity: 0; }}} .widgetb .close-icon{position:absolute;top:50%;left:50%;width:45px;height:45px;background-image:url('../images/widgetb-close.svg');background-size:24px 24px;background-repeat:no-repeat;background-position:center;transform:translate(-50%,-50%) rotate(0deg);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:99}.widgetbbtn-activator.active .close-icon{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) rotate(90deg)}.green-circle.paused-state .white-circle,.green-circle.paused-state .static-whatsapp,.green-circle.paused-state .icon{display:none!important;animation:none!important;transition:none!important;transform:none!important} @media(max-width:768px){ .widgetb .close-icon{ background-size:19px 19px;}} /* ÜRÜN DETAY ALT KUTULAR */ .ilcelerbg { background:#ececec} .modul-ilceler .heading{color:#b50000;font-size:2.2rem;font-weight:900;text-align:center;margin-bottom:1rem;} .modul-ilceler .heading a{color:#f39228;} @media (max-width:479px){.modul-ilceler .heading{font-size:1.7rem;}} .modul-ilceler .heading1{color:#4e4e4e;font-size:1.5rem;font-weight:400;text-align:center;margin-bottom:1rem;} .modul-ilceler ul {list-style-type: none;padding: 0;margin: 0;text-align: center;} .modul-ilceler ul li { display: inline-block;margin: 3px 0;}.modul-ilceler ul li:not(:last-child)::after {content: "|";margin-left: 10px;margin-right: 10px;color: #000 !important;}.modul-ilceler ul li a{font-size:15px;color:#000}.modul-ilceler ul li a:hover{color:#c90000} /* SEO SAYFASI İÇERİK */ #sayfa .icerik1{font-size: 17px; font-weight:400!important;color:#000} #sayfa .icerik1 ul{list-style:none;padding-left:0; padding-bottom: 5px;} #sayfa .icerik1 ol{list-style:none;padding-left:0} #sayfa .icerik1 ul li{color: #eb6f00; position:relative;padding-bottom:5px;padding-left:20px;font-weight:500!important} #sayfa .icerik1 ul li::before{content:"■";color:#b5b5b5;position:absolute;left:0;top:0} #sayfa .icerik1 b, #sayfa .icerik1 ul li strong {font-weight: 400!important; color: #e60000;} #sayfa .icerik1 .baslik {font-weight: 500!important; font-size: 22px; color: #3f3f3f;} #sayfa .icerik1 .fonttel {font-weight: 500!important; font-size: 25px; color: #e60000;} #sayfa .icerik1 h3{font-size: 22px;margin-bottom: 10px;font-weight: 500!important;} #sayfa .icerik1 h4{font-size: 25px;margin-bottom: 7px;font-weight:500!important;} #sayfa .icerik1 h2{color: #eb6f00; padding-bottom: 5px;} #sayfa .icerik1 ul li p{margin-bottom: 0rem;} .ats-card h4{font-size: 21px;} /* google seo için yazı listesi */ .glist{padding: 17px 0 17px 0px;} .glist h4{font-size: 21px;} .glist ul{text-align:center!important;list-style-type:none;padding:0;margin:0;text-align:center} .glist ul li{display:inline-block;margin:4px 0} .glist ul li a{text-decoration:none;color:#333;font-size:15px;font-weight:400;transition:color .3s ease,transform .3s ease} .glist ul li:not(:last-child)::after{content:"|";margin-left:7px;margin-right:7px;color:#ccc!important; font-weight:300;} .glist ul li a:hover{color:#e43500;text-decoration: underline;} .glist.font1 ul li a{font-size:16px;font-weight:400;} @media(max-width:565px){ .glist ul li{margin:3px 0} .glist ul li a{font-size:14px} .glist.font1 ul li a{font-size:15px;font-weight:400;} } /* banner üst boyutu*/ .forcefullwidth_wrapper_tp_banner{padding-top: 127px!important;} @media(max-width:768px){ .forcefullwidth_wrapper_tp_banner{padding-top: 73px!important;} } /* GOOGLE ÇEVİRİ YÜKLENİYOR SAKLAMA*/ .VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc{display:none;} .gtranslate_wrapper{z-index:10;top:8px;-webkit-transition:.45s ease all;transition:.45s ease all;} .gtranslate_wrapper img{margin-right: 12px!important; border-radius: 3px;width:32px!important; } .gtranslate_wrapper1 img{border-radius: 3px;width:32px!important; } @media (min-width:992px){.gtranslate_wrapper1{display:none;}} @media (max-width:768px){ .gtranslate_wrapper img{border-radius: 3px;width:23px!important; } } /* MODÜL 11 ANA SAYFA DESTEK KUTULARI */ .info-item .info-banner .info-content .info-title{font-size:22px; color:#ca0a9a;} @media(max-width:767px){.info-item .info-banner .info-content .info-title{font-size:16px}} .info-item .info-banner .info-content .info-sub-title{font-size:16px;font-weight:300;color:#999} @media(max-width:767px){.info-item .info-banner .info-content .info-sub-title{font-size:15px}} .info-item .info-border{border:solid 1px #d325c9} .info-item .card{border-radius:5px;background-color:#fff;position:relative;-webkit-transition:all .3s;transition:all .3s} .info-item .card:before{content:"";position:absolute;border-style:solid;z-index:5;border-radius:5px;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;top:-1px;left:0;height:100%;border-color:#ff0000;border-width:1px 0;-webkit-transition-delay:.05s;transition-delay:.05s;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:scaleX(0);transform:scaleX(0)} .info-item .card:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)} .info-item .card:after{content:"";position:absolute;border-style:solid;z-index:5;border-radius:5px;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;top:0;left:-1px;height:100%;border-color:#ff0000;border-width:0 1px;-webkit-transition-delay:.05s;transition-delay:.05s;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:scaleY(0);transform:scaleY(0)} .info-item .card:hover:after{-webkit-transform:scaleY(1);transform:scaleY(1)} .info-item .card:hover{color:#000!important;background:rgba(245,245,245,.6);} .info-item .card img{max-height:70px;} /* ANA SAYFA KAYAN ZEMİNLİ YAZI MODÜL 26*/ #modul26.sabit-arka-plan { min-height: 35vh; background-size: cover; background-attachment: fixed; background-position: center; display: flex; justify-content: center; align-items: center; padding: 10px 20px; /* Üst-alt boşluk */ margin-top: 40px; /* Üst-alt boşluk */ } #modul26 .icerik-kutusu { backdrop-filter: blur(12px); /* Blur efekti */ -webkit-backdrop-filter: blur(12px); /* Safari desteği */ background-color: rgba(0, 0, 0, 0.2); /* Saydam beyaz */ padding: 25px; max-width: 680px; width: 100%; box-shadow: 0 1px 20px #3636364d; text-align: center; } #modul26 .baslik {font-size: 1.5rem; color: #fff;font-weight:600; padding-bottom: 5px;} #modul26 .aciklama {font-size: 1.3rem; color: #fff;font-weight:300;} #modul26 .icerik-kutusu a{color: #fff;} /* MODÜL 26*/ #modul27 .aciklama {color: #000;font-weight:300;} .detayfont1 {font-size:25px; color: #000; font-weight:400;} .detayfont1 img{width: 210px;} .form-control-custom { width: 100%; height: 45px; padding: 0 16px; border: 1px solid #d1d5db; border-radius: 6px; color: #111827; font-size: 16px; font-weight: 400; outline: none; box-sizing: border-box; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.25s ease; } .form-label { display: block; margin-top: 20px; margin-bottom: 8px; font-size: 17px; font-weight: 500; color: #222; } .siparis-alani { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .adet-wrap-ozel { width: 100px; } .adet-wrap-ozel #adet { width: 100%; } .siparis-btn { background: #ff7a00 !important; border-color: #ff7a00 !important; color: #fff !important; border-radius: 6px; height: 45px; display: inline-flex; align-items: center; justify-content: center; padding: 0 24px; white-space: nowrap; margin: 0; } .select-wrap { position: relative; } .select-wrap::after { content: ""; position: absolute; right: 16px; top: 50%; width: 10px; height: 10px; border-right: 2px solid #666; border-bottom: 2px solid #666; transform: translateY(-65%) rotate(45deg); transition: transform 0.25s ease; pointer-events: none; } .select-wrap.open::after { transform: translateY(-35%) rotate(-135deg); } select.form-control-custom { width: 100%; height: 45px; padding: 0 30px 0 10px; border: 1px solid #d1d5db; border-radius: 6px; color: #111827; font-size: 16px; font-weight: 400; outline: none; box-sizing: border-box; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.25s ease; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff; } .cate-border{ background: #ffffff; border: 1px solid #e5e7eb; border-radius: 0 0 8px 8px; padding: 15px 0 15px 0; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); } .cate-border .form-control{ border: 1px solid #d1d5db; border-radius: 4px!important; height: 42px; box-shadow: none; transition: all 0.3s ease; } .cate-border .form-control:focus{ border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); outline: none; } .cate-border label{ display: block; font-size: 14px; font-weight: 400; color: #374151; margin-bottom: 6px; } .cate-border .filter-title{ font-size: 16px; font-weight: 700; color: #111827; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; } #product-list { transition: opacity .25s ease; } #product-list.loading-soft { opacity: .45; } #product-list .urun-item { opacity: 1; transform: translateY(0); transition: opacity .35s ease, transform .35s ease; } #product-list .urun-item.ajax-prep { opacity: 0; transform: translateY(18px); } .sorting .form-control {cursor: pointer;} #siparis-app, #siparis-app * { box-sizing: border-box; } #siparis-app { width: 100%; margin-top: 12px; color: #1f2937; font-size: 13px; line-height: 1.4; } #siparis-app .siparis-page-box { width: 100%; background: #ffffff; border-radius: 10px; padding: 14px; box-shadow: none; } #siparis-app .siparis-page-head { margin-bottom: 12px; } #siparis-app .siparis-page-title { margin: 0 0 4px; font-size: 20px; line-height: 1.2; font-weight: 700; color: #111827; } #siparis-app .siparis-page-desc { margin: 0; font-size: 14px; color: #6b7280; } #siparis-app .siparis-card { width: 100%; margin-bottom: 10px; padding: 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fafafa; } #siparis-app .siparis-card:last-child { margin-bottom: 0; } #siparis-app .siparis-card-title { margin-bottom: 10px; font-size: 16px; font-weight: 700; color: #111827; } #siparis-app .siparis-row { display: flex; flex-wrap: wrap; margin-left: -6px; margin-right: -6px; } #siparis-app .siparis-col-6, #siparis-app .siparis-col-12 { padding-left: 6px; padding-right: 6px; } #siparis-app .siparis-col-6 { width: 50%; } #siparis-app .siparis-col-12 { width: 100%; } #siparis-app .siparis-form-group { width: 100%; margin-bottom: 10px; } #siparis-app .siparis-form-group:last-child { margin-bottom: 0; } #siparis-app .siparis-label { display: block; margin-bottom: 4px; margin-top: 9px; font-size: 15px; line-height: 1.3; font-weight: 400; color: #111827; } #siparis-app .siparis-control { display: block; width: 100%; height: 38px; min-height: 38px; padding: 6px 10px; border: 1px solid #e5e7eb; border-radius: 6px; background: #ffffff; color: #111827; font-size: 16px; line-height: 1.3; outline: none; box-shadow: none; } #siparis-app select.siparis-control { appearance: auto; padding-right: 28px; } #siparis-app .siparis-control:focus { border-color: #111827; box-shadow: 0 0 0 2px rgba(17, 24, 39, 0.06); } #siparis-app .siparis-textarea { height: 70px; min-height: 70px; padding-top: 8px; padding-bottom: 8px; resize: vertical; } #siparis-app .siparis-help { margin-top: 4px; font-size: 14px; color: #6b7280; } #siparis-app .siparis-help a { color: #111827; text-decoration: underline; } #siparis-app .siparis-hidden { display: none !important; } #siparis-app .siparis-ozet-box { position: sticky; top: 12px; width: 100%; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; box-shadow: none; } #siparis-app .siparis-ozet-head { margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #e5e7eb; } #siparis-app .siparis-ozet-title { margin: 0; font-size: 20px; font-weight: 700; color: #111827; } #siparis-app .siparis-ozet-list { width: 100%; } #siparis-app .siparis-ozet-row { padding: 7px 0; border-bottom: 1px solid #f1f5f9; } #siparis-app .siparis-ozet-row:last-child { border-bottom: 0; } #siparis-app .siparis-ozet-label { margin-bottom: 2px; font-size: 14px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.2px; } #siparis-app .siparis-ozet-value { font-size: 15px; line-height: 1.35; color: #111827; word-break: break-word; } #siparis-app .siparis-ozet-total-box { margin-top: 10px; color: #111827; } #siparis-app .siparis-ozet-total-label { font-size: 18px; font-weight: 600; text-transform: uppercase; opacity: 0.8; margin-bottom: 2px; } #siparis-app .siparis-ozet-total-value { font-size: 18px; font-weight: 400; line-height: 1.2; } #siparis-app .siparis-submit { display: inline-block; width: 100%; margin-top: 10px; padding: 9px 12px; border: 0; border-radius: 6px; background: #111827; color: #ffffff; font-size: 20px; font-weight: 400; text-align: center; cursor: pointer; } #siparis-app .siparis-submit:hover { background: #000000; } @media (max-width: 991px) { #siparis-app .siparis-page-box { padding: 10px; } #siparis-app .siparis-card { padding: 10px; } #siparis-app .siparis-ozet-box { position: static; margin-top: 14px; } } @media (max-width: 767px) { #siparis-app .siparis-col-6, #siparis-app .siparis-col-12 { width: 100%; } #siparis-app .siparis-page-title { font-size: 18px; } #siparis-app .siparis-page-box{ padding: 0px; } #siparis-app .siparis-ozet-box { padding: 10px; } #siparis-app .siparis-card { padding: 10px; } #siparis-app .siparis-card-title { font-size: 15px; } #siparis-app .siparis-control { height: 38px; min-height: 38px; padding: 6px 10px; font-size: 16px; } #siparis-app .siparis-textarea { height: 90px; min-height: 90px; } #siparis-app .siparis-ozet-total-value { font-size: 16px; } } #siparis-app .siparis-check-grid { display: flex; flex-wrap: wrap; gap: 8px; } #siparis-app .siparis-check-item { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 110px; height: 38px; padding: 0 12px; border: 1px solid #d1d5db; border-radius: 6px; background: #ffffff; cursor: pointer; transition: all 0.2s ease; overflow: hidden; } #siparis-app .siparis-check-item input[type="radio"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; margin: 0; } #siparis-app .siparis-check-item span { position: relative; z-index: 1; font-size: 16px; font-weight: 400; color: #111827; line-height: 1; white-space: nowrap; } #siparis-app .siparis-check-item:hover { border-color: #111827; } #siparis-app .siparis-check-item input[type="radio"]:checked + span { color: #ffffff; } #siparis-app .siparis-check-item:has(input[type="radio"]:checked) { background: #111827; border-color: #111827; } @media (max-width: 767px) { #siparis-app .siparis-check-grid { gap: 6px; } #siparis-app .siparis-check-item { min-width: calc(50% - 3px); height: 38px; padding: 0 10px; } } #siparis-app .siparis-check-item.active { background: #111827; border-color: #111827; } #siparis-app .siparis-check-item.active span { color: #ffffff; } #siparis-app .siparis-control.siparis-invalid { border: 1px solid #dc3545 !important; background-color: #fff8f8 !important; } #siparis-app .siparis-error { display: block !important; margin-top: 5px !important; font-size: 12px !important; line-height: 1.4 !important; color: #dc3545 !important; font-weight: 700 !important; } #siparis-app .siparis-check-item.siparis-invalid-check { border-color: #dc3545 !important; background-color: #fff8f8 !important; } .hazir-metin-wrap{ display:block; height:230px; overflow-y:auto; overflow-x:hidden; padding:10px; border:1px solid #e5e7eb; border-radius:8px; background:#fff; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; } .hazir-metin-kategori{ border:1px solid #cee8ee; border-radius:4px; background:#fff; margin-bottom:12px; overflow:visible; } .hazir-metin-kategori summary{ cursor:pointer; padding:10px 10px; font-weight:400; list-style:none; background:#e4f3f7; font-size:16px; } .hazir-metin-kategori summary::-webkit-details-marker{ display:none; } .hazir-metin-liste{ padding:0px; display:flex; flex-direction:column; gap:0px; } .hazir-metin-item{ border-bottom:1px solid #ececec; border-radius:0px; padding:10px; background:#fcfcfc; } .hazir-metin-item-ust{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; } .hazir-metin-no{ font-weight:700; color:#555; } .hazir-metin-btn{ border:0; background:#222; color:#fff; padding:5px 5px; border-radius:6px; cursor:pointer; font-size:14px; } .hazir-metin-btn:hover{ opacity:.9; } .hazir-metin-text{ white-space:pre-wrap; word-break:break-word; line-height:1.7; color:#333; font-size:14px; } .hazir-metin-bilgi{ margin-top:8px; font-size:13px; color:#666; } /* Scrollbar görünür olsun */ .hazir-metin-wrap::-webkit-scrollbar{ width:10px; } .hazir-metin-wrap::-webkit-scrollbar-track{ background:#f1f1f1; border-radius:10px; } .hazir-metin-wrap::-webkit-scrollbar-thumb{ background:#999; border-radius:10px; } .hazir-metin-wrap::-webkit-scrollbar-thumb:hover{ background:#666; } .siparis-takip-alani { display: flex; align-items: center; gap: 15px; width: 100%; } .track-box { position: relative; flex: 1; width: 100%; } .track-icon { position: absolute; left: 5px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px; color: #666; display: flex; align-items: center; justify-content: center; pointer-events: none; } .track-icon svg { width: 35px; height: 35px; } .track-box input { width: 100%; height: 46px; padding: 0 10px 0 45px; border: 1px solid #ccc; border-radius: 6px; font-size: 18px; outline: none; box-sizing: border-box; } .track-box input:focus { border-color: #222; } .track-btn { height: 46px; padding: 0 20px; border: none; border-radius: 6px; background: #000; color: #fff; font-size: 17px; cursor: pointer; white-space: nowrap; flex-shrink: 0; } .track-btn:hover { opacity: 0.9; } @media (max-width: 768px) { .siparis-takip-alani { flex-direction: column; align-items: stretch; } .track-box, .track-btn { width: 100%; } .track-btn { text-align: center; } } .siparis-detay-page{ padding: 20px 0 40px; } .siparis-detay-title{ font-size: 28px; font-weight: 700; color: #1f2937; margin-bottom: 22px; line-height: 1.2; } .siparis-layout{ display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 24px; align-items: start; } .siparis-main, .siparis-side{ min-width: 0; } .detay-card{ background: #fff; border: 1px solid #e5e7eb; border-radius: 6px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04); } .detay-head{ padding: 10px 10px; background: #f8fafc; border-bottom: 1px solid #e5e7eb; font-size: 18px; font-weight: 500; color: #111827; } .detay-body{ padding: 10px; } .detay-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; } .detay-grid.tek{ grid-template-columns: 1fr; } .detay-item{ background: #f9fafb; border: 1px solid #eef2f7; border-radius: 6px; padding: 14px; min-width: 0; } .detay-item.full{ grid-column: 1 / -1; } .detay-label{ font-size: 15px; font-weight: 500; color: #6b7280; text-transform: uppercase; letter-spacing: .4px; margin-bottom: 8px; } .detay-value{ font-size: 15px; color: #111827; line-height: 1.6; word-break: break-word; } .detay-value.multiline{ white-space: pre-line; } .metin-kutu{ background: #f9fafb; border: 1px solid #eef2f7; border-radius: 6px; padding: 10px; line-height: 1.8; color: #111827; white-space: pre-line; word-break: break-word; } .ozet-kutu{ display: flex; flex-direction: column; gap: 7px; } .ozet-row{ display: flex; align-items: flex-start; justify-content: space-between; gap: 7px; padding-bottom: 12px; border-bottom: 1px solid #eef2f7; } .ozet-row:last-child{ border-bottom: 0; padding-bottom: 0; } .ozet-label{ font-size: 15px; color: #6b7280; font-weight: 500; } .ozet-value{ font-size: 15px; color: #111827; text-align: right; word-break: break-word; } .durum-badge{ display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 999px; background: #111827; color: #fff; font-size: 12px; font-weight: 700; } @media (max-width: 991px){ .siparis-layout{ grid-template-columns: 1fr; } .siparis-side{ order: 2; } .siparis-main{ order: 1; } } @media (max-width: 767px){ .siparis-detay-title{ font-size: 20px; } .detay-head{ font-size: 16px; padding: 14px 16px; } .detay-body{ padding: 10px; } .detay-grid{ grid-template-columns: 1fr; gap: 12px; } .detay-item.full{ grid-column: auto; } .ozet-row{ flex-direction: column; gap: 4px; } .ozet-value{ text-align: left; } } .durum-badge{ display:inline-flex; align-items:center; padding:7px 12px; border-radius:6px; color:#fff; font-size:15px; font-weight:500; line-height:1; } .durum-bekliyor{background:#f59e0b;} .durum-onay{background:#10b981;} .durum-hazirlaniyor{background:#3b82f6;} .durum-tedarik{background:#8b5cf6;} .durum-odeme{background:#ef4444;} .durum-kargo{background:#0ea5e9;} .durum-teslim{background:#16a34a;} .durum-iptal{background:#dc2626;} .durum-iade{background:#6b7280;} .durum-default{background:#111827;} .odeme-badge{ display:inline-flex; align-items:center; padding:7px 12px; border-radius:6px; color:#fff; font-size:15px; font-weight:500; line-height:1; } .odeme-evet{ background:#2563eb; } .odeme-hayir{ background:#dc2626; } .urun-detay-listesi { margin: 0; padding-left: 0px; } .urun-detay-listesi li { position: relative; padding-left: 18px; margin-bottom: 4px; line-height: 1.6; color: #444; font-size: 17px; } .urun-detay-listesi li::before { content: ""; position: absolute; left: 0; top: 10px; width: 10px; height: 10px; background: #FFC000; } /* ARAMA AJAX ANA SAYFA İÇİN ÜRÜN ARAMA */ .urun-bulucu { position: relative; width: 100%; max-width: 400px; font-family: Arial, sans-serif; } .arama-input-wrap { position: relative; width: 100%; } #urunAra { width: 100%; height: 38px; padding: 8px 38px 8px 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 17px; background: #fff; } #urunAra:focus { outline: none; border-color: #aaa; } .arama-btn { position: absolute; right: 0; top: 0; width: 42px; height: 100%; border: 0; background: #000; cursor: pointer; color: #fff; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 0 5px 5px 0; } .arama-btn:hover { background: #222; color: #fff; } .arama-btn svg { width: 20px; height: 20px; } #urunSonuclari { position: absolute; top: 42px; left: 0; right: 0; background: #fff; border: 1px solid #ddd; border-radius: 5px; z-index: 99999; display: none; max-height: 280px; overflow-y: auto; overflow-x: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.08); } #urunSonuclari, #ustUrunSonuclari { scrollbar-width: thin; scrollbar-color: #999 #f1f1f1; } /* Chrome, Edge, Safari */ #urunSonuclari::-webkit-scrollbar, #ustUrunSonuclari::-webkit-scrollbar { width: 5px; } #urunSonuclari::-webkit-scrollbar-track, #ustUrunSonuclari::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } #urunSonuclari::-webkit-scrollbar-thumb, #ustUrunSonuclari::-webkit-scrollbar-thumb { background: #999; border-radius: 10px; } #urunSonuclari::-webkit-scrollbar-thumb:hover, #ustUrunSonuclari::-webkit-scrollbar-thumb:hover { background: #666; } .urun-listesi { padding: 5px; } .urun-item { display: flex; gap: 8px; align-items: center; padding: 6px; text-decoration: none; color: #333; border-bottom: 1px solid #eee; font-size: 13px; } .urun-item:last-child { border-bottom: 0; } .urun-item:hover { background: #f7f7f7; text-decoration: none; } .urun-item img { width: 38px; height: 38px; object-fit: cover; border-radius: 4px; flex-shrink: 0; } .urun-bilgi { min-width: 0; line-height: 1.3; } .urun-item strong { display: block; font-size: 13px; font-weight: 600; line-height: 1.3; max-height: 34px; overflow: hidden; color: #222; } .urun-item span { display: block; font-size: 12px; color: #777; margin-top: 2px; } .sonuc-yok { padding: 10px; color: #999; font-size: 15px; } /* ARAMA AJAX ÜST KISIM İÇİN */ .ust-arama-ac { height: 34px; border: 0; background: #000; color: #fff; border-radius: 4px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 10px; font-size: 15px; font-weight: 500; line-height: 1; } .ust-arama-ac:hover { background: #222; color: #fff; } .ust-arama-ac svg { width: 20px; height: 20px; flex-shrink: 0; } .ust-arama-ac span { display: inline-block; } .ust-arama-panel { position: absolute; right: 0; top: 42px; width: 360px; max-width: calc(100vw - 20px); z-index: 99999; display: none; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); box-shadow: 0 0 10px 0 rgba(0,0,0,.1); } .ust-arama-input-wrap { position: relative; width: 100%; } #ustUrunAra { width: 100%; height: 38px; padding: 8px 50px 8px 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 15px; background: #fff; } #ustUrunAra:focus { outline: none; border-color: #aaa; } .ust-arama-btn { position: absolute; right: 0; top: 0; width: 42px; height: 100%; border: 0; background: #000; cursor: pointer; color: #fff; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 0 5px 5px 0; } .ust-arama-btn:hover { background: #222; color: #fff; } .ust-arama-btn svg { width: 17px; height: 17px; } #ustUrunSonuclari { position: absolute; top: 42px; left: 0; right: 0; width: 100%; background: #fff; border: 1px solid #ddd; border-radius: 5px; z-index: 99999; display: none; max-height: 280px; overflow-y: auto; overflow-x: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.08); box-sizing: border-box; } .ust-urun-listesi { width: 100%; padding: 5px; margin: 0; box-sizing: border-box; } #ustUrunSonuclari .ust-urun-item { display: flex !important; width: 100% !important; min-height: 56px; align-items: center; gap: 8px; padding: 7px !important; margin: 0 !important; box-sizing: border-box; background: #fff; color: #333 !important; text-decoration: none !important; border-bottom: 1px solid #eee; line-height: normal !important; transform: none !important; } #ustUrunSonuclari .ust-urun-item:hover, #ustUrunSonuclari .ust-urun-item:focus { background: #f5f5f5 !important; color: #333 !important; text-decoration: none !important; padding: 7px !important; margin: 0 !important; min-height: 56px; transform: none !important; } #ustUrunSonuclari .ust-urun-item:last-child { border-bottom: 0; } #ustUrunSonuclari .ust-urun-item img { width: 42px !important; height: 42px !important; min-width: 42px !important; max-width: 42px !important; object-fit: cover; border-radius: 4px; flex-shrink: 0; margin: 0 !important; padding: 0 !important; } #ustUrunSonuclari .ust-urun-bilgi { flex: 1; min-width: 0; overflow: hidden; text-align: left; line-height: 1.3; } #ustUrunSonuclari .ust-urun-item strong { display: block; width: 100%; font-size: 14px; font-weight: 600; color: #222; line-height: 1.3; margin: 0 !important; padding: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #ustUrunSonuclari .ust-urun-item span { display: block; width: 100%; font-size: 13px; color: #777; line-height: 1.2; margin-top: 3px; padding: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #ustUrunSonuclari .ust-sonuc-yok { padding: 10px; font-size: 13px; color: #999; text-align: left; } @media (max-width: 768px) { .ust-destek { gap: 7px; } .ust-arama-panel { right: 0; width: 170px; } }