@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.Benzerurunler h5{
    color:#434343;
    margin-bottom:6px;
    font-weight:500;
    font-size:13.5px;
}
.sepetpush{
    width:30% !important;
}
.sepetpushurunler img{
    width:100%;
    height:70px;
    object-fit:contain;
}
.sepetpushurunler h1{
    font-size:15px;
    color:#000;
    margin-bottom:10px;
}
.sepetpushurunler h6{
    color:#535353;
    font-size:13.6px;
    margin-top:12px;
}
.sepetpushurunler{
    border-bottom:1px solid #D9D9D9;
    margin-bottom:13px;
    padding-bottom:13px;
}
.sepetheader{
    font-size:20px;
    font-weight:500;
    color:#333;
}
.total h5{
    font-size:16px;
    color:#01618d;
    font-weight:400;
}
.total span{
    color:#1C1C1C;
    font-weight:500;
    font-size:21.5px;
}
.gocart{
    display:block;
    width:100%;
    background-color:#01618d;
    line-height:45px;
    color:#FFF;
    text-align:center;
    font-weight:600;
    margin-top:18px;
    font-size:14px;
}
.pushbuttons button{
    color:#000;
    font-weight:500;
    font-size:13.4px;
    background-color:transparent;
    width:40px;
    height:40px;
    border:1px solid #D9D9D9;
}
.pushbuttons h4{
    line-height:40px;
    text-align:center;
    font-size:13.5px;
    color:#000;
}
.benzerurunbox img{
    width:85px;
    height:85px;
    object-fit:cover;
    transition:0.3s ease-in;
    display:inline-block;
    margin-right:9px;
    margin-bottom:9px;
}
.benzerurunbox img:hover{
    transform:scale(1.03);
}
.Anakatsyeni{
    margin-top:15px;
    margin-bottom:15px;
    text-align:center;
    padding-bottom:15px;
    border-bottom:1px solid #D9D9D9;
}
.Anakatsyeni h6{
    color:#02567c;
    text-align:center;
    display:block;
    margin-top:25px;
    margin-bottom:30px;
    font-size:14.7px;
    font-weight:600;
}
.Anakatsyeni img{
    width:85px !important;
    height:85px !important;
    display:block !important;
    margin:auto !important;
    object-fit:cover !important;
    border-radius:50% !important;
}
.Anakatsyeni h5{
    color:#333;
    margin-top:10px;
    font-weight:500;
    font-size:13.3px;
}
.star-rating i {
    color: #f8ce0b;
    margin-right: 2px;
}
.verified-badge {
    background-color: #34495e;
    color: white;
    font-size: 0.75rem;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 5px;
}
.rating-bar {
    height: 10px;
    background: #e0e0e0;
    border-radius: 5px;
    overflow: hidden;
}
.rating-fill {
    height: 100%;
    background: #34495e;
}
.review-date {
    font-size: 14px;
    color: #666;
}
.review-box h6{
    color:#000;
    font-size:14.6px;
    font-weight:500;
    margin-top:12px;
    margin-bottom:0px;
}
.text-teal {
    color: #01618d;
}
.btn-sepet:hover {
    background-color: #01618d;
}
.shadow-sm {
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3) !important;
}
.Urunyorumlar{
    background-color:#FAFAFA;
    padding-top:30px;
    padding-bottom:30px;
}
.Urunyorumlar .fa-star{
    font-size:13.5px;
    color:#01618d;
}
.review-box {
    border-bottom: 1px solid #eee;
    padding: 1rem 0;
}
.announcement-bar {
    width: 100%;
    overflow: hidden;
    background: transparent;
    font-size: 14px;
    padding-top:10px;
    padding-bottom:10px;
}
.review-box p{
    font-size:13.4px;
    color:#1C1C1C;
    font-weight:400;
    line-height:24px;
}
.marquee {
    display: flex;
    white-space: nowrap;
}
.marquee__inner {
  display: flex;
  animation: marquee-scroll 30s linear infinite;
}
.marquee__inner a {
    display: inline-block;
    padding: 0 2rem;
    color: #01618d;
    text-decoration: none;
    transition: color 0.3s;
    font-weight: 500;
    font-size:13.5px;
}
.marquee__inner a:hover {
  color: #01618d;
}

@keyframes marquee-scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.urunimgbox {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.urunimgbox img {
  display: block;
  width: 100%;
  transition: opacity 0.5s ease, transform 0.5s ease;
  backface-visibility: hidden;
}

.urunimgbox.has-second .ikincigorsel {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(1);
  z-index: 2;
}

.urunimgbox.has-second:hover .ikincigorsel {
  opacity: 1;
  transform: scale(1.05); /* biraz büyüme efekti */
}

.urunimgbox.has-second:hover .ilkgorsel {
  opacity: 0;
  transform: scale(0.95); /* hafif küçülme */
}

html{
    overflow-x: hidden !important;
    font-family:'Montserrat',sans-serif;
}
body{
    min-height:100vh !important;
    overflow-x:hidden !important;
    font-family:'Montserrat',sans-serif;
}
.zoom-container {
  position: relative;
  width: 800px; /* Görüntü boyutu */
}
.specialkats{
    margin-top:15px;
}
.specialkats a{
    background-color:#01618d;
    display:inline-block;
    margin-right:12px;
    font-weight:500;
    color:#FFF;
    border-radius:5px;
    font-size:13.2px;
    padding-left:15px;
    padding-right:15px;
    line-height:40px;
}
#zoom-image {
  width: 100%;
  display: block;
}

.Blog{
    margin-top:50px;
    margin-bottom:50px;
}
.Blog h1{
    text-align:center;
    font-size:14px;
    font-weight:600;
    color:#333;
    margin-top:20px;
    margin-bottom:7px;
}
.Blog img{
    width:100%;
    height:250px;
    object-fit:cover;
}
#zoom-lens {
  position: absolute;
  border: 2px solid #000;
  width: 100px; /* Lens boyutu */
  height: 100px;
  opacity: 0.5;
  background-color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.zoom-container:hover #zoom-lens {
  display: block;
}
.pad0{
    padding:0px !important;
}
.bin{
    width:1370px;
    margin:auto !important;
}
a{
    text-decoration:none !important;
}
.footer{
    padding-top:26px;
    padding-bottom:0px;
    border-top:1px solid rgba(28,28,28,0.1);
}
.footer a{
    color:#1C1C1C;
    transition:0.3s ease-in;
    font-size:13.2px;
    font-weight:500;
    display:block;
    margin-bottom:12px;
}
.footer a:hover{
    color:#01618d;
    transform:scale(1.03);
}
.left a{
    font-size:13.6px;
    font-weight:500;
}
.footer hr{
    margin-bottom:20px;
}
.footer span{
    color:#01618d;
}
.footer h3{
    font-weight:500;
    margin-bottom:21px;
    font-size:15px;
    color:#01618d;
}
.footer img{
    width:auto;
    height:70px;
    object-fit:contain;
    margin-bottom:25px;
}
.footer p{
    font-size:13.5px;
    font-weight:500;
    color:#000;
    margin-top:0px !important;
    padding-top:0px !important;
    line-height:24px;
}
.Sozlesmeler{
    margin-top:40px;
    margin-bottom:40px;
}
.Sozlesmeler p{
    font-size:13.5px;
    font-weight:400;
    color:#000;
    line-height:26px;
}
.Sozlesmeler h1{
    font-size:16.6px;
    color:#01618d;
    margin-top:15px;
    font-weight:700;
    margin-bottom:30px;
}
.kuldashboard h1{
    font-size:15px !important;
    color:#01618d  !important;
    margin-top:15px !important;
    font-weight:600 !important;
    margin-bottom:30px !important;
}
.kulhead{
    font-size:15px !important;
    color:#01618d  !important;
    margin-top:0px !important;
    font-weight:600 !important;
    margin-bottom:30px !important;
}
.Sozlesmeler .brr {
    background: #fdfdfd;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #eee;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.Sozlesmeler h4 {
    color: #01618d;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #01618d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.Sozlesmeler a {
    transition: all 0.3s ease;
    font-size: 12.8px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 12px 15px;
    margin-bottom: 8px;
    text-decoration: none;
    background: #fff;
    border: 1px solid #f0f0f0;
}
.Sozlesmeler a:hover {
    padding-left: 20px;
    background-color: #f8fbff;
    color: #01618d;
    border-color: #01618d;
    box-shadow: 0 2px 8px rgba(1, 97, 141, 0.1);
}
.Sozlesmeler .act {
    background: #01618d !important;
    color: #FFF !important;
    border-color: #01618d !important;
    box-shadow: 0 4px 12px rgba(1, 97, 141, 0.3);
}

.Sozlesmeler .dot2 {
    display:none !important;
}
.brr{
    border-right:1px solid rgba(28,28,28,0.1);
}
.block992{
    display:none !important;
}
.horizontallinks {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.block992::-webkit-scrollbar {
    height: 8px; 
}
.block992::-webkit-scrollbar-track {
    background: transparent; 
}
.block992::-webkit-scrollbar-thumb {
    background: transparent; 
}
.horizontallinks a {
    border:1px solid rgba(218,218,218,0.1) !important;
    background-color:#FAFAFA;
    margin-right: 10px;
    text-decoration: none;
    font-size:13.4px;
    font-weight:500;
    padding:15px 15px;
    color: #000;
    transition: padding-left 0.3s ease, background-color 0.3s ease;
}
.Sozlesmeler h6{
    font-size:13px;
    font-weight:400;
    color:#01618d;
}
.horizontallinks a:hover {
    background-color:#01618d;
    color:#FFF;
}
.horizontallinks a.act {
    background-color:#01618d;
    color:#FFF;
}
.requ{
    color:red !important;
}
.bulten input[type="mail"]{
    width:100%;
    background-color:#FAFAFA;
    margin-bottom:12px;
    border-radius:5px;
    font-size:13.4px;
    padding:10px;
    color:#000;
    height:45px;
    border:1px solid rgba(28,28,28,0.1);
}
.kvkk-container {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.kvkk-label {
    display: flex !important;
    align-items: flex-start !important;
    position: relative !important;
    padding-left: 35px !important;
    cursor: pointer !important;
    font-size: 13px !important;
    color: #444 !important;
    user-select: none !important;
    line-height: 1.5 !important;
}
.kvkk-label input {
    position: absolute !important;
    opacity: 0 !important;
    cursor: pointer !important;
    height: 0 !important;
    width: 0 !important;
}
.checkmark {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 22px !important;
    width: 22px !important;
    background-color: #f8f9fa !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}
.kvkk-label:hover input ~ .checkmark {
    border-color: #01618d !important;
}
.kvkk-label input:checked ~ .checkmark {
    background-color: #01618d !important;
    border-color: #01618d !important;
}
.checkmark:after {
    content: "" !important;
    position: absolute !important;
    display: none !important;
}

.kvkk-label input:checked ~ .checkmark:after {
    display: block !important;
}

.kvkk-label .checkmark:after {
    left: 7px !important;
    top: 3px !important;
    width: 6px !important;
    height: 11px !important;
    border: solid white !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

/* Link Stili */
.kvkk-text a {
    color: #01618d !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    margin-left: 5px !important;
}

.kvkk-text a:hover {
    color: #014a6b !important;
}
.bulten button{
    background-color:#01618d;
    padding:10px 15px;
    color:#FFF;
    font-weight:600;
    font-size:13.4px;
    border-radius:6px;
    border:none !important;
}
.Iletisim {
    margin-top: 50px !important;
    margin-bottom:50px !important;
}
.Iletisim h3 {
    font-size: 21.5px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-bottom: 10px !important;
}

.Iletisim p {
    font-size: 13.5px !important;
    color: #000 !important;
    line-height: 24px !important;
    margin-bottom: 20px !important;
}
.Iletisim a {
    display: inline-flex !important;
    align-items: center !important;
    background: #f9f9f9 !important;
    border: 1px solid #eee !important;
    padding: 10px 18px !important;
    border-radius: 50px !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}
.Iletisim a:hover {
    background: #01618d !important;
    color: #fff !important;
    border-color: #01618d !important;
    padding-left: 18px !important; 
}
.Iletisim span {
    margin-right: 8px !important;
    color: #01618d !important;
}
.Iletisim a:hover span {
    color: #fff !important;
}
.Iletisim h2 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #01618d !important;
    margin-top: 30px !important;
    margin-bottom: 25px !important;
}

.Iletisim h4 {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #444 !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
}

.Iletisim input, 
.Iletisim textarea {
    width: 100% !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    padding: 12px !important;
    font-size: 13.5px !important;
    font-weight:500;
    font-family: 'Montserrat', sans-serif !important;
    margin-bottom: 15px !important;
    transition: border-color 0.3s !important;
}

.Iletisim input:focus, 
.Iletisim textarea:focus {
    border: 1px solid #01618d !important;
    outline: none !important;
}
.Iletisim textarea {
    height:130px;
}
.Iletisim button {
    background-color: #01618d !important;
    color: #FFF !important;
    border-radius: 6px !important;
    height: 42px !important;
    font-size: 13.6px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer !important;
    transition: background 0.3s !important;
    width: 200px !important;
    text-transform: uppercase !important;
}

.Iletisim button:hover {
    background-color: #014a6b !important;
}

.requ { color: #d9534f !important; }
.requ {
    color: #ff3b30 !important;
    font-weight: bold !important;
}
.bulten input:focus {
    border:2px solid #01618d !important;
}
.specialmar{
    margin-top:10px;
}
.formsec input:focus {
    border:2px solid #01618d !important;
}
.formsec textarea:focus {
    border:2px solid #01618d !important;
}
.siparispuan input:focus {
    border:2px solid #01618d !important;
}
.siparispuan textarea:focus {
    border:2px solid #01618d !important;
}
.formsec2 input:focus {
    border:2px solid #01618d !important;
}
.benzerbox22 img{
    width:70px;
    height:70px;
    object-fit:contain;
}
.benzerbox22 button{
    text-align:left !important;
    color:#01618d !important;
    font-weight:500 !important;
    font-size:13.6px !important;
    height:26px !important;
    width:auto !important;
    border:none !important;
}
.benzerbox22 h4{
    font-size:15px;
    margin-top:7px;
    color:#000;
    font-weight:500;
    margin-bottom:17px;
}
.benzerbox22 h5{
    font-size:13.5px;
    font-weight:500;
    color:#434343;
}
.sepetsec .accordion {
    background-color: #FFF;
    color: #000;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border:none;
    border-bottom:1px solid #D9D9D9;
    text-align: left;
    outline: none;
    font-size: 13.4px;
    transition: 0.4s;
    font-weight:500;
    margin-bottom:10px;
}
.sepetsec  .panel {
   padding: 0 18px;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
}
.SSS .accordion {
    background-color: transparent;
    color: #1d1d1f;
    cursor: pointer;
    padding: 12px 12px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 13.4px;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    font-weight:600;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color:#FAFAFA;
    margin-bottom:10px;
}
.SSS .accordion:hover {
    color: #01618d;
    background-color: rgba(1, 97, 141, 0.02); 
}
.SSS .active {
    color: #01618d;
    border-bottom-color: transparent;
}
.SSS .panel {
    padding: 0 10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background-color: #fff;
}

.SSS .accordion:after {
    content: '\203A'; 
    color: #86868b;
    font-size: 24px;
    font-weight: 300;
    transition: transform 0.3s ease;
}
.SSS .active:after {
    transform: rotate(90deg);
    color: #01618d;
}
.block767{
    display:none !important;
}
.SSS h3{
    font-size:19px;
    font-weight:500;
    margin-bottom:20px;
    color:#000;
}
.Markalar{
    margin-top:50px;
    margin-bottom:50px;
}
.Markalar p{
    font-size:13.6px;
    font-weight:300;
    color:#282828;
    line-height:28px;
}
.markatopimg img{
    width:100%;
    height:auto;
    object-fit:contain;
    margin-bottom:60px;
}
.llg{
    margin-top:60px;
    margin-bottom:60px;
}
.logobox{
    background-color:#FAFAFA;
    padding:30px;
    margin-bottom:20px;
    height:100px;
}
.logobox img{
    object-fit:contain;
    width:100%;
    height:100%;
}
.Urunler{
    margin-top:30px;
    margin-bottom:30px;
}
.urunimgbox{
    padding:0px;
    width:100%;
    height:280px;
    margin-bottom:10px;
}
.urunimgbox img{
    width:100%;
    height:100%;
    object-fit:contain;
    margin:auto !important;
}
.urunbox {
    display: grid !important;
    grid-template-rows: auto 1fr auto; 
    height: 100%;
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
}
.urunimgbox {
    height: 250px;
    margin-bottom: 10px;
}
.urunbox h1 {
    font-size: 13.6px !important;
    height: 50px; 
    color:#000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 10px 0 !important;
}
.urunbox button {
    height:45px;
    color:#01618d;
    font-size:13.5px;
    border:1px solid rgba(28,28,28,0.2);
    background-color:#FFF;
    border-radius:0px;
    grid-row: 3; 
    width: 100%;
    font-weight:500;
    margin-top: 0px !important;
    align-self: end;
    transition:0.3s ease-in;
}
.urunbox button {
    margin-top: auto !important; 
}
.urunbox button:hover{
    background-color:#01618d;
    color:#FFF;
}
.urunbox i{
    color:#01618d !important;
    font-size:12.6px;
    margin-right:4px;
}
.toplam_siparis{
    font-size:13.4px;
    margin-left:5px;
    font-weight:600;
    color:#434343;
}
.urunbox h6{
    color:#000 !important;
    font-weight:400 !important;
    font-size:13.5px !important;
    margin-top:20px !important;
    margin-bottom:15px !important;
}
.urunbox h5{
    font-size:14px !important;
    color:#000 !important;
    font-weight:600 !important;
}
.Ustbant{
    border-bottom:1px solid rgba(28,28,28,0.1);
    padding-top:25px;
    padding-bottom:20px;
    background-color:#01618d;
    transition: 0.3s ease-in-out;
}
.Ustbant h5{
    font-size:19px;
    line-height:35px;
    color:#FFF;
    font-weight:400;
    padding-top:3px;
}
.Ustbant span{
    margin-right:10px;
    color:#01618d;
}
.Ustbant .dropdown{
    width:100%;
}
.Ustbant .btn{
    background-color:transparent !important;
    color:#FFF;
    font-weight:500;
    font-size:14.2px;
    border:1px solid #FFF !important;
    border-radius:0px !important;
    width:100%;
    height:45px;
    line-height:33px;
    text-align:center;
}
.Ustbant .dropdown-menu{
    width:100% !important;
    padding:0px !important;
    border-radius:0px !important;
}
.Ustbant .dropdown-menu a{
    font-size:13.7px;
    font-weight:500;
    color:#1C1C1C;
    line-height:35px;
    border-bottom:1px solid rgba(28,28,28,0.1);
}
.fixed{
    background-color:#01618d;
    z-index:33;
    position:fixed;
    transition: 0.3s ease-in-out;
    left:0;
    right:0;
    top:0;
}
.kuldashboard .bilgsec{
    margin-bottom:25px;
    border-bottom:1px solid rgba(28,28,28,0.1);
}
.bilgsec h6{
    color:#000;
    font-size:13px;
    font-weight:500;
}
.bilgsec h4{
    font-size:14px;
    font-weight:400;
    margin-top:12px;
    color:#282828;
}
.bilgsec span{
    color:#01618d;
}
.siparisbox {
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-bottom: 20px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    position: relative !important;
}
.siparisbox:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(1, 97, 141, 0.08) !important;
    border-color: #01618d !important;
}
.siparisbox h5 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #f8f9fa !important;
    padding-bottom: 12px !important;
    margin-bottom: 15px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.adsil {
    font-size: 13px !important;
    color: #d9534f !important; 
    text-decoration: none !important;
    background: rgba(217, 83, 79, 0.05) !important;
    padding: 5px 10px !important;
    border-radius: 6px !important;
    transition: all 0.3s !important;
}
.adsil:hover {
    background: #d9534f !important;
    color: #fff !important;
}
.siparisbox h2 {
    font-size: 13.5px !important;
    color: #444 !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    margin-bottom: 8px !important;
    border: none !important; 
    padding: 0 !important;
}
.siparisbox h2 span {
    color: #01618d !important;
    font-weight: 700 !important;
    margin-right: 5px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
}
.siparisbox > a:last-of-type {
    display: inline-block !important;
    margin-top: 15px !important;
    background: #01618d !important;
    color: #fff !important;
    padding: 8px 18px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-left: 0 !important;
    transition: background 0.3s !important;
}
.adekle{
    display:block !important;
    background-color:#01618d !important;
    color:#FFF !important;
    width:140px !important;
    font-weight:600 !important;
    font-size:13.5px;
    text-align:center !important;
    margin-bottom:0px !important;
    margin-top:12px !important;
}
.siparisbox > a:last-of-type:hover {
    background: #014a6b !important;
    color: #fff !important;
}
.kuladi h4{
    font-size:14.5px !important;
    font-weight:600 !important;
    margin-bottom:9px !important;
    border:none !important;
    color:#01618d !important;
}
.kuladi span{
    font-size:16.5px !important;
    color:#333 !important;
    display:block !important;
}
.siparispuan h3{
    font-size:14.5px;
    color:#1C1C1C;
    font-weight:500;
    margin-bottom:16px;
}
.siparispuan select{
    width:100%;
    background-color:#FAFAFA;
    margin-bottom:12px;
    padding:10px;
    font-size:13.4px;
    color:#282828;
    border:none !important;
    height:45px;
    font-weight:500;
    transition:0.3s ease-in;
}
.siparispuan input{
    width:100%;
    background-color:#FAFAFA;
    margin-bottom:12px;
    border:none !important;
    padding:10px;
    font-size:13.4px;
    color:#282828;
    height:45px;
    font-weight:500;
    transition:0.3s ease-in;
}
.siparispuan h6{
    color:#02567c !important;
    font-weight:600 !important;
    margin-bottom:8px !important;
}
.siparispuan textarea{
    width:100%;
    background-color:#FAFAFA;
    margin-bottom:12px;
    border:none !important;
    padding:10px;
    font-size:13.4px;
    font-weight:500;
    color:#282828;
    height:135px;
}
.siparispuan button{
    background-color:#01618d;
    color:#FFF;
    width:100%;
    height:45px;
    font-size:14px;
    font-weight:500;
    border:none;
    margin-bottom:15px;
}
.formsec2{
    padding:15px;
    border-radius:6px;
    background-color:#FAFAFA;
    padding-bottom:0px;
    margin-bottom:10px;
}
.formsec2 h4{
    color:green !important;
    font-size:15px !important;
    margin-top:0px;
    font-weight:600 !important;
    margin-bottom:15px !important;
}
.formsec2 h6{
    font-size:14.5px;
    color:#01618d;
    margin-top:5px;
    margin-bottom:12px;
    font-weight:600;
}
.formsec2 h5{
    color:#000 !important;
    font-size:13px !important;
    font-weight:500 !important;
    margin-top:12px;
    margin-bottom:6px !important;
}
.formsec2 input{
    width:100%;
    background-color:#FFF;
    margin-bottom:12px;
    border-radius:5px;
    padding:10px;
    font-size:13.4px;
    color:#000;
    height:45px;
    border:1px solid rgba(28,28,28,0.1);
    transition:0.3s ease-in;
}
.formsec2 button{
    background-color:transparent !important;
    width:auto !important;
    height:25px !important;
    font-size:14px !important;
    font-weight:500 !important;
    border:none !important;
    color:#000 !important;
    margin-bottom:15px !important;
}
.formsec input{
    width:100%;
    background-color:transparent;
    margin-bottom:12px;
    border-radius:5px;
    font-size:13.4px;
    color:#333;
    font-weight:500;
    padding:10px;
    height:45px;
    border:1px solid rgba(28,28,28,0.1);
    transition:0.3s ease-in;
}
.formsec select{
    width:100%;
    background-color:transparent;
    margin-bottom:12px;
    border-radius:5px;
    font-size:13.4px;
    color:#333;
    font-weight:500;
    padding:10px;
    height:45px;
    border:1px solid rgba(28,28,28,0.1);
    transition:0.3s ease-in;
}
.formsec textarea{
    width:100%;
    background-color:transparent;
    margin-bottom:12px;
    border-radius:5px;
    font-size:13.4px;
    color:#333;
    font-weight:500;
    padding:10px;
    height:135px;
    border:1px solid rgba(28,28,28,0.1);
    transition:0.3s ease-in;
}
.adsil{
    padding-right:0px !important;
    background-color:#FFF !important;
    display:block !important;
    color:red !important;
    border:none !important;
}
.formsec button{
    background-color:#01618d;
    color:#FFF;
    width:140px;
    height:42px;
    border-radius:5px;
    font-size:13.4px;
    font-weight:600;
    border:none;
    margin-bottom:15px;
}
.formsec h5{
    font-size:13px;
    color:#282828;
}
.formsec h3{
    font-size:14.2px;
    font-weight:500;
    margin-bottom:25px;
    color:#000;
}
.formsec span{
    color:#01618d;
}
.siparisbilgisi h3{
    font-size:15px;
    color:#282828;
    font-weight:400;
    margin-bottom:20px;
}
.siparisbilgisi span{
    color:#01618d;
}
.siparisbilgisi h2{
    margin-top:20px;
    font-size:16px;
    color:#282828;
    font-weight:500;
    margin-bottom:30px;
}
.siparisbilgisi hr{
    width:100%;
    height:1px;
    background-color:rgba(28,28,28,0.1);
    border:none;
}
.Odemesayfasi{
    margin-top:40px;
    margin-bottom:40px;
}
.Odemesayfasi p{
    font-size:13.4px;
    font-weight:300;
    color:#000;
    line-height:24px;
}
.Odemesayfasi h3{
    font-size:16.5px;
    color:#000;
    margin-bottom:20px;
    font-weight:500;
}
.Odemesayfasi h6{
    font-size:14px;
    color:red;
    font-weight:400;
}
.selectsec {
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #e1e4e8;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

.selectsec h4 {
    font-size: 13.5px;
    color: #1a1a1a;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.free-shipping-note {
    font-size: 13px !important;
    color: #d9534f !important; 
    background: #fff5f5;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px dashed #feb2b2;
    margin-bottom: 15px;
    display: block;
}
.selectsec select {
    width: 100%;
    background-color: #f8f9fa;
    padding: 0 15px;
    font-size: 13.5px;
    color: #4a5568;
    height: 40px;
    font-weight:500;
    border: 1px solid #cbd5e0;
    border-radius: 8px;
    appearance: none; 
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    transition: all 0.2s ease;
}
.selectsec select:focus {
    outline: none;
    border-color: #01618d;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(1, 97, 141, 0.1);
}
.selectsec select:disabled {
    background-color: #edf2f7;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Adres Ekle Butonu */
.add-address-btn {
    background: none;
    border: none;
    color: #01618d !important;
    font-weight: 600;
    font-size: 13px !important;
    cursor: pointer;
    transition: color 0.2s;
}

.add-address-btn:hover {
    color: #014a6b !important;
    text-decoration: underline;
}
.rightsec {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05); 
    border: 1px solid #eee;
    transition: transform 0.3s ease;
}
.rightsec:hover {
    transform: translateY(-5px);
}
.righttop {
    background: linear-gradient(135deg, #01618d 0%, #014a6b 100%);
    padding: 15px 20px;
}
.righttop h3 {
    color: #FFF;
    margin: 0;
    font-size: 14.4px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
.rightcontent {
    padding: 20px;
}
.rightcontent h4 {
    font-size: 13.8px;
    color: #666;
    font-weight: 600;
    margin: 15px 0;
    display: flex;
    justify-content: space-between; 
    align-items: center;
}
.rightcontent h4:last-of-type {
    font-size: 16px;
    color: #222;
    font-weight: 700;
    margin-top: 20px;
}
.rightcontent span {
    color: #01618d;
    font-weight: 600;
}
.rightcontent hr {
    border: 0;
    border-top: 1px solid #f0f0f0;
    margin: 10px 0;
}
.rightbutton {
    padding: 0 20px 20px 20px;
}
.rightsec input {
    width: 90% !important;
    background-color: #fdfdfd;
    padding: 0 15px;
    font-size: 13.5px;
    color: #333;
    height: 45px;
    display:block !important;
    border: 1px solid #ddd;
    border-radius: 6px; 
    margin-bottom: 15px;
    transition: all 0.3s ease;
    box-sizing: border-box; 
    margin:auto !important;
    margin-top:15px !important;
    margin-bottom:15px !important;
}

/* Inputa tıklandığında (Focus) mavi bir çerçeve parlaması */
.rightsec input:focus {
    outline: none;
    border-color: #01618d;
    box-shadow: 0 0 0 3px rgba(1, 97, 141, 0.1);
    background-color: #fff;
}

/* Inputun placeholder (ipucu yazısı) rengi */
.rightsec input::placeholder {
    color: #aaa;
    font-style: italic;
}
.rightbutton button {
    border: none;
    background: #27ae60; /* Daha güven veren bir yeşil veya marka renginiz */
    background: linear-gradient(135deg, #01618d 0%, #0182bd 100%);
    color: #FFF;
    height: 45px;
    border-radius: 8px;
    font-size: 13.6px;
    font-weight: 600;
    width: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(1, 97, 141, 0.2);
}

.rightbutton button:hover {
    background: #014a6b;
    box-shadow: 0 6px 20px rgba(1, 97, 141, 0.3);
    transform: scale(1.02);
}
.hakcarousel img{
    width:100%;
    height:auto;
    object-fit:contain;
}
.riri a{
    font-size:13px;
    font-weight:400;
    display:inline-block;
    padding-left:20px;
    line-height:55px;
    padding-right:20px;
    color:#000;
}
*:focus{
    outline:none !important;
    box-shadow:none !important;
}
.Ust-Menu-1 .dropdown{
    margin-right:40px;
    display:inline-block !important;
}
.Ust-Menu-1 .btn{
    cursor:pointer;
    margin:0px !important;
    padding-bottom:0px !important;
    padding-top:0px !important;
    font-size:13px;
    font-weight:400;
    display:block !important;
    padding-left:40px;
    padding-right:10px;
}
.Ust-Menu-1 .dropdown-menu{
    padding:0px !important;
    border-radius:0px !important;
}
.Ust-Menu-1 .dropdown-menu a{
    font-size:13px;
    color:#000;
    font-weight:400;
    line-height:30px;
}
.brrr{
    border-right:1px solid rgba(28,28,28,0.1);
}
.blll{
    border-left:1px solid rgba(28,28,28,0.1);
}
.Ust-Menu-1 i{
    color:#01618d;
    font-size:18px;
}
.dot2{
    background-color:#01618d;
    width:5px;
    height:5px;
    margin-right:6px;
    display:inline-block;
    border-radius:50%;
}
.dot{
    background-color:#CCC0E8;
    width:5px;
    height:5px;
    margin-right:6px;
    display:inline-block;
    border-radius:50%;
}
.lili a{
    line-height:55px;
    display:inline-block;
    margin-right:26px;
}
.Ust-Menu-3{
    padding-top:13px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(28,28,28,0.1);
}
.Ust-Menu-3 a{
    font-size:13.4px;
    font-weight:600;
    display:inline-block;
    margin-right:20px;
    padding-top:3px;
    color:#000;
    text-transform:capitalize !important;
    transition:0.3s ease-in;
}
.Ust-Menu-3 a:hover{
    transform:scale(1.02);
    color:#01618d;
}
.Ust-Menu-3 .btn{
    margin-top:-2px;
    padding-left:0px !important;
}
.Ust-Menu-3 .dropdown{
    display:inline-block;
}
.Ust-Menu-3 .dropdown-menu a{
    font-size:13.2px;
    color:#000;
    padding-left:15px;
    font-weight:400;
    width:100%;
    display:block;
    line-height:45px;
    border-bottom:1px solid rgba(28,28,28,0.1);
}
.Ust-Menu-3 .dropdown-menu a:hover{
    background-color:#01618d;
    color:#FFF;
}
.Ust-Menu-3 .dropdown-menu{
    min-width:250px;
    padding:0px !important;
    border-radius:0px !important;
}
.Ust-Menu-3 .dropdown-menu a:last-of-type {
    border-bottom: none !important;
}
.Ust-Menu-2{
    border-top:1px solid rgba(28,28,28,0.1);
    border-bottom:1px solid rgba(28,28,28,0.1);
    padding-bottom:15px;
    padding-top:15px;
}
.menu-scroll {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    overflow-y: visible;
    scrollbar-width: none;
}
.filterarama h1{
    font-size:13.5px;
    font-weight:500;
    color:#000;
    margin-top:10px;
}
.filterarama img{
    width:100% !important;
    height:70px !important;
    object-fit:contain !important;
}
.filterarama h6{
    margin-top:12px;
    color:#333;
    font-weight:500;
    font-size:13.3px;
}
.live-search-box {
    position: relative;
    width: 100%;
    margin-top:3px;
}
.live-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
    display: none;
}
.menu-scroll::-webkit-scrollbar {
  display: none; 
}
::placeholder{
    font-size:12.5px;
    font-weight:500;
    color:rgba(0,0,0,0.8);
}
.fa-chevron-right{
    color:#01618d !important;
}
.ilet i{
    color:#01618d;
}
.ilet span{
    margin-right:8px;
}
.pushy input{
    width:100%;
    height:45px;
    background-color:transparent;
    padding:5px;
    border-radius:5px;
    padding-left:10px !important;
    border:1px solid #D9D9D9;
    color:#000;
    margin-top:5px;
    font-weight:500;
    font-size:13.3px;
}
.Ust-Menu-2 input{
    width:100%;
    height:45px;
    background-color:transparent;
    padding:5px;
    border-radius:5px;
    padding-left:10px !important;
    border:1px solid #D9D9D9;
    color:#000;
    margin-top:5px;
    font-weight:500;
    font-size:13.3px;
}
.Ust-Menu-2 img{
    width:auto;
    height:60px; 
    object-fit:contain
}
.rightbox2 {
    right:0;
    display: flex;
    align-items: center;
}
.icon-container {
    height:100%;
    position: relative;
    display: inline-block;
    margin-right: 10px;
}
.rightbox img {
    width:30px;
    height:30px;
    object-fit:contain;
}
.rightbox2 img{
    width:30px;
    height:30px;
    object-fit:contain;
}
.rightbox h6{
    margin: 0;
    display: flex;
    align-items: center;
    height: 100%;
    display:inline-block !important;
    font-weight:400;
    font-size:13.7px;
    color:#282828;
    padding-left:10px;
}
.badge {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(50%);
    background-color: #01618d;
    color: white;
    border-radius: 50%;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 400;
}
.girimg img {
    width: 22.5px; 
    height: auto; 
}
.rightbox3 .btn {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 13.5px;
    border: none; 
    padding: 10px; 
}
.user-icon {
    width: 30px;
    height: auto;
    margin-right: 10px;
}
.girimg {
    display: block;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:30px;
	right:30px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.my-float{
	margin-top:16px;
}
.girisyazisi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10px; 
}
.fleft1 img{
    width:35px;
    height:35px;
    margin-top:-30px;
    object-fit:contain;
}
del{
    margin-right:8px;
    color:#01618d !important;
}
.footer2 {
    background-color: #01618d !important;
    padding: 30px 0 !important; 
    padding-bottom:20px !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.fright1 {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 15px !important;
}
.fright1 img {
    width: 45px !important; 
    height: 45px !important;
    object-fit: contain !important; 
    filter: brightness(0) invert(1); 
}
.manifest-text {
    display: flex !important;
    flex-direction: column !important;
}
.fright1 h3 {
    font-size: 13.6px !important;
    color: #FFF !important;
    font-weight: 700 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.fright1 p {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    margin: 4px 0 0 0 !important;
}
@media (max-width: 991px) {
    .fright1 h3 {
        font-size:12.8px;
    }
    .mtop{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        background-color:#01618d;
        border:none;
        border-radius:5px;
        margin-top:6px;
        padding:5px;
        margin-bottom:5px;
        padding-bottom:5px !important;
    }
}
.siparisbox a:hover{
    padding-right:10px !important;
}
.Urundetay h1{
    color:#000;
    font-size:19.5px;
    line-height:32px;
    font-weight:500;
    margin-bottom:20px;
}
.Urundetay h1{
    font-weight:500 !important;
}
.Urundetay h2{
    font-weight:500 !important;
}
.Urundetay h3{
    font-weight:500 !important;
}
.Urundetay h4{
    font-weight:500 !important;
}
.Urundetay h5{
    font-weight:500 !important;
}
.Urundetay h6{
    font-weight:500 !important;
}
.Tabs h1,h2,h3,h4,h5,h6{
    font-weight:500 !important;
}
.Urundetay p{
    color:#000;
    font-size:13.5px !important;
    font-weight:400;
}
.Tabs p{
    color:#000;
    font-size:13.5px !important;
    font-weight:400;
}
.fa-heart{
    color:#01618d !important;
}
#favBtn {
    cursor: pointer;
    margin-top:6px;
    font-size: 14.5px;
    font-weight:500;
    color: #434343; /* kırmızı ton */
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 8px;
}
.Urundetay button{
    width:240px;
    height:40px;
    color:#FFF;
    font-weight:500;
    border:none;
    font-size:13.5px;
    border:none;
    background-color:#01618d;
    border-radius:0px;
    display:inline-block;
    margin-bottom:15px;
}
.Urundetay button:hover{
    background-color:#01618d;
    color:#FFF;
}
#paylasButonu{
    display:block !important;
    width:auto !important;
    color:#434343 !important;
    background-color:transparent !important;
}
.Urundetay h4{
    margin-top:18px;
    margin-bottom:18px;
    color:#000;
    font-size:17px;
}
.Urundetay h3{
    font-size:12.4px !important;
    font-weight:500 !important;
    color:#01618d !important;
    margin-bottom:6px !important;
}
.Urundetay del{
    color:#01618d !important;
    padding-right:6px !important;
}
.Tabs{
    margin-top:35px;
    margin-bottom:35px;
}
.Tabs p{
    font-size:13.6px;
    color:#000;
    font-weight:300 !important;
    line-height:28px;
}
.borsec{
    border-top:1px solid rgba(28,28,28,0.1);
    border-bottom:1px solid rgba(28,28,28,0.1);
    padding-top:25px;
    padding-bottom:25px;
}
.nav-tabs{
    border:none !important;
}
.nav-tabs a{
    color:#000;
    font-size:13.5px;
    font-weight:500;
    margin-right:15px;
}
.tab-pane{
    padding-top:40px;
    padding-bottom:40px;
}
.nav-tabs .active a{
    color:#01618d;
}
.Urundetay{
    margin-top:30px;
    margin-bottom:30px;
}
.rightbox3{
    margin-top:5px;
}
.mll2{
    margin-left:10px;
}
.fa-bars{
    color:#01618d;
    font-size:23px;
}
.but{
    display:none !important;
}
.ilet h6{
    color:#01618d;
    font-size:14.5px;
    font-weight:500;
    margin-top:10px;
    margin-bottom:12px;
}
.pushy a{
    font-size:14.2px;
    color:#000;
    font-weight:500;
    display:block;
    margin-top:20px;
    margin-bottom:20px;
}
.pushy .accordion {
    background-color: transparent;
    color: #000;
    cursor: pointer;
    padding: 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14.2px;
    transition: 0.4s;
    font-weight:500;
    margin-bottom:20px;
}
.pushy  .panel {
   padding: 0 18px;
   padding-top:10px !important;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
}
.ilet a{
    font-size:13.5px;
    margin-top:10px;
    margin-bottom:10px;
}
.modal h3{
    font-size:18.5px;
    margin-top:15px;
    color:#01618d;
    font-weight:600;
    margin-bottom:26px;
}
.modal h6{
    color:#444444;
    font-size:13px;
    margin-bottom:10px;
    margin-top:10px;
    font-weight:600;
}
.modal input{
    background-color:transparent;
    border:1px solid rgba(28,28,28,0.1);
    border-radius:0px;
    background-color:#FAFAFA;
    height:44px;
    width:100%;
    padding-left:5px;
    padding-right:5px;
    color:#000;
    border-radius:5px;
    padding:12px;
    font-weight:500;
    font-size:13.5px;
    transition:0.3s ease-in;
}
.modal input:focus{
    border:1.6px solid #01618D !important;
}
.modal button{
    background-color:#01618d;
    width:100%;
    height:47px;
    text-align:center;
    color:#FFF;
    border:none !important;
    border-radius:0px;
    font-size:13.8px;
    font-weight:600;
    margin-top:10px;
}
.butttt button{
    font-size:13.5px;
    font-weight:500 !important;
    background-color:transparent !important;
    border:none !important;
    padding:0px !important;
    text-align:left !important;
    color:#000 !important;
}
.close-modal {
    width:30px !important;
    height:30px !important;
    position: absolute !important;
    right: 30px !important;
    top: 15px !important;
    background: transparent !important;
    border: none !important;
    font-size: 19px !important;
    color: #333 !important;
    z-index: 999 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    line-height: 1 !important;
}

.close-modal:hover {
    color: #01618d !important;
    transform: rotate(90deg) !important;
}

#bildirim {
  position: fixed;
  top: 20px;
  right: 30px;
  font-size:14px;
  text-align:center;
  font-weight:500;
  background-color: #01618d;
  color: white;
  padding: 10px;
  border-radius: 5px;
  z-index: 99;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
#bildirim.goster {
  opacity: 1;
  transform: translateY(0);
}

#bildirim.kapat {
  opacity: 0;
  transform: translateY(-20px);
}
.sepetsec img{
    width:100%;
    height:110px;
    object-fit:contain;
}
.butt{
    display:inline-block !important;
}
.buttext{
    display:inline-block !important;
}
.butt button{
    background-color:transparent !important;
    width:35px;
    height:35px;
    border:1px solid rgba(28,28,28,0.5);
    font-size:13.5px;
    color:#000 !important;
    font-weight:500;
}
.buttext h4{
    font-size:14.5px;
    margin-left:15px;
    margin-right:15px;
    line-height:50px;
}
.butt button:hover{
    background-color:#01618d !important;
    color:#FFF !important; 
}
.sepetsec h5{
    font-size:14px;
    font-weight:500;
    color:#000;
}
.sepetsec{
    padding-top:20px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(28,28,28,0.1);
}
.sepetsec h1{
    font-size:15px;
    font-weight:500;
    color:#0D0D0D;
    margin-bottom:15px;
}
.sepetbos h5{
    color:red;
    font-size:17px;
    text-align:center;
}
.sepetbos img{
    width:100%;
    height:300px;
    object-fit:contain;
    margin:auto !important;
}

.trsipbilgi{
    border:1px solid rgba(28,28,28,0.1);
    border-radius:5px !important;
    padding:12px;
    padding-top:16px !important;
}
.trsipbilgi h6{
    margin-top:7px;
    margin-bottom:7px;
    font-weight:500;
    color:#000 !important;
    font-size:14px;
}
.trsipbilgi span{
    font-weight:500 !important;
    color:#01618d !important;
}
.trsipbilgi hr{
    width:100%;
    border:none;
    width:100%;
    height:1px;
    background-color:#D9D9D9;
    margin-top:15px;
    margin-bottom:15px;
}
.trsipbilgi a{
    font-size:16px;
    font-weight:400;
    color:#01618d;
}
.trsipbilgi h5{
    margin-top:4px;
    margin-bottom:15px;
    font-weight:400;
    font-size:14.5px;
}
.trsipbilgi:hover h6{
    color:#FFF !important;
}
.trsipbilgi:hover h5{
    color:#FFF !important;
}
.trsipbilgi:hover span{
    color:#FFF !important;
}
.trsipbilgi:hover a{
    color:#FFF !important;
}
.trsipbilgi{
    margin-top:12px;
    margin-bottom:12px;
}
.bb h3{
    font-size:18px;
    font-weight:400;
    color:#1C1C1C;
    margin-bottom:25px !important;
}
.trsipimgbox{
    display:inline-block !important;
    width:12%;
    height:60px;
    border:1px solid rgba(28,28,28,0.1);
    border-radius:5px;
}
.trsipimgbox img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.flex-container {
    display: flex;
    align-items: center;
}
.flex-container img {
    height: 35px;
    width: 35px;
    margin-right: 10px;
}
.flex-container h5 {
    margin-top:-20px;
    font-size:14px;
    color:#000;
    font-weight:400;
}
.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f1f1f1;
    padding: 20px;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
}
.cookie-consent button {
    background-color: #00A8A8;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 14px;
}
.cookie-consent.hidden {
    display: none;
}
.copy h5{
    font-weight:600 !important;
    margin-top:6px;
    font-size:12.4px;
    color:#01618d;
    line-height:20px;
}
.iyzico img{
    width:100%;
    height:25px;
    object-fit:contain;
}
.Logolar{
    padding-top:20px;
    padding-bottom:20px;
    border-top:1px solid rgba(28,28,28,0.1);
    border-bottom:1px solid rgba(28,28,28,0.1);
}
.Logolar img{
    max-width:100%;
    width:120px;
    height:35px;
    margin-top:12px;
    margin-bottom:12px;
    object-fit:contain
}
.Anakats{
    margin-top:40px;
    margin-bottom:40px;
}
.Anakats img{
    width:100%;
    height:240px;
    object-fit:cover;
}
.kucukfoto{
    display:none !important;
}
.filter h6{
    font-size:13.4px;
    font-weight:500;
    margin-bottom:7px;
    margin-top:7px;
}
.filter h3{
    font-size:19px;
    font-weight:500;
    margin-bottom:15px;
}
.filter hr{
    margin-bottom:12px;
}
.filter{
    margin-bottom:20px;
}
.selectinline{
    display:inline-block !important;
}
.filter button{
    width:200px;
    height:42px;
    margin-top:6px;
    background-color:#00a8a7;
    color:#FFF;
    font-weight:500;
    font-size:13.4px;
    border-radius:0px;
    display:inline-block !important;
    border:none !important;
}
.filter select{
    display:inline-block !important;
    border:1px solid rgba(28,28,28,0.1);
    margin-bottom:7px;
    width:auto;
    min-width:200px;
    padding:10px;
    font-weight:500;
    height:42px !important;
    font-size:13.4px;
    color:#000;
}
.Urundetay .accordion {
    font-weight:500 !important;
    color: #000 !important;
    cursor: pointer !important;
    padding: 0px !important;
    padding-top:6px !important;
    padding-bottom:15px !important;
    width: 100% !important;
    border:none !important;
    border-bottom: 1px solid #D9D9D9 !important;
    text-align: left !important;
    outline: none !important;
    font-size: 13.5px !important;
    transition: 0.4s !important;
    margin-bottom:7px !important;
    border-radius:0px !important;
    background-color:transparent !important;
}
.Urundetay .accordion:hover{
    background-color:transparent !important;
    color:#000;
}
.Urundetay .panel {
    padding: 0 0px;
    padding-top:0px !important;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
@media screen and (max-width: 1400px) {
    .bin{
        width:92%;
    }
}
@media screen and (max-width: 1150px) {
    .sepetpush{
        width:50% !important;
    }
    .hakcarousel img{
        width:100%;
        height:auto;
        object-fit:cover;
    }
}
@media screen and (max-width: 992px) {
    .hakcarousel img{
        width:100%;
        height:auto;
        object-fit:cover;
    }
    .specialmar{
        margin-top:30px;
    }
    .disnon992{
        display:none !important;
    }
    .block992{
        display:block !important;
    }
    .Sozlesmeler p{
        margin-left:0px;
    }
    .Sozlesmeler h1{
        margin-left:0px;
        margin-top:30px;
        margin-bottom:30px;
    }
    .Iletisim h3{
        font-size:21px;
        color:#282828;
        margin-bottom:15px;
    }
}
@media screen and (max-width: 767px) {
    .Anakatsyeni h6{
        color:#02567c;
        text-align:center;
        display:block;
        margin-top:25px;
        margin-bottom:30px;
        font-size:13.6px;
        font-weight:600;
    }
    .Anakatsyeni img{
        width:55px !important;
        height:55px !important;
        display:block !important;
        margin:auto !important;
        object-fit:cover !important;
        border-radius:50% !important;
    }
    .Anakatsyeni h5{
        color:#333;
        margin-top:10px;
        font-weight:500;
        font-size:13px;
    }
    .Anakats img{
        width:100%;
        height:170px;
        object-fit:cover;
        margin-top:10px;
        margin-bottom:10px;
    }
    .sepetsec img{
        margin-bottom:30px;
    }
    .butt button{
        background-color:transparent !important;
        width:40px;
        height:40px;
        border:1px solid rgba(28,28,28,0.5);
        font-size:13.5px;
        color:#000 !important;
        font-weight:500;
    }
    .buttext h4{
        font-size:15.5px;
        margin-left:15px;
        margin-right:15px;
        line-height:50px;
    }
    .Urundetay button{
        width:100%;
    }
    .but{
        margin-left:0px;
        display:inline-block !important;
    }
    .fa-bars{
        font-size:19px;
        margin-top:4px;
    }
    .rightbox3{
        margin-top:8px !important;
    }
    .log img{
        width:auto;
        height:60px; 
        object-fit:contain;
    }
    .rightbox3{
        margin-top:10px;
    }
    .Ust-Menu-3{
        display:none !important;
    }
    .markatopimg img{
        width:100%;
        height:auto;
        object-fit:contain;
        margin-bottom:40px;
    }
    .llg{
        margin-top:40px;
        margin-bottom:40px;
    }
    .SSS h3{
        font-size:19.5px;
        font-weight:400;
        margin-bottom:30px;
        color:#282828;
    }
    .block767{
        display:block !important;
    }
    .disnon767{
        display:none !important;
    }
    .Iletisim hr{
        border:none;
        width:100%;
        height:1px;
        margin-top:15px;
        margin-bottom:15px;
        background-color:rgba(28,28,28,0.1);
        display:block !important;
    }
    .Iletisim a{
        transition: padding-left 0.3s ease, background-color 0.3s ease;
        font-size:13px;
        margin-bottom:15px;
        color:#212529;
        display:block;
    }
    .Iletisim h3{
        font-size:19px;
        color:#282828;
        margin-bottom:15px;
    }
    .Iletisim h2{
        margin-top:15px;
    }
    .Sozlesmeler h1{
        margin-top:30px;
        margin-bottom:30px;
        margin-left:0px;
    }
    .sepetpush{
        width:85% !important;
    }
}
@media screen and (max-width: 576px) {
    .urunbox button {
        height:45px;
        color:#01618d;
        font-size:13.5px;
        border:1px solid rgba(28,28,28,0.2);
        background-color:#FFF;
        border-radius:0px;
        grid-row: 3; 
        width: 100%;
        font-weight:500;
        margin-top: 0px !important;
        align-self: end;
        transition:0.3s ease-in;
    }
    .selectinline{
        display:block !important;
    }
    .filter button{
        width:100%;
        height:42px;
        margin-top:6px;
        background-color:#00a8a7;
        color:#FFF;
        font-weight:500;
        font-size:13.4px;
        border-radius:0px;
        display:block !important;
        border:none !important;
    }
    .filter select{
        display:block !important;
        border:1px solid rgba(28,28,28,0.1);
        margin-bottom:7px;
        width:100%;
        height:42px !important;
        font-size:13.4px;
        color:#000;
    }
    .buyukfoto{
        display:none !important;
    }
    .kucukfoto{
        display:block !important;
    }
    .disnon576{
        display:none !important;
    }
    .mll2{
        display:inline-block !important;
        margin-top:-5px !important;
    }
    .rightbox3{
        margin-top:-1px !important;
    }
    .log img{
        width:auto;
        height:50px;
        object-fit:contain;
    }
    .but{
        margin-left:0px !important;
        display:inline-block !important;
    }
    .fa-bars{
        font-size:19px;
        margin-top:4px;
    }
    .rightbox3 .btn {
        display: flex;
        align-items: center;
        color: #000;
        font-size: 13.5px;
        min-width:20px;
        border: none; 
        padding: 10px; 
    }
    .icon-container{
        margin-right:0px !important;
    }
    .rightbox img {
        width:23px !important;
        height:23px !important;
        object-fit:contain !important;
    }
    .girimg img{
        width:23px !important;
        height:23px !important;
        object-fit:contain !important;
    }
    .rightbox2 img{
        width:23px !important;
        height:23px !important;
        object-fit:contain !important;
    }
    .girisyazisi{
        display:none !important;
    }
    .mll2{
        margin-left:5px;
    }
    .footer2{
        background-color:transparent;
        border:none;
        padding-top:0px;
        padding-bottom:0px;
    }
    .formsec h3{
        font-size:14px;
        font-weight:400;
        margin-bottom:20px;
        color:#000;
    }
    .logobox{
        background-color:#FAFAFA;
        padding:25px;
        margin-bottom:20px;
        height:80px;
    }
    .logobox img{
        object-fit:contain;
        width:100%;
        height:100%;
    }
    .disnon576{
        display:none !important;
    }
    .urunimgbox{
        padding:0px;
        width:100%;
        height:160px;
        margin-bottom:10px;
    }
    .urunbox h5{
        font-size:12.5px !important;
        color:#000 !important;
        font-weight:600 !important;
    }
    .urunbox h6{
        color:#000 !important;
        font-weight:600 !important;
        font-size:12.5px !important;
        margin-top:7px !important;
    }
    .urunbox h1{
        font-size:13.5px !important;
        font-weight:600 !important;
        color:#000 !important;
        margin-top:7px !important;
        margin-bottom:7px !important;
    }
}
@media screen and (max-width: 440px) {
    .markatopimg img{
        width:100%;
        height:auto;
        object-fit:contain;
        margin-bottom:40px;
    }
}
#aktmodal .modal-content {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
    padding: 12px !important;
    background-color: #fff !important;
}
#aktmodal .modal-body {
    padding: 20px 10px !important;
}
#aktmodal h3 {
    color: #333 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 15px !important;
}
#aktmodal .btn-aktivasyon {
    background-color: #01618d !important;
    color: #fff !important;
    border: none !important;
    height: 50px !important;
    width: 100% !important;
    border-radius: 8px !important;
    font-size: 14.6px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(19, 175, 174, 0.3) !important;
}

#aktmodal .btn-aktivasyon:hover {
    background-color: #0f8f8e !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(19, 175, 174, 0.4) !important;
}
#aktmodal .close-modal {
    position: absolute !important;
    right: 15px !important;
    top: 15px !important;
    background: transparent !important;
    border: none !important;
    font-size: 20px !important;
    color: #ccc !important;
    transition: color 0.3s !important;
    cursor: pointer !important;
    z-index: 10 !important;
}
#aktmodal .close-modal:hover {
    color: #333 !important;
}
.input-group-custom {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}
.password-input {
    width: 100% !important;
    padding-right: 40px !important; 
}
.toggle-password {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    color: #999 !important;
    z-index: 10 !important;
    font-size: 16px !important;
    transition: color 0.3s ease !important;
}
.toggle-password:hover {
    color: #01618d !important; 
}
.bilgsec {
    background: #ffffff !important;
    border: 1px solid #eef2f6 !important;
    padding: 15px 20px !important;
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
    transition: all 0.3s ease !important;
    border-left: 4px solid #01618d !important; 
}
.bilgsec:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important;
    transform: translateX(5px) !important;
    border-left-color: #014a6b !important;
}
.bilgsec h6 {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #8898aa !important;
    margin: 0 0 6px 0 !important;
    font-weight: 700 !important;
}
.bilgsec h4 {
    font-size: 13.5px !important;
    color: #32325d !important;
    margin: 0 !important;
    font-weight: 600 !important;
    border:none !important;
    word-break: break-all !important; 
}
.bilgsec h4:contains('***') {
    letter-spacing: 3px !important;
    font-size: 18px !important;
    color: #01618d !important;
}
.btn-iptal {
    background-color: #d9534f !important;
    color: white !important;
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 5px !important;
    font-size:13.3px !important;
    cursor: pointer !important;
    font-weight: bold !important;
}
.btn-iptal:hover { background-color: #c9302c !important; }

.google-btn {
    display: block !important; 
    align-items: center !important;
    background-color:#02567c !important;
    color: #FFF !important;
    padding: 2px 15px 2px 2px !important;
    font-size: 13.6px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    border: none !important;
    margin-top:16px !important;
}

.google-btn:hover {
    background-color: #02567c !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25) !important;
}

.google-icon-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 2px !important;
    background-color: #fff !important;
    margin-right: 12px !important;
}

.google-icon {
    width: 18px !important;
    height: 18px !important;
}