@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body {
            font-family: 'Poppins', sans-serif;
            background-color: #f8f9fa;
            color: #343a40;
        }
        .main-navbar {
            background-color: #f78c00;
            padding: 0px;
        }
		
        .hero-section {
            background-color: #fff;
            padding: 4rem 0;
            text-align: center;
        }
        .hero-section .page-title {
            font-size: 2.3rem;
            font-weight: 650;
            color: #212529;
        }
        .hero-section .lead {
            color: #4c4c4c;
            max-width: 600px;
            margin: 1rem auto 0 auto;
        }
		
		.sayfa-body {
            background-color: #fff;
            padding: 30px 30px 45px 30px;
            border: 1px solid #e5e5e5;
			box-shadow:0 8px 25px rgba(0, 0, 0, 0.08);
			border-radius:15px;
			font-size:14px;
			text-align:justify;
			margin-top:40px;
			margin-bottom:40px;
        }
		
		 .sayfa-item {
            text-align: left;
        }
        
		.input-grup {
            display:flex;
			width:100%;
			flex-direction:column;
			padding:20px 0px 5px 0px;
        }
		
		.input-form {
            padding:5px;
			border-radius:5px;
			border:1px solid #ccc;
			background:#fff;
			margin-top:3px;
        }
		
		.form_buton {
            padding:12px;
			border-radius:5px;
			background:#f78c00;
			color:#fff;
			border:none;
			font-weight:bold;
			font-size:15px;		
        }
		
		.form_buton:hover {
            padding:11px;
			border-radius:5px;
			background:#000;
			color:#fff;
			font-weight:bold;
			font-size:16px;	
			transition:all 0.6s ease 0s;			
        }
		
        .excellence-section {
            margin-top: 2rem;
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            gap: 1.40rem;
            position: relative;
        }
        .excellence-badge {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            background: #f78b00;
            color: #fff;
            padding: 0.6rem 1.5rem;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1.1rem;
            box-shadow: 0 5px 15px rgb(253 190 13 / 35%);			
        }
        .excellence-badge i {
            font-size: 1.3rem;
        }
        .excellence-details {
            font-weight: 500;
            color: #495057;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .excellence-details .stars {
            color: #f7ab00;
            font-size: 1.1rem;
        }
        .excellence-details .review-count {
            font-size: 0.95rem;
        }

        .trust-section {
            background-color: #fff;
            padding: 25px 0px 5px 0px;
        }
        .trust-item {
            text-align: center;
        }
        .trust-item .icon-f {
            font-size: 2.5rem;
            color: #f78c00;
            margin-bottom: 1rem;
        }
        .trust-item h5 {
            font-weight: 600;
            color: #212529;
            font-size: 1.1rem;
            margin-bottom: 0.5rem;
        }
        .trust-item p {
            color: #6c757d;
            font-size: 0.95rem;
        }
        .product-card {
            background: #fff;
            border: 1px solid #e9ecef;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
        }
        .product-card .card-img-container {
            position: relative;
        }
        .product-card .card-img-top {
            height: 240px;
            object-fit: cover;
        }
        .badge-overlay {
            position: absolute;
            top: 1rem;
            left: 1rem;
            z-index: 10;
            display: flex;
            gap: 0.5rem;
        }
        .badge-overlay .badge {
            font-size: 0.75rem;
            font-weight: 600;
            padding: 0.4em 0.8em;
            border-radius: 6px;
        }
        .product-card .card-body {
            padding: 1.25rem;
            text-align: left;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }
        .product-title {
            font-size: 1rem;
            font-weight: 600;
            color: #212529;
            min-height: 3em;
            line-height: 1.5em;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            margin-bottom: 0.5rem;
        }
        .ratings-wrapper {
            display: flex;
            align-items: center;
            gap: 0.2rem;
            color: #f7ab00;
            margin-bottom: 1rem;
            font-size: 0.9rem;
        }
        .ratings-wrapper .review-count {
            color: #6c757d;
            font-size: 0.85rem;
        }
        .price-wrapper {
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
            margin-top: auto;
            padding-top: 1rem;
            border-top: 1px solid #f1f1f1;
        }
        .current-price {
            font-size: 1.4rem;
            font-weight: 700;
            color: #212529;
            white-space: nowrap;
        }
        .old-price {
            font-size: 0.9rem;
            color: #6c757d;
            text-decoration: line-through;
            margin-left: 0.5rem;
        }
        .btn-buy {
            background: #f78b00;
            color: #fff;
            border: none;
            border-radius: 10px;
            padding: 13px 0px 13px 0px;
			font-size: 15px;
			font-weight: 600;
            transition: all 0.3s ease;
			width: 100%;
			margin-bottom: 10px;
			margin-top: 14px;
        }
        .btn-buy:hover {
            background: #000;
            transform: scale(1.05);
        }

        /* --- Yukarı Çık Butonu --- */
        .yukariCik {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 45px;
            height: 45px;
            background-color: #f47a11;
            color: white;
            border-radius: 50%;
            text-align: center;
            line-height: 45px;
            font-size: 1.2rem;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
            display: none;
            z-index: 1000;
            transition: all 0.3s ease;
        }
        .yukariCik:hover {
            background-color: #f78b00;
        }
		
nav {
  background: #f78c00;
  height: 76px;
  width: 100%;
}

label.logo {
  color: white;
  font-size: 25px;
  line-height: 80px;
  padding: 0 100px;
  font-weight: bold;
}

nav ul {
  float: right;
  margin-right: 5px;
}

nav ul li {
  display: inline-block;
  line-height: 80px;
  margin: 0 5px;
}

nav ul li a {
  color: white;
  font-size: 17px;
  padding: 7px 13px;
  border-radius: 3px;
  text-decoration:none;
  font-weight:450;
}

nav ul li a:hover {
  background: #fff;
  transition: .5s;
  color:#f78c00;
}

a.active {
  background: #fff;
  transition: .5s;
  color:#f78c00;
}

.checkbtn {
  font-size: 22px;
  color: white;
  float: right;
  line-height: 80px;
  margin-right: 0px;
  cursor: pointer;
  display: none;
}

#check {
  display: none;
}

.box{
  display: flex;
  align-items: center;
  background: #f78c00;
  /* box-shadow: 0 5px 10px rgba(0,0,0,0.2); */
  
  border-radius: 6px;
  /* transform: scale(1.5); */
}
.box .icon{
  position: relative;
  height: 40px;
  width: 42px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  margin: 17px 0px 0px 0px;
  transition: all 0.3s ease;
}
.box .icon.active{
  background: #FFF;
}
.box .icon.line.active{
  background: #FFF;
}
.icon i{
  position: absolute;
  font-size: 30px;
  left: 50%;
  top: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: all 0.3s ease;
}
.icon.active i{
  color: #f78c00;
}
.icon.line.active i{
  color: #333;
}
 .icon i.close{
  opacity: 0;
}
 .icon.active i.close{
  opacity: 1;
  transform: translate(-50%, -50%) rotate(180deg);
}
 .icon.active i.open{
  opacity: 0;
  transform: translate(-50%, -50%) rotate(180deg);
}





       
        footer {
            background-color: #000;
            color: white;
            padding: 35px 0px 15px 0px;
        }
        
footer hr {
	
	border:2px solid #f78b00;
	opacity:inherit;
	border-bottom: 1px solid #f78b00;
	width: 50px;
	text-align:left;
}
        
        .footer-links {
            list-style: none;
			padding-left:2px;
			margin-top:30px;
			font-size:15px;
			color:#ccc;
        }
        
        .footer-links li {
            margin-bottom: 12px;
        }
        
        .footer-links a {
            color: #ccc;
            text-decoration: none;
            transition:all 0.3s ease;
            align-items: center;
			font-size:15px;
        }
        
        .footer-links a:hover {
            color: #fff;
            padding-left: 3px;
			transition:all 0.3s ease;
        }
        
        .footer-links i {
            width: 16px;
			font-size:10px;
			color:#ccc;
			vertical-align:2px;
        }
        
        .footer-i {
            text-align: left;
            padding-top: 30px;
            border-top: 1px solid #353535;
            color: #aaa;
            font-size: 14px;
        }
		
		
		

		
		
		
		
		
		
		


@media (max-width: 1050px) {
  label.logo {
    padding-left: 30px;
  }
  

  nav ul li a {
    font-size: 16px;
  }
}

/* Responsive media query code for small screen */
@media (max-width: 890px) {
  .checkbtn {
    display: block;
  }

  label.logo {
    font-size: 22px;
  }

  nav ul {
    position: fixed;
	z-index:1000;
    width: 100%;
    height: 100vh;
    background: #2c3e50;
    top: 80px;
    left: -100%;
    text-align: center;
    transition: all .5s;
  }

  nav ul li {
    display: block;
    margin: 50px 0;
    line-height: 30px;
  }

  nav ul li a {
    font-size: 20px;
  }

  nav ul li a:hover,
  a.active {
    background: #f78c00;
    color: #fff;
  }

  #check:checked~ul {
    left: 0;
  }
}
        
        @media (max-width: 767.98px) {
            .hero-section {
                padding: 2.5rem 0;
            }
            .hero-section .page-title {
                font-size: 2rem;
            }
            .trust-section {
                padding: 2.5rem 0;
            }
			
            .trust-item {
                display: flex;
                flex-direction: row;
                align-items: center;
                text-align: left;
                gap: 1rem;
                margin-bottom: 1.5rem;
            }
            .trust-item:last-child {
                margin-bottom: 0;
            }
            .trust-item .icon {
                font-size: 1.8rem;
                margin-bottom: 0;
            }
            .trust-item h5 {
                font-size: 0.9rem;
                margin-bottom: 0.1rem;
            }
            .trust-item p {
                font-size: 0.8rem;
                line-height: 1.3;
            }
            .product-card .card-img-top {
                height: 200px;
            }
        }