@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
*,
*::after,
*::before {
	box-sizing: border-box;
}
.manrope-gobi {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
:root { 	--page-padding: 1.5rem;}
::-webkit-scrollbar {	background:#f1f1f1;  width: 5px;}
::-webkit-scrollbar-thumb {background: #000;}
body {  -webkit-tap-highlight-color: transparent;	margin: 0;	color: var(--color-text);	background-color: var(--color-bg);	font-family: "Manrope", sans-serif; 	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;	width: 100%;	overflow-x: hidden;	animation: yuklenis 3s ease 1;}
@keyframes yuklenis {	0%{opacity: 0;}	100%{opacity: 1;}}
#anasayfa_video {  position: fixed;z-index: -2;left: 0;right:0;width: 100%;height: 100%;animation-delay: 1s;animation: yuklenis 10s ease 1;}
video {object-fit: cover;  width: 100vw;  height: 100vh;  position: fixed;  top: 0;  left: 0;}
#anasayfa_video_overlay {	position: fixed;z-index: -1;right: 0;bottom: 0;min-width: 100%;min-height: 100%;background: rgba(0, 0, 0,0);}
button, .btn, .btn-primary, .btn-danger, .btn-xs{border-radius:0 !important; border:0; border-color:#000 !important; background-color:#000 !important; background-image: linear-gradient(to bottom, #000, #111) !important;},
.form-control {border-radius:0 !important;}
header {position: fixed; z-index: 100;margin:0; padding: 0; display: block; width: 100%; max-width: 100vw; height: 80px;max-height: 80px; left:0; right:0;background: rgba(255,255,255,1);}
header:after{content: ''; display: table; clear: both;}
header .menu { float:left; width:33.33%; margin: 0; padding: 0;  }
header .menu .menu_simge {display: inline-block;width: 32px ; height: 32px ; margin:1.4em 0 0 1.9em; padding: 0; }
header .menu .menu_simge span {color:#000;font-size:1.6em;cursor:pointer }
header .menu .arama_simge  {display: inline-block;position: relative; top:-2px; left:10px;width: 32px ; height: 32px ; margin:0; padding: 0; }
header .menu .arama_simge i {font-size: 100%; color: #000;}
header .logo {float:left; width:33.33%;text-align: center;  margin: 0;   padding:0.9em 0 0 0;}
header .logo h1 {margin:0 auto; padding: 0; display: block; text-align: center;}
header .logo h1 a {text-decoration: none; border:none; cursor: pointer;}
header .logo h1 svg {height: 50px; margin:0; padding: 0;}
header .kullanici_nav {float:left; width:33.33%; margin:0; padding: 0; text-align: right;}
header .kullanici_nav .kullanici_menu {margin:1.9em 1em 0 0;}
header .kullanici_nav .kullanici_menu ul {margin:0; padding:0; display: block;list-style: none; }
header .kullanici_nav .kullanici_menu ul:after{content: ""; display: table; clear: both;}
header .kullanici_nav .kullanici_menu ul li {cursor: pointer; float: right; margin:0 10px 0 10px;width: 10%;padding:0 7px 0 7px; }
header .kullanici_nav .kullanici_menu ul li a {cursor: pointer; text-decoration: none;}
header .kullanici_nav .kullanici_menu ul li a i {color:#000; font-size:1.2em;}
header .kullanici_nav .kullanici_menu .gobibag {font-family: "Manrope", sans-serif; font-size: clamp(0.7rem,9vw,0.8rem);letter-spacing: 2px; height: 100vh; width: 0; position: fixed; z-index: 202; top: 0; right: 0; background-color: #fff; overflow-x: hidden; transition: 0.3s; padding-top: 2em;}
header .kullanici_nav .kullanici_menu .gobibag h1{font-size: 100%;text-align: center; max-width: 100%; padding: 0; margin: 0; }
header .kullanici_nav .kullanici_menu .gobibag .closebtn {  position: absolute;  top: 15px;  left: 25px;  font-size: 36px;  margin-left: 0;}
header .kullanici_nav .kullanici_menu .gobibag--inner {margin:0 0 2em 0;  padding:3em 1em 0 1em; width:100%; font-size:clamp(0.6rem,8vw,0.7rem);}
header .kullanici_nav .kullanici_menu .gobibag--inner li{margin:0 0 10px 0;padding:10px 0 10px 0;width:100%; }
header .kullanici_nav .kullanici_menu .gobibag--inner li .cart_img {float:left; margin:0 10px 0 5px; padding:0;}
header .kullanici_nav .kullanici_menu .gobibag--inner li .cart_img img {width:90px;padding:0;margin:0; border:none;}
header .kullanici_nav .kullanici_menu .gobibag--inner li .cart_title{float:left; margin:0; padding:0;max-width:180px;text-align:left;}
header .kullanici_nav .kullanici_menu .gobibag--inner li .cart_title a {text-decoration:none; letter-spacing:0; color:#000;}
header .kullanici_nav .kullanici_menu .gobibag--inner .btn-xs {border:0; background:#fff !important; color:#000;font-size:12px !important; box-shadow:0;line-height:0; padding:0;}
header .kullanici_nav .kullanici_menu .gobibag--inner p {width:100%; margin:0 auto; text-align: center;}
header .kullanici_nav .kullanici_menu .gobiset {font-family: "Manrope", sans-serif; height: 100vh; width: 0; position: fixed; z-index: 202; top: 0; right: 0; background-color: #fff; overflow-x: hidden; transition: 0.3s; padding:1.8em 0 0 0; border-left:solid 1px rgba(0,0,0,0.1);}
header .kullanici_nav .kullanici_menu .gobiset h1{font-size: 100%;text-align: center; max-width: 100%; padding: 0 0 15px 0; margin:0; border-bottom:solid 1px rgba(0,0,0,0.1); }
header .kullanici_nav .kullanici_menu .gobiset .closebtn {  position: absolute;  top: 15px;  left: 25px;  font-size: 36px;  margin-left: 0;}
header .kullanici_nav .kullanici_menu .gobiset ul{margin:1.56em 0 0 0; display:block; padding:0;}
header .kullanici_nav .kullanici_menu .gobiset ul li {width:100%;display:block;  margin:10px 0 10px 0; padding:0 1em 0 2em; text-align:left;}
header .kullanici_nav .kullanici_menu .gobiset ul li a {letter-spacing:0; text-decoration: none;	font-size: clamp(0.6rem,0.7vw,0.8rem); padding:0; text-decoration: none;  color: #000; transition: 0.3s;}
header .menu .sidenav { height: 100vh; width: 0; position: fixed; z-index: 202; top: 0; left: 0; background-color: #fff; overflow-x: hidden; transition: .5s; padding-top: 3em;box-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
header .menu .sidenav .closebtn {  position: absolute;  top: 15px;  right: 25px; font-size: 36px;  margin-left: 50px;}
header .menu .sidenav ul {margin:0 ; padding: 0; display: block; transition: .5s;}
header .menu .sidenav ul li {display: block;margin:0.5em 0 0 0; padding:0; text-transform: uppercase;}
header .menu .sidenav ul li a { padding: 8px 8px 8px 32px; text-decoration: none;  color: #000; display: block; transition: .5s; font-size:90%;}
header .menu .sidenav ul li a:hover { color: #818181;}
.dropdown-btn {  padding: 0;  text-decoration: none; display: block; border: none; background: none; width: 100%; text-align: left; cursor: pointer; outline: none;}
.dropdown-btn:after{  content: '\002B';  float: right; margin-right: 5em;}
.dropdown-btn.active:after {  content: "\2212";}
.dropdown-container { display: none;font-size:80%;color: #818181; padding-left: 20px;}
.scrolling-text-container { z-index: 10;position: fixed;  bottom:0;	left:0;	right:0;	background-color: rgba(0,0,0,1);	border-top:dashed 2px rgba(255,255,255,0.4);	border-radius: 0;	overflow: hidden;}
.scrolling-text-inner { display: flex; font-weight: 400;	 white-space: nowrap;	font-size: clamp(0.6rem,1vw,0.8rem);	 padding: 5px 0;}
.scrolling-text {display: flex;	 color:#818181; text-transform: uppercase; }
.scrolling-text-item {padding: 0 15px; }
.scrolling-text-inner > div {animation: var(--direction) var(--marquee-speed) linear infinite; }
.scrolling-text-container:hover .scrolling-text-inner > div { animation-play-state: paused; }
@keyframes scroll-left {	 0% {transform: translateX(0%);	 }	 100% {transform: translateX(-100%);	 }}
@keyframes scroll-right {0% {transform: translateX(-100%); } 100% {transform: translateX(0%);}}
#yukari i {font-size: 1.7em;}
#yukari {	   display: none;  position: fixed;  bottom: 50px;  right: 20px;  z-index: 10000;  border: none;  outline: none;  background-color: #000;  color: white;  cursor: pointer;  padding: 3px 7px 0 7px;  border-radius: 0;}
#yukari:hover { background-color: rgba(0,0,0,0.75);}
#asagi i {font-size: 1em;}
#asagi {opacity: .2;  position: fixed;  top: 50%;  right: 10px;  z-index: 200;  border: none;  outline: none;  background-color: transparent;  color: white;  cursor: pointer;  padding: 3px 5px 0 5px;  border-radius: 0;}
@media screen and (max-height: 450px) {.sidenav {padding-top: 15px;}.sidenav a {font-size: 18px;}}
.anasayfa{	--color-text: #000;	--color-bg: #f1f1f1;	--color-link: rgba(0,0,0,0.6);	--color-link-hover: #000;	--color-bg-1: #f1f1f1;	--color-bg-2: #c7c7c7;	--color-bg-3: var(--color-bg-1);	--color-bg-4: var(--color-bg-2);	--color-bg-5: var(--color-bg-1);	--color-bg-6: var(--color-bg-2);}
.kategori{	--color-text: #000;	--color-bg: #f1f1f1;	--color-link: rgba(0,0,0,0.6);	--color-link-hover: #000;	--color-bg-1: #f1f1f1;	--color-bg-2: #c7c7c7;	--color-bg-3: var(--color-bg-1);	--color-bg-4: var(--color-bg-2);	--color-bg-5: var(--color-bg-1);	--color-bg-6: var(--color-bg-2);}
.urunliste{	--color-text: #000;	--color-bg: #fff;	--color-link: rgba(0,0,0,0.6);	--color-link-hover: #000;	--color-bg-1: #f1f1f1;	--color-bg-2: #c7c7c7;	--color-bg-3: var(--color-bg-1);	--color-bg-4: var(--color-bg-2);	--color-bg-5: var(--color-bg-1);	--color-bg-6: var(--color-bg-2);}
.urundetay{	--color-text: #000;	--color-bg: #fff;	--color-link: rgba(0,0,0,0.6);	--color-link-hover: #000;	--color-bg-1: #f1f1f1;	--color-bg-2: #c7c7c7;	--color-bg-3: var(--color-bg-1);	--color-bg-4: var(--color-bg-2);	--color-bg-5: var(--color-bg-1);	--color-bg-6: var(--color-bg-2);}
.kullanici_sayfalari{	--color-text: #000;	--color-bg: #fff;	--color-link: rgba(0,0,0,0.6);	--color-link-hover: #000;	--color-bg-1: #f1f1f1;	--color-bg-2: #c7c7c7;	--color-bg-3: var(--color-bg-1);	--color-bg-4: var(--color-bg-2);	--color-bg-5: var(--color-bg-1);	--color-bg-6: var(--color-bg-2);}


main .content_header{position: absolute;top:80px; left:0; right: 0;z-index: 3; background: #fff; max-width: 100vw;   margin:0; padding: 0; display: block;}
main .content_header .breadcrumbs  {width: 100%; margin: 0 auto; display: block;}
main .content_header .breadcrumbs  h4{margin-block-start:0;margin-block-end:0;margin-inline-start: 0px;margin-inline-end: 0px;unicode-bidi: isolate;display: inline-block;padding:25px 0 8px 25px;color:#000; text-align: left; font-weight: normal;font-size: clamp(0.6rem,1vw,0.9rem); letter-spacing: 1px;}
main .content_header ul { width: 100%;margin:0 auto;padding: 5px 0 5px 0; text-align:center;}
main .content_header ul li {display: inline-block;margin:0.1em 0 0 0; padding:0; text-transform: uppercase;}
main .content_header ul li a { text-decoration: none;	font-size: clamp(0.6rem,1vw,0.9rem); padding:0 8px 0 8px; text-decoration: none;  color: #000; display: block; transition: 0.3s;}
main .content_header ul li a:hover { color: #818181;}
main .content_header nav {max-width: 33.33%;display: inline-block; margin:0 0 0 15px;}
main .content_header .list_options {max-width: 100%; text-align:right; font-size:clamp(0.8rem,0.9vw,1rem); margin:5px 0 0 0; padding:3px 30px 3px 0;border-top:solid 1px rgba(0,0,0,0.3); border-bottom:solid 1px rgba(0,0,0,0.3);}
main .content_header .list_options label {margin:0 10px 0 10px; }
main .content .page_title-gobi {margin:12em 0 2em 0; padding:0; display:block; width:100%; height:5vh;}
main .content .page_title-gobi h2 {font-family: "Manrope", sans-serif; margin:0; padding:1em; font-size:clamp(0.9rem,1vw,1.1rem); text-align: center; letter-spacing:2px; text-transform:uppercase;text-decoration:underline; }
main .content--checkout .page_title-gobi {margin:1em 0 1em 0; padding:1em; display:block;  width:100%; height:5vh;}
main .content--checkout .page_title-gobi h2 {font-family: "Manrope", sans-serif; margin:0; padding:1em; font-size:clamp(0.9rem,1vw,1.1rem); text-align: center; letter-spacing:2px; text-transform:uppercase;text-decoration:underline; }
main .content .arama {max-width:100%;margin:1em 0 2em 0; padding:0em 1em 1em 1em;  text-align:center;  border-bottom:solid 1px rgba(0,0,0,0.3); }
main .content .arama label {margin:0 10px 0 10px;}
main .content .arama h1 {font-size: clamp(1.5rem,1.5vw,1rem); margin:0 0 20px 0; padding:5px 0 5px 0; border-bottom:solid 1px rgba(0,0,0,0.3);}
main .content .listing {margin:0; padding:0; max-width:100%; background:#00C;}
main .content .product_detail{width: 100%; margin:6em auto; padding:0;  display: flex;}
main .content .product_detail .product_gallery {margin: 0 50px 0 0; padding: 0 5px 0 0; border-right: solid 1px rgba(0,0,0,0.1);display: inline-table; width: 75%; max-width: 100%;}
main .content .product_detail .product_gallery .product_images {display: inline-table;margin: 0; padding: 0;}
main .content .product_detail .product_gallery .product_images a {cursor: pointer;display: inline-flex;flex-wrap: nowrap;width: 49%; margin: 0; padding: 0; border:solid 3px #fff;}
main .content .product_detail .product_gallery .product_images a img {width:100%;}
main .content .product_detail .product_detail-box {margin: 0; padding: 0; display: inline-table; width:40%; max-width: 40%;flex-wrap: wrap;  }
main .content .product_detail .product_detail-box .product_title {transition: 0.3s;font-size: clamp(0.8rem,1vw,1rem); font-weight: 600;letter-spacing: 1px;text-align: center;width: 100%; margin: 0 auto; padding:0 8px 10px 8px ; display: block; border-bottom:solid 1px rgba(0,0,0,0.3);}
main .content .product_detail .product_detail-box .product_status {display: flex;margin:15px auto;width: 100%;    }
main .content .product_detail .product_detail-box .product_status ul {display: inline-table; width:70%; margin: 0; padding:0;list-style: none;}
main .content .product_detail .product_detail-box .product_status ul li {display: block; margin: 5px 0 5px 0; letter-spacing: 2px; font-size: 0.8em;}
main .content .product_detail .product_detail-box .product_status .product_discount {text-align: center;display: inline-table; width: 30%;height: 120px; margin:0 auto; padding: 0;  }
main .content .product_detail .product_detail-box .product_status .product_discount span {margin:0 0 3px 0;width: 100%; font-size: 0.8em;  font-weight: bold;color:#000; letter-spacing: 1px; display: block; text-transform: uppercase;}
main .content .product_detail .product_detail-box .product_status .product_discount img {max-width: 64px; height: 64px; padding: 3px;background: #000;}
main .content .product_detail .product_detail-box .product_status .product_discount h5{width: 100%;font-size: clamp(0.8rem,1vw,0.9rem);padding: 0 0 10px 0;margin: 1px 0 1px 0; letter-spacing: 0.1px;text-align: center;text-transform: uppercase; }
main .content .product_detail .product_detail-box .product_options {width: 100%; display: block; margin: 0 auto; padding: 0 ;}
main .content .product_detail .product_detail-box .product_options h6 {font-size: clamp(0.8rem,1vw,0.9rem);color: rgba(0,0,0,0.7); text-align: left; display: block; width: 100%; padding: 0 0 10px 0; margin: 0 0 10px 0;  border-bottom:solid 1px rgba(0,0,0,0.1);}
main .content .product_detail .product_detail-box .product_options ul {margin:5px 0 15px; padding: 0; display: block;}
main .content .product_detail .product_detail-box .product_options ul li {cursor: cursor;background:rgba(0,0,0,0.0);display: inline-block; min-width: 32px; border:solid 1px rgba(0,0,0,0.1); margin: 3px;padding: 3px 5px 3px 5px; text-align: center;}
main .content .product_detail .product_detail-box .product_options ul li a{color:rgba(0,0,0,0.7); text-decoration: none; font-size: 0.9em; text-transform: uppercase;}
main .content .product_detail .product_detail-box .product_options ul li:hover,:focus { transition: 0.5s;background:rgba(0,0,0,0.2); }
main .content .product_detail .product_detail-box .product_description {max-width: 100%; padding: 0; margin:20px auto;display:block;}
main .content .product_detail .product_detail-box .accordion {cursor:pointer;}
main .content .product_detail .product_detail-box .accordion:after {  content: '\002B';  float: right; margin-left: 5px;}
main .content .product_detail .product_detail-box .active:after {  content: "\2212";}
main .content .product_detail .product_detail-box .panel { max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;}

main .content .product_detail .product_detail-box .product_description h4{font-size: clamp(0.8rem,1vw,0.9rem);color: rgba(0,0,0,0.7); text-align: left; display: block; width: 100%; padding: 0 0 10px 0; margin: 0 0 10px 0;  border-bottom:solid 1px rgba(0,0,0,0.1);}
main .content .product_detail .product_detail-box .product_description p {text-align: justify; font-size: clamp(0.8rem,1vw,0.9rem);}

main .content .product_detail .product_detail-box .product_return {max-width: 100%; padding: 0; margin:20px auto;display:block;}
main .content .product_detail .product_detail-box .product_return h4{font-size: clamp(0.8rem,1vw,0.9rem);color: rgba(0,0,0,0.7); text-align: left; display: block; width: 100%; padding: 0 0 10px 0; margin: 0 0 10px 0;  border-bottom:solid 1px rgba(0,0,0,0.1);}
main .content .product_detail .product_detail-box .product_return p {text-align: justify; font-size: clamp(0.8rem,1vw,0.9rem);}

main .content .product_detail .product_detail-box .product_care {max-width: 100%; padding: 0; margin:20px auto;display:block;}
main .content .product_detail .product_detail-box .product_care h4{font-size: clamp(0.8rem,1vw,0.9rem);color: rgba(0,0,0,0.7); text-align: left; display: block; width: 100%; padding: 0 0 10px 0; margin: 0 0 10px 0;  border-bottom:solid 1px rgba(0,0,0,0.1);}
main .content .product_detail .product_detail-box .product_care p {text-align: justify; font-size: clamp(0.8rem,1vw,0.9rem);}
main .content .product_detail .product_detail-box .product_delivery {max-width: 100%; padding: 0; margin:20px auto;display:block;}
main .content .product_detail .product_detail-box .product_delivery h4{font-size: clamp(0.8rem,1vw,0.9rem);color: rgba(0,0,0,0.7); text-align: left; display: block; width: 100%; padding: 0 0 10px 0; margin: 0 0 10px 0;  border-bottom:solid 1px rgba(0,0,0,0.1);}
main .content .product_detail .product_detail-box .product_delivery p {text-align: justify; font-size: clamp(0.8rem,1vw,0.9rem);}

main .content .product_detail .product_detail-box .add_bag {cursor: pointer;margin:20 auto;width: 100%; padding: 12px; display: block; background: rgba(0,0,0,0.9);color:rgba(255,255,255,0.99); border:none;border-radius: 0;}
main .content .product_detail .product_detail-box .add_bag span{text-decoration: none;text-transform: uppercase; letter-spacing: 5px; vertical-align: middle;font-weight: lighter;}
main .content .product_detail .product_detail-box .add_bag i {font-size: 1.3em; float: right; padding-right: 10px;}
main .content .product_detail .product_detail-box .add_bag:hover {background: rgba(0,0,0,0.8); transition: 0.5s;}
main .content .product_list {margin:2em 0 0 0; padding:0;max-width: 100%;  gap:5px; display: flex; flex-direction: column-reverse;  flex-flow: wrap; align-items: center;}
main .content .product_list .product_box {padding: 0; margin:0 auto;max-width: 320px;overflow: hidden; }
main .content .product_list .product_box .product_image {position: relative; z-index: 0; top:-57px;margin: 0; padding: 0; text-align: center;}
main .content .product_list .product_box .product_image a {text-decoration: none; border:none;}
main .content .product_list .product_box .product_image a img {zoom:*;width:100%;  padding: 0;margin: 0;}
main .content .product_list .product_box .product_title {max-width:100%;position: relative;top:-63px;z-index: 1;font-size:clamp(0.7rem,0.7vw,0.7rem); color:#fff; padding:5px;background: #181818;text-align: center; letter-spacing: 1px;}
main .content .product_list .product_box .product_price {position: relative;top:10px; letter-spacing: 1px;z-index:1; font-weight: 600;font-size:clamp(0.9rem,1vw,0.1rem); color:rgba(0,0,0,0.9); text-align: right; padding: 0 10px 0 0;}
main .content .product_list .product_box .product_price-old {position: relative;top:14px; text-decoration: line-through;letter-spacing: 1px;z-index:1; font-weight: 400;font-size:clamp(0.9rem,1vw,0.1rem); color:rgba(0,0,0,0.9); text-align: right; padding: 0 10px 0 0;}
main .content .product_list .product_box .product_discount {position: relative;top:-30px; letter-spacing: 1px;z-index:1; font-weight: 800;font-size:clamp(0.9rem,1vw,0.1rem); color: rgba(255,0,0,0.6); text-align: left; padding: 0 0 0 15px;}
main .content .product_list .product_box .product_options {position: relative;top:-70px;border-bottom: solid 1px rgba(0,0,0,0.1);background: #fff; margin: 0; padding: 0;}
main .content .product_list .product_box .product_options ul {text-align: justify;display: flex; flex-flow: wrap;  box-sizing:inherit;list-style: none;}
main .content .product_list .product_box .product_options ul li { margin:0 auto;width: 33.33%; padding:0 0 0 12px;}
main .content .product_list .product_box .product_options ul li a {background: #fff; font-size: clamp(1.5rem,1vw,1rem);}
main .content .product_list .product_box .product_options ul li a i {color:#000;}
main .content .product_detail .related_products{}
.page_header { background: url('https://cdn.sanity.io/images/gl3cvgef/live/c4b4def6d53e0578d39d00d850f74031969aca9b-2880x720.jpg') no-repeat;background-size :cover;background-position:top right;}
.page_header h1 {font-size: clamp(1.5rem,2vw,2rem);text-align: center; text-transform: uppercase; margin:0; padding: 0 7px 0 0;width:clamp (35%,22.22%,50%); border-bottom:solid 0.8px #000;  }
.page_header .category_description {font-size: 110%; text-align: center; max-width: 50%; text-transform: uppercase; letter-spacing: 1.5px;}
.page_header ul { margin: 0 auto; padding: 0;}
.page_header ul li {display: inline-flex; margin: 0.7em; background: #000;padding:12px;}
.page_header ul li a {transition: .5s;font-size:clamp(0.8rem,1vw,0.7rem);font-weight: 200;text-decoration: none; color:#fff; letter-spacing: 3px ;	text-decoration: none; 	outline: none;	cursor: pointer;}
.page_header ul li a:hover {	color:lightgrey;	outline: none;}
.page_header ul li a:focus { 	outline: none;	background: lightgrey;}
.page_header ul li a:focus:not(:focus-visible) {	background: transparent;}
.page_header ul li a:focus-visible {	outline: 2px solid red;	background: transparent;}
footer{margin: 0 auto; padding:3em 0 3em 0; display: flex; position: relative; bottom:0; left: 0; right: 0; z-index: 1; width: 100%; max-width: 100%; background: #fff; border-top:solid 1px rgba(0,0,0,0.1);border-bottom:solid 30px rgba(0,0,0,1);}
footer .footer_last {display: block;margin: 0; padding: 0;max-width: 100%; width: 100%; background: #fff;}
footer .footer_last .gobi_text{margin: 0; padding: 0; width: 100%; text-align: center;}
footer .footer_last .gobi_text h1 {margin: 0; padding: 0; width: 100%;}
footer .footer_last .gobi_text h1 svg {max-height: 32px;}
footer .footer_last .gobi_text h2 {font-weight: 600; letter-spacing: 3px;font-size:  clamp(0.65rem,1vw,0.55rem);margin: 0; padding:10px 0 0 0; width: 100%;}
footer .footer_last .gobi_text h3 {font-weight: 400; letter-spacing: 3px;text-transform: uppercase;font-size:  clamp(0.65rem,1vw,0.55rem);margin: 0; padding:10px 0 0 0; width: 100%;}
footer .footer_last .footer_info {display: flex;background: #fff; width: 30%; margin: 0 auto; padding:10px 0 0 0 ;}
footer .footer_last .footer_info>div {text-align: center;display: inline-table;width: 5%; max-width: 5%; margin: 0 auto; padding: 0;}
footer .footer_last .footer_info>div i {font-size:2em;}
footer .footer_last .copyrights {text-align: center;font-size:clamp(0.65rem,1vw,0.55rem);letter-spacing: 3px;margin: 0; padding:10px 0 0 0;}
footer .footer_last .copyrights i {font-size: 1em;}
footer>div{display: inline-table; width:33%; max-width: 33%;background: #fff; margin:0 auto; border-right: solid 1px rgba(0,0,0,0.1);}
footer>div:last-child{border:none;}
footer>div h6 {font-size: clamp(0.85rem,1vw,0.75rem); font-weight: 400;color:#000; width:100%; margin: 0; padding: 0; text-align: center;}
footer>div ul {margin: 0;padding: 0;display: block;}
footer>div ul li {display: block; margin: 10px 0 10px 0; max-width: 100%; text-align: center;}
footer>div ul li a {color:rgba(0,0,0,0.75); font-size: 80%; transition: 0.5s;}
.category_header { background: url('../media/image/category/erkek_kategori-1920x1080px.jpg') no-repeat;background-size :cover;background-position:top center;}
.category_header h1 {font-size: clamp(2.5rem,5vw,3rem);text-align: center; text-transform: uppercase; margin:0; padding: 0 7px 0 0;width:clamp (35%,22.22%,50%); border-bottom:solid 0.8px #000; letter-spacing: -3px;}
.category_description {font-size: 110%; text-align: center; max-width: 50%; text-transform: uppercase; letter-spacing: 1.5px;}
.category_header ul { margin: 0 auto; padding: 0;}
.category_header ul li {display: inline-flex; margin: 0.7em; padding: 0 0 3px 0;border-bottom: solid 0.7px #818181;}
.category_header ul li a {font-weight: 600;text-decoration: none; color:#000; letter-spacing: 2px ;	text-decoration: none; color: #000;	 	outline: none;	cursor: pointer;}
.category_header ul li a:hover {	color:rgba(0,0,0,0.7);	outline: none;}
.category_header ul li a:focus { 	outline: none;	background: lightgrey;}
.category_header ul li a:focus:not(:focus-visible) {	background: transparent;}
.category_header ul li a:focus-visible {	outline: 2px solid red;	background: transparent;}
.js .loading::before,
.js .loading::after {	content: '';	position: fixed;	z-index: 5000;}
.js .loading::before {	top: 0;	left: 0;	width: 100%;	height: 100%;	background: var(--color-bg);}
.js .loading::after {	top: 50%;	left: 50%;	width: 60px;	height: 60px;	margin: -30px 0 0 -30px;	border-radius: 50%;	opacity: 0.4;	background: var(--color-link);	animation: loaderAnim 0.7s linear infinite alternate forwards;}
@keyframes loaderAnim {	to {		opacity: 1;		transform: scale3d(0.5,0.5,1);	}}
a {	text-decoration: none;	color: var(--color-link);	outline: none;	cursor: pointer;}
a:hover {	color: var(--color-link-hover);	outline: none;}
a:focus { 	outline: none;	background: lightgrey;}
a:focus:not(:focus-visible) {	background: transparent;}
a:focus-visible {	outline: 2px solid red;	background: transparent;}
.content {	padding: var(--page-padding);	display: flex;	flex-direction: column;	justify-content: center;	align-items: center;}
.content--perspective {	perspective-origin: 50% 0%;	perspective: 1000px;}
.text-large {	font-size: clamp(1.5rem,5vw,3rem);	max-width: 900px;	margin: 0 0 0.85em 0;	line-height: 1.2;	font-variation-settings: "slnt" 0, "wdth" 100, "wght" 500, "INKT" 100;}
.content--sticky {	width: 100vw;	position: sticky;	top: 0;	--offset: 0px;	top: var(--offset);	height: calc(100vh - var(--offset));}
.content--grid,
.content--grid .content__inner { text-align: center;	display: grid;	overflow: hidden;	grid-column-gap: 5vw;	grid-row-gap: 2vh;	align-content: center;	grid-template-areas: 'content-img' 'content-title' 'content-text';	justify-items: center;}
.content--grid:has(.content__inner) {	display: block;	padding: 0;}
.content__inner {	width: 100%;	height: 100%;	border-radius: 0 0 2rem 2rem;}
.content--card {	display: flex;	flex-direction: column;	height: 80vh;	width: 95vw;	max-width: 500px;	aspect-ratio: 0.8;	top: 10vh;	margin: auto;	border-radius: 14px;	gap: 3vh;	text-align: center;	margin-bottom: 5vh;}
.content--card .content__title {	font-size: clamp(1.5rem,4vw,3.5rem);}
.content--card .content__title i {	display: block;}
.content--half {	display: flex;	flex-direction: column;	gap: 3vh;	text-align: center;}
.content--half:nth-child(odd) {	margin-left: auto;}
.content__img {	grid-area: content-img;	width: 50%;	max-width: 300px;	height: auto;}
.content__img--large {	width: 60%;	height: auto;}
.content__img--small {	height: 35%;	width: auto;}
.spacer {	margin-top: 20vh;}
.content__title {	grid-area: content-title;	letter-spacing: -0.095em;	text-transform: uppercase;	line-height: 1;	font-weight: normal;	font-size: clamp(2rem,6vw,5rem);	margin: 0; 	font-variation-settings: "slnt" 0, "wdth" 400, "wght" 900, "INKT" 400;}
.content__text {	margin: 0;	max-width: 500px;	grid-area: content-text;	text-align: center;	line-height: 1.5;	padding: 0 1rem;	backface-visibility: hidden;}
.content__text--kategori{	margin: 0 auto;	max-width: 900px;	grid-area: content-text;	text-align: center;	line-height: 1.5;	padding: 0 1rem;	backface-visibility: hidden;}
.content__text--narrow {	max-width: 300px;}
.content--intro_account {padding-top:20vh; padding-bottom: 20vh;}

.content--intro {	height: 100vh;	z-index: 2;}
.content--outro {	padding-top: 50vh;	padding-bottom: 30vh;}
.content--information{max-width:100%;margin:0 auto;padding:15vh 10em 20vh 10em;}
.content--account {max-width:100%;margin:0 auto;padding:15vh 10em 20vh 10em;}
.content--checkout {max-width:100%;margin:0 auto;padding:15vh 10em 20vh 10em;}
.content--success {max-width:100%;margin:0 auto;padding:15vh 10em 20vh 10em;}
.content--success a {font-weight:bold; color:#000;}
.content--success a:hover {font-weight:bold; color:rgba(0,0,0,0.8);}
.content--success .buttons a {color:#fff; font-weight:normal;}
.alarm {
	
	}
 #alarm{
 	
 	}
.alert-success a {color:#000 !important; font-weight:bold !important;}
.center {text-align: center;}
.bg-1 { background: url("//gobi.com.tr/image/catalog/bg/kadin.jpg") no-repeat;background-size :cover;background-position:top center;}
.bg-2 { background: url("//gobi.com.tr/image/catalog/bg/erkek.jpg") no-repeat;background-size :cover;background-position:top center;}
.bg-3 { background: url("//gobi.com.tr/image/catalog/bg/aksesuar.jpg") no-repeat; background-size :cover; background-position:top center;}
.bg-4 { background: url("//gobi.com.tr/image/catalog/bg/evyasam.jpg") no-repeat;background-size :cover;background-position:center;}
.bg-5 { background: #fff url(" https://www.gobi.com.tr/image/catalog/StokResim/Aksesuar/2-15ch103-61.jpg") no-repeat;background-size :contain;background-position:center;}
.bg-6 { background: url("//gobi.com.tr/image/catalog/bg/yenisezon.jpg") no-repeat;background-size :cover;background-position:center;}
.bg-7 { background: url("//gobi.com.tr/image/catalog/bg/keciliurunler.jpg") no-repeat;background-size :cover;background-position:center; color:#fff;}
.kadin_hirka { background: url("https://cdn.shopify.com/s/files/1/1953/2845/files/EU_SS24_3rd_Launch_E-com_0321_EB1563.jpg") no-repeat;background-size :cover;background-position:top center;}
.kadin_disgiyim { background: url("https://cdn.shopify.com/s/files/1/1953/2845/files/EU_SS24_3rd_Launch_E-com_0321_EB1563.jpg") no-repeat;background-size :cover;background-position:top center;}
.kadin_kazak { background: url("https://cdn.shopify.com/s/files/1/1953/2845/files/EU_SS24_3rd_Launch_E-com_0321_EB1563.jpg") no-repeat;background-size :cover;background-position:top center;}
.kadin_yelek { background: url("https://cdn.shopify.com/s/files/1/1953/2845/files/EU_SS24_3rd_Launch_E-com_0321_EB1563.jpg") no-repeat;background-size :cover;background-position:top center;}
.kadin_elbise { background: url("https://cdn.shopify.com/s/files/1/1953/2845/files/EU_SS24_3rd_Launch_E-com_0321_EB1563.jpg") no-repeat;background-size :cover;background-position:top center;}
.kadin_tshirt{ background: url("https://cdn.shopify.com/s/files/1/1953/2845/files/EU_SS24_3rd_Launch_E-com_0321_EB1563.jpg") no-repeat;background-size :cover;background-position:top center;}
.kadin_panco { background: url("https://cdn.shopify.com/s/files/1/1953/2845/files/EU_SS24_3rd_Launch_E-com_0321_EB1563.jpg") no-repeat;background-size :cover;background-position:top center;}
.kadin_etek { background: url("https://cdn.shopify.com/s/files/1/1953/2845/files/EU_SS24_3rd_Launch_E-com_0321_EB1563.jpg") no-repeat;background-size :cover;background-position:top center;}
.kadin_pantolon { background: url("https://cdn.shopify.com/s/files/1/1953/2845/files/EU_SS24_3rd_Launch_E-com_0321_EB1563.jpg") no-repeat;background-size :cover;background-position:top center;}
.kadin_suveter-bluz{ background: url("https://cdn.shopify.com/s/files/1/1953/2845/files/EU_SS24_3rd_Launch_E-com_0321_EB1563.jpg") no-repeat;background-size :cover;background-position:top center;}
.kadin_hirka { background: url("https://cdn.shopify.com/s/files/1/1953/2845/files/EU_SS24_3rd_Launch_E-com_0321_EB1563.jpg") no-repeat;background-size :cover;background-position:top center;}
.kadin_hirka { background: url("https://cdn.shopify.com/s/files/1/1953/2845/files/EU_SS24_3rd_Launch_E-com_0321_EB1563.jpg") no-repeat;background-size :cover;background-position:top center;}
.myilbasi {display: none !important;}
.dyilbasi {max-width:70%; animation: yuklenis 3s ease 1;}
#overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #E53141;z-index: 700;display: inherit;}
.popup-onload{margin:0 auto;  top:0; left:0; right:0;  overflow:hidden;display: none;position: fixed;z-index: 701;}
.cnt223{min-width:100%;width: 100%; height:100%; margin:0 auto; position: relative;z-index: 602;padding: 15px 35px;}
.cnt223 p{margin:0 auto;font-family: "Manrope", sans-serif;font-size: clamp(1rem,1.5vw,2rem);letter-spacing:-1px;clear: both; font-family: sans-serif; padding-top:0.2em; text-align:center; color:#000;}
.cnt223 p b{color:#fff; font-weight:bold;}
.cnt223 p img{margin:0 auto;  display: block; }
.cnt223 a{text-decoration: none; font-size:2em;}
.cnt223 a{color: #ddd;font-weight: bold;}
.cnt223 .x{float: right;top:0;left: 0;position: relative;}
.cnt223 .x:hover{cursor: pointer;}
.alert {
	position:fixed;
	min-width:220px;
	height:auto;
    z-index:9999;
    bottom:0;
    right:0;
    margin:0 1em 1em 0;
 	padding:1em;
}
.alert{
 	margin-bottom:20px;
	border:1px solid transparent;
 }
.alert h4{
	margin-top:0;
	color:inherit
}
.alert .alert-link{
	font-weight:700
}
.alert>p,.alert>ul{
	margin-bottom:0
}
.alert>p+p{
	margin-top:5px
}
.alert-dismissable,.alert-dismissible{
	padding-right:35px
}
.alert-dismissable .close,.alert-dismissible .close{
	
	position:relative;
	margin-left:15px;
    padding:0 5px 0 5px; 
	color:#fff
}
.alert-success{
 	background-color:#dff0d8;
	border-color:#d6e9c6
}

.alert-success hr{
	border-top-color:#c9e2b3
}
.alert-success .alert-link{
	color:#000
	font-weight:bold;
}
.alert-info{
	color:#31708f;
	background-color:#d9edf7;
	border-color:#bce8f1
}
.alert-info hr{
	border-top-color:#a6e1ec
}
.alert-info .alert-link{
	color:#245269
}
.alert-warning{
	color:#8a6d3b;
	background-color:#fcf8e3;
	border-color:#faebcc
}
.alert-warning hr{
	border-top-color:#f7e1b5
}
.alert-warning .alert-link{
	color:#66512c
}
.alert-danger{
	color:#a94442;
	background-color:#f2dede;
	border-color:#ebccd1
}
.alert-danger hr{
	border-top-color:#e4b9c0
}
.alert-danger .alert-link{
	color:#843534
}
@media screen and (max-width: 63em) {
	.dyilbasi {display: none !important;}
	.myilbasi {display: block !important;max-width:100%; animation: yuklenis 3s ease 1;}
	header .logo {padding-top:1em;}
	header .kullanici_nav .kullanici_menu {margin:1.9em 1em 0 0;}
	header .kullanici_nav .kullanici_menu ul li {margin:0 8px 0 8px;padding:0 5px 0 5px;}
	header .kullanici_nav .kullanici_menu ul li a i { font-size:90% !important;}
	header .menu .menu_simge { margin-left:1.25em;  }
	header .menu .arama_simge  {top:-4px; left:9px;}
 	header .menu .arama_simge i {font-size:95%;}
 	.alert {
 	 width:100% !important;
     margin:0;
     
}
.alert-dismissable .close,.alert-dismissible .close{
	  right:-20px;
	  top:-20px;
 	 
}
    main .content .arama {margin-top:1em; }
    main .content .arama label {display:block; margin:10px;}
    main .content_header .list_options {text-align:center; padding:3px 0 3px 0;}
    main .content .product_list { padding:2rem 0 3rem 0;}
    main .content .product_list .product_box { max-width: 100%; min-height: 480px; }
    main .content .product_list .product_box .product_image a img {max-width: 100%; max-height: 100vh;}
    main .content .product_list .product_box .product_options ul li { padding:5px 0 0 25px;}
    main .content .product_detail{width: 100%; padding:0;  display: block; }
    main .content .product_detail .product_gallery {display: block; width: 100%; border:none; padding: 0;}
    main .content .product_detail .product_detail-box {display: block; width: 100%; max-width: 100%;}
    main .content .product_detail .product_detail-box .product_title {padding-top:5px;}
    main .content .product_detail .product_detail-box .add_bag {position: fixed; bottom:0; left: 0; right: 0; display: block; background: #000;}
    main .content .page_title-gobi {margin:12em 0 1em 0;}


	.content--information{max-width:100%;margin:0 auto;padding:20vh 1em 20vh 1em;}
    .content--account {max-width:100%;margin:0 auto;padding:20vh 1em 20vh 1em;}
    .content--checkout {max-width:100%;margin:0 auto;padding:20vh 1em 20vh 1em;}
    .content--success {max-width:100%;margin:0 auto;padding:20vh 1em 20vh 1em;}
 
	footer {display: block; width: 100%;}
	footer>div{display: block; width: 100%; max-width: 100%;border-right: none;border-bottom:solid 1px rgba(0,0,0,0.1); margin:10px 0 10px; padding: 10px 0 10px 0;}

}
@media screen and (min-width: 63em) {
	body {		--page-padding: 2rem 3rem;	}
  .content--grid,
	.content--grid .content__inner {grid-template-areas: 'content-img content-title' 'content-img content-text';grid-template-columns: 30% 1fr;justify-items: start;	}
	.content__img--large {		width: 160%;	}
	.content__img--left {		justify-self: end;	}
	.content__text--left {		text-align: left;		align-self: start;	}
.content__text--center {		text-align: center;		align-self: start;	}
	.content--card {		width: 50vw;	}
	.content--half {		width: 50%;	}}