@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Fredoka:wght@400;500;600;700&display=swap");

/* ================================
   TOYX CLEAN THEME
   ================================ */

:root{
  --theme-color:#ff8a00;
  --toyx-blue:#2f80ed;
  --toyx-blue-dark:#246bca;
  --toyx-orange:#ff8a00;
  --toyx-orange-dark:#e56f00;
  --toyx-pink:#f04873;
  --toyx-green:#00c753;
  --toyx-red:#d64545;

  --toyx-title:#1f2d3d;
  --toyx-text:#333333;
  --toyx-muted:#777777;
  --toyx-soft-text:#4a5568;

  --toyx-border:#e6e6e6;
  --toyx-border-soft:#dcebff;
  --toyx-bg:#ffffff;
  --toyx-bg-soft:#f8fbff;
  --toyx-bg-soft-2:#eef6ff;

  --toyx-radius-sm:8px;
  --toyx-radius:12px;
  --toyx-radius-lg:18px;
  --toyx-radius-xl:24px;

  --toyx-shadow-sm:0 6px 18px rgba(47,128,237,.06);
  --toyx-shadow:0 12px 32px rgba(47,128,237,.08);
  --toyx-shadow-orange:0 10px 24px rgba(255,138,0,.22);

  --mobile-header-height:60px;
  --mobile-bottom-height:50px;
}

/* ================================
   BASE / RESET
   ================================ */

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;
}

body{
  margin:0;
  padding:0;
  background:#fff;
  color:var(--toyx-text);
  font-family:"Montserrat",sans-serif;
  font-size:13px;
  line-height:1.45;
}

body.homeBody,
body.homeBody button,
body.homeBody input,
body.homeBody select,
body.homeBody textarea,
body.homeBody .JKatAdi .bold .satir1,
body.homeBody .productItem .productName a,
body.homeBody .navigation .navUl > li > a{
  font-family:"Fredoka","Montserrat",sans-serif;
}

img{
  display:block;
  max-width:100%;
  border:0;
}

a{
  color:var(--toyx-text);
  text-decoration:none;
  transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}

a:hover{
  color:var(--toyx-orange);
  text-decoration:none;
}

button,
input,
select,
textarea{
  font-family:"Montserrat",sans-serif !important;
  line-height:inherit;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"]{
  -webkit-appearance:none;
  appearance:none;
  border:0;
  cursor:pointer;
}

textarea{
  resize:vertical;
}

ul,
ol{
  margin:0;
  padding:0;
}

[hidden],
template{
  display:none !important;
}

[role="button"]{
  cursor:pointer;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.clear{
  clear:both;
}

.clearfix::before,
.clearfix::after,
.ticiContainer::before,
.ticiContainer::after{
  content:"";
  display:table;
  clear:both;
}

/* ================================
   GRID / CONTAINERS
   ================================ */

.row{
  display:flex;
  flex-wrap:wrap;
  margin-right:-15px;
  margin-left:-15px;
}

.col,
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,
.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
  position:relative;
  width:100%;
  min-height:1px;
  padding-right:15px;
  padding-left:15px;
}

.col{ flex:1 0 0; max-width:100%; }
.col-1{ flex:0 0 8.333333%; max-width:8.333333%; }
.col-2{ flex:0 0 16.666667%; max-width:16.666667%; }
.col-3{ flex:0 0 25%; max-width:25%; }
.col-4{ flex:0 0 33.333333%; max-width:33.333333%; }
.col-5{ flex:0 0 41.666667%; max-width:41.666667%; }
.col-6{ flex:0 0 50%; max-width:50%; }
.col-7{ flex:0 0 58.333333%; max-width:58.333333%; }
.col-8{ flex:0 0 66.666667%; max-width:66.666667%; }
.col-9{ flex:0 0 75%; max-width:75%; }
.col-10{ flex:0 0 83.333333%; max-width:83.333333%; }
.col-11{ flex:0 0 91.666667%; max-width:91.666667%; }
.col-12{ flex:0 0 100%; max-width:100%; }

.ticiContainer,
.search,
.headerContent,
.navigation > div,
body ul.breadcrumb,
.userLoginContent,
.hesabimContent{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  position:relative;
  clear:both;
}

.headerContent,
.navigation > div,
.htop .ticiContainer{
  max-width:1800px;
}

.leftBlock{
  float:left;
  width:25%;
  padding-right:60px;
}

.rightBlock{
  float:right;
  width:25%;
  padding-left:60px;
}

.centerCount{
  float:left;
  width:100%;
}

.leftBlock.LeftMiddle{ width:240px; margin:20px 0; }
.centerCount.LeftMiddle{ width:calc(100% - 240px); margin-top:20px; }
.rightBlock.MiddleRight{ width:240px; }
.centerCount.MiddleRight{ width:calc(100% - 240px); }
.centerCount.Middle{ width:100%; margin-top:20px; }

/* ================================
   HEADER
   ================================ */

#header{
  float:left;
  width:100%;
  position:relative;
  z-index:1000;
  background:#fff;
  transition:left .3s ease-in-out;
}

.htop{
  float:left;
  width:100%;
  background:#f8f8f8;
}

.htop .ticiContainer{
  padding:0 100px;
}

.htop .ticiContainer > p{
  margin:0;
  text-align:center;
  color:var(--toyx-orange);
  font-size:15px;
  font-weight:700;
  line-height:40px;
}

.headerContent{
  text-align:center;
}

#logo{
  float:left;
  display:inline-block;
}

#logo .logo{
  height:100px;
  display:flex;
  align-items:center;
  justify-content:center;
}

#logo .logo img{
  max-height:58px;
}

.header-right{
  float:right;
  margin-top:25px;
}

.header-right .mycart,
.header-right .welcome{
  display:block;
}

/* search */
.searchContent{
  opacity:1;
  float:right;
  width:31%;
  margin:30px 13.5% 0 0;
  position:relative;
  z-index:2;
}

#txtbxArama{
  float:left;
  width:100%;
  height:40px;
  padding:0 100px 0 12px;
  border:1px solid var(--toyx-border);
  border-radius:10px;
  background:#fff;
  color:var(--toyx-text);
  font-size:13px;
  transition:.25s ease;
}

#txtbxArama::placeholder{
  color:#9aa4af;
}

#txtbxArama:hover,
#txtbxArama:focus{
  outline:none;
  border-color:var(--toyx-blue);
  box-shadow:0 0 0 3px rgba(47,128,237,.10);
}

#btnKelimeAra{
  position:absolute;
  right:0;
  top:0;
  width:100px;
  height:40px;
  line-height:40px;
  border-radius:0 10px 10px 0;
  background:var(--toyx-orange);
  color:#fff;
  font-size:13px;
  font-weight:700;
  text-align:center;
  text-transform:uppercase;
}

#btnKelimeAra:hover{
  background:var(--toyx-orange-dark);
}

/* account / cart */
.mycart,
.welcome{
  float:right;
  position:relative;
  z-index:99;
}

.mycart{
  margin:0 1px 0 30px;
}

.mycart::before,
.welcome::before{
  float:left;
  width:50px;
  height:50px;
  margin-right:14px;
  border:1px solid var(--toyx-border-soft);
  border-radius:50%;
  background:var(--toyx-bg-soft-2);
  color:var(--toyx-blue);
  font-family:"FontAwesome";
  font-size:19px;
  font-weight:600;
  line-height:48px;
  text-align:center;
}

.mycart::before{ content:"__codex_directive_quoted_backslash__f290"; }
.welcome::before{ content:"__codex_directive_quoted_backslash__f007"; }

.mycart:hover::before,
.welcome:hover::before{
  color:#fff;
  background:var(--toyx-orange);
  border-color:var(--toyx-orange);
}

.mycart > a,
.welcome a,
.headerUyeGiris a,
.headerHesabim{
  color:var(--toyx-title);
  font-size:13px;
  font-weight:700;
  line-height:20px;
  text-align:left;
  text-transform:uppercase;
}

.headerUyeOl a,
.headerCikis,
.mycart .sepetUrunSayisi,
.mycart .sepetUrun,
.sepetTopTutar{
  color:var(--toyx-muted);
  font-size:12px;
  font-weight:400;
  line-height:20px;
}

.mycart:hover > a,
.mycart:hover span,
.welcome a:hover{
  color:var(--toyx-orange);
}

/* cart dropdown */
.CartProduct{
  position:absolute;
  top:120%;
  right:0;
  width:310px;
  padding:12px;
  background:#fff;
  border:1px solid var(--toyx-border-soft);
  border-radius:16px;
  box-shadow:var(--toyx-shadow);
  opacity:0;
  visibility:hidden;
  transform:translateY(20px);
  transition:.25s ease;
  z-index:99999;
}

@media (min-width:768px){
  .mycart:hover .CartProduct{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
}

.CartProduct .SProduct{
  max-height:300px;
  overflow-y:auto;
}

.CartProduct .button{
  float:left;
  width:calc(50% - 10px);
  margin:5px !important;
  border-radius:10px;
  line-height:34px;
  font-size:13px !important;
}

.CartProduct .headerCartBtn{
  border:1px solid var(--toyx-border-soft);
  background:var(--toyx-bg-soft);
  color:var(--toyx-blue);
}

.CartProduct .headerCartBtn:hover,
.CartProduct .headerOrderBtn{
  background:var(--toyx-orange);
  color:#fff;
}

/* ================================
   NAVIGATION
   ================================ */

.navigation{
  float:left;
  width:100%;
}

.navigation > div #divUcTopMenu{
  border-top:1px solid var(--toyx-border);
  border-bottom:1px solid var(--toyx-border);
}

.homeHeader .navigation > div #divUcTopMenu{
  border-bottom:none;
}

.navigation .navUl{
  display:inline-block;
  font-size:0;
  text-align:center;
}

.navigation .navUl ul{
  list-style:none;
}

.navigation .navUl > li{
  display:inline-block;
  vertical-align:middle;
  padding:0 25px;
  position:relative;
}

.navigation .navUl > li > a{
  position:relative;
  float:left;
  color:var(--toyx-blue) !important;
  font-size:16px;
  font-weight:700;
  line-height:69px;
}

.navigation .navUl > li > a::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:10px;
  height:3px;
  border-radius:999px;
  background:var(--toyx-orange);
  opacity:0;
  transform:scaleX(.55);
  transform-origin:center;
  transition:opacity .25s ease,transform .25s ease;
}

.navigation .navUl > li:hover > a,
.navigation .navUl > li.active > a,
.navigation .navUl > li.selected > a{
  color:var(--toyx-orange) !important;
}

.navigation .navUl > li:hover > a::after,
.navigation .navUl > li.active > a::after,
.navigation .navUl > li.selected > a::after{
  opacity:1;
  transform:scaleX(1);
}

.navigation .navUl > li > .Flexscroll{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  right:0;
  max-height:475px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:30px;
  background:#fff;
  border-top:1px solid var(--toyx-border);
  box-shadow:var(--toyx-shadow);
  text-align:left;
  z-index:99;
}

.navigation .navUl > li:hover > .Flexscroll{
  display:block;
}

.navigation .navUl > li .Flexscroll > ul{
  column-count:4;
}

.navigation .navUl > li .Flexscroll a{
  display:block;
  margin-bottom:5px;
  color:var(--toyx-title);
  font-size:13px;
}

.navigation .navUl > li .Flexscroll > ul > li > a{
  font-size:14px;
  font-weight:700;
}

.navigation .navUl > li .Flexscroll a:hover{
  color:var(--toyx-orange);
}

/* new header nav support */
#wide-nav .newHeaderNavUl .nav-item > .nav-item-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding-bottom:10px;
  color:var(--toyx-blue) !important;
  font-weight:700;
}

#wide-nav .newHeaderNavUl .nav-item > .nav-item-link::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:var(--toyx-orange);
  opacity:0;
  transform:translateY(-2px) scaleX(0);
  transform-origin:left center;
  transition:.25s ease;
}

#wide-nav .newHeaderNavUl .nav-item:hover > .nav-item-link,
#wide-nav .newHeaderNavUl .nav-item.active > .nav-item-link{
  color:var(--toyx-orange) !important;
}

#wide-nav .newHeaderNavUl .nav-item:hover > .nav-item-link::after,
#wide-nav .newHeaderNavUl .nav-item.active > .nav-item-link::after{
  opacity:1;
  transform:translateY(0) scaleX(1);
}

/* ================================
   TITLES
   ================================ */

.JKatAdi,
#mainHolder_divDesign .JKatAdi.categoryTitle{
  float:left;
  width:100%;
  margin:0 0 16px !important;
  padding:0 !important;
  text-align:center;
}

.JKatAdi .bold,
#mainHolder_divDesign .JKatAdi.categoryTitle .bold{
  display:block;
  width:100%;
  text-align:center;
}

.JKatAdi .bold .satir1,
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
#divUrunler .JKatAdi.categoryTitle .satir1,
#divUrunler .JKatAdi.categoryTitle span{
  display:inline-block;
  color:var(--toyx-title) !important;
  font-family:"Fredoka","Montserrat",sans-serif !important;
  font-size:28px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  letter-spacing:.2px !important;
  text-transform:none !important;
  background:#fff;
}

/* ================================
   PRODUCT LIST / CARD
   ================================ */

.ProductListContent,
.categoryContainer .ProductListContent{
  float:left;
  width:100%;
}

.homeContainer .ProductListContent{
  margin:36px 0;
}

.categoryContainer .ProductList{
  margin:0 -12px;
}

.ItemOrj,
.homeContainer .ProductListContent .ItemOrj{
  float:left;
  width:33.333%;
  max-width:33.333%;
  flex:0 0 33.333%;
  padding:0 12px;
  margin-bottom:24px;
}

.homeContainer .ProductListContent .ItemOrj{
  width:25%;
  max-width:25%;
  flex:0 0 25%;
}

.categoryContainer .ProductList.PlSc_hrz .ItemOrj{ width:100%; max-width:100%; flex:0 0 100%; }
.categoryContainer .ProductList.PlSc_2 .ItemOrj{ width:50%; max-width:50%; flex:0 0 50%; }
.categoryContainer .ProductList.PlSc_3 .ItemOrj{ width:33.333%; max-width:33.333%; flex:0 0 33.333%; }
.categoryContainer .ProductList.PlSc_4 .ItemOrj{ width:25%; max-width:25%; flex:0 0 25%; }
.categoryContainer .ProductList.PlSc_5 .ItemOrj{ width:20%; max-width:20%; flex:0 0 20%; }

.productItem{
  float:left;
  width:100%;
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid transparent;
  border-radius:16px;
  text-align:center;
  font-size:0;
  transition:.28s ease;
}

.productItem:hover{
  transform:translateY(-6px);
  border-color:#eef4ff;
  box-shadow:0 14px 30px rgba(0,0,0,.08);
}

.productItem .productImage{
  position:relative;
  width:100%;
  overflow:hidden;
  background:#fff;
}

.productItem .productImage a,
.productItem .productImage .Videolu{
  display:block;
  position:relative;
  padding-bottom:131%;
}

.productItem .productImage img,
.productItem .productImage video{
  position:absolute;
  inset:0;
  max-width:100%;
  max-height:100%;
  margin:auto;
  transition:transform .8s ease;
}

.productItem:hover .productImage img{
  transform:scale(1.03);
}

.productItem.StokYok .productImage img{
  opacity:.45;
}

.productItem .productDetail{
  float:left;
  width:100%;
  min-height:145px;
  height:auto;
  padding:22px 12px 12px;
  text-align:center;
}

.productItem .productName{
  float:left;
  width:100%;
  margin-bottom:8px;
}

.productItem .productName a{
  display:-webkit-box;
  width:100%;
  height:44px;
  overflow:hidden;
  color:var(--toyx-text);
  font-size:15px;
  font-weight:600;
  line-height:22px;
  text-align:center;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.productItem:hover .productName a{
  color:var(--toyx-blue);
}

.productItem .productPrice{
  float:left;
  width:100%;
  margin-top:10px;
  text-align:center;
}

.productItem .discountPrice,
.productItem .regularPrice{
  display:inline-block !important;
  vertical-align:top;
}

.productItem .discountPrice span{
  color:var(--toyx-blue);
  font-size:22px;
  font-weight:800;
  line-height:1;
}

.productItem .regularPrice{
  margin-left:10px;
}

.productItem .regularPrice span{
  color:#9a9a9a;
  font-size:14px;
  text-decoration:line-through;
  text-decoration-color:#9a9a9a;
}

.productItem .productMarka,
.productItem .productOnYazi,
.productItem .discountKdv,
.productItem .regularKdv,
.productItem .urunListeAdet,
.boxBedenlerContent,
.productIcon .quickViewIco{
  display:none !important;
}

/* product badges */
.productYeInUcFi{
  position:absolute;
  left:10px;
  top:10px;
  display:flex;
  flex-direction:column;
  z-index:3;
}

.newIcon,
.discountIcon,
.firsatIcon,
.cargoIcon{
  float:left;
  min-width:45px;
  height:22px;
  margin-bottom:6px;
  padding:0 7px;
  border-radius:6px;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:22px;
}

.newIcon{ background:var(--toyx-blue); }
.discountIcon{ background:#7b61ff; }
.firsatIcon{ background:var(--toyx-orange); min-width:90px; }
.cargoIcon{ background:#eef6ff; color:var(--toyx-blue); }

.cargoIcon::before{
  content:"\f0d1";
  font-family:"FontAwesome";
  color:var(--toyx-blue);
}

.StokYok .cargoIcon,
.StokYok .firsatIcon,
.StokYok .newIcon,
.StokYok .productYeInUcFi{
  display:none !important;
}

.favori{
  position:absolute;
  right:10px;
  top:10px;
  z-index:4;
}

.favori a{
  display:block;
  font-size:0;
}

.favori a::before{
  content:"\f004";
  font-family:"FontAwesome";
  color:#d4d9e1;
  font-size:20px;
  font-weight:600;
}

.productItem:hover .favori a::before,
.favori a.listfavoriAktif::before{
  color:#ff6b81;
}

.mycartIcon{
  display:none;
  position:absolute;
  left:12px;
  right:12px;
  bottom:132px;
  z-index:5;
}

.productItem:hover .mycartIcon{
  display:block;
}

.mycartIcon a{
  float:left;
  width:100%;
  border-radius:10px;
  background:var(--toyx-orange);
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:42px;
  letter-spacing:1px;
  text-transform:uppercase;
  box-shadow:var(--toyx-shadow-orange);
}

.mycartIcon a:hover{
  background:var(--toyx-orange-dark);
}

.TukendiIco{
  position:absolute;
  inset:0;
  height:calc(100% - 115px);
  z-index:5;
  background:transparent;
}

.TukendiIco span{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  background:rgba(255,255,255,.92);
  color:var(--toyx-red);
  border-top:1px solid #f0d9d9;
  font-size:12px;
  font-weight:700;
  line-height:28px;
  letter-spacing:1px;
  text-transform:uppercase;
}

/* rating */
.productItem .productPoints{
  float:left;
  width:100%;
  margin-bottom:5px;
  text-align:center;
}

.productItem .productPoints .rating i{
  color:#cacaca;
  font-size:17px;
}

.productItem .productPoints [data-rating^="1"] .star-1,
.productItem .productPoints [data-rating^="2"] .star-1,
.productItem .productPoints [data-rating^="2"] .star-2,
.productItem .productPoints [data-rating^="3"] .star-1,
.productItem .productPoints [data-rating^="3"] .star-2,
.productItem .productPoints [data-rating^="3"] .star-3,
.productItem .productPoints [data-rating^="4"] .star-1,
.productItem .productPoints [data-rating^="4"] .star-2,
.productItem .productPoints [data-rating^="4"] .star-3,
.productItem .productPoints [data-rating^="4"] .star-4,
.productItem .productPoints [data-rating="5"] i{
  color:var(--toyx-orange);
}

/* ================================
   CATEGORY / FILTER / PAGINATION
   ================================ */

.Block_Title,
#divUstFiltreKategori,
#divUstFiltreMarka{
  display:none;
}

.categorydesign{
  float:left;
  width:100%;
  margin-bottom:40px;
}

.categorydesign ul,
.categorydesign ol{
  padding:revert;
  margin:revert;
}

body ul.breadcrumb{
  display:block !important;
  float:none;
  margin:0 auto;
  padding:0 !important;
}

body ul.breadcrumb *,
body ul.breadcrumb li::after{
  float:left;
  color:#7b8aa0 !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:50px !important;
}

body ul.breadcrumb li{
  float:none !important;
  font-size:0 !important;
}

body ul.breadcrumb li::after{
  content:">";
  margin:0 5px;
}

body ul.breadcrumb li:last-child::after{
  display:none;
}

body ul.breadcrumb li:last-child *,
body ul.breadcrumb li:nth-last-of-type(1) *{
  color:var(--toyx-orange) !important;
  font-weight:700 !important;
}

body #divSayfalamaUst{
  float:right;
  margin:0 0 40px;
  padding:0;
  text-align:center;
}

.brandlistselection{
  float:left;
  width:100%;
}

body #divSayfalamaUst .blockSelect{
  float:right;
  margin:10px 0 0 5px;
}

body #divSayfalamaUst .blockSelect a{
  float:left;
  margin-left:15px;
  color:#d7d7d7;
}

body #divSayfalamaUst .blockSelect a.Active i,
body #divSayfalamaUst .blockSelect a:hover i{
  color:var(--toyx-blue);
}

body #divSayfalamaUst .blockSelect .sort_hrz,
body #divSayfalamaUst .blockSelect .sort_2,
body #divSayfalamaUst .blockSelect .sort_5{
  display:none;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  background:transparent;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter){
  margin:0;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a{
  display:block;
  padding:0 12px;
  border:1px solid var(--toyx-border);
  border-radius:8px;
  color:var(--toyx-text);
  background:#fff;
  font-size:12px;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a span{
  line-height:38px;
  font-weight:500;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover,
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected{
  background:var(--toyx-blue);
  border-color:var(--toyx-blue);
  color:#fff;
}

.leftBlock .category-vertical-filters{
  float:left;
  width:100%;
  margin:0 0 20px;
  background:transparent;
  border:0;
  overflow:hidden;
}

.leftBlock .category-vertical-filters > div{
  float:left;
  width:100%;
  border-bottom:1px solid #ebebeb;
}

.leftBlock .panel-heading{
  float:left;
  width:100%;
  background:transparent !important;
}

.leftBlock .panel-heading a{
  display:block;
  color:var(--toyx-title);
  font-size:14px;
  font-weight:700;
  line-height:45px;
}

.leftBlock .panel-heading a::after{
  content:"\f068";
  float:right;
  font-family:"FontAwesome";
  font-weight:400;
}

.leftBlock .panel-heading.active a::after{
  content:"\f067";
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group{
  float:left;
  width:100%;
  padding:5px 0;
  margin:0 0 20px;
  list-style:none;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li{
  float:left;
  width:100%;
  margin:0 0 14px;
  padding:0;
  border:0;
  background:transparent;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item::before{
  display:inline-block !important;
  width:12px;
  height:12px;
  margin-right:10px;
  border:1px solid #ccc !important;
  background:#fff;
  color:var(--toyx-blue);
  font-family:"FontAwesome";
  font-size:8px;
  line-height:10px;
  text-align:center;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected::before,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover::before{
  content:"\f00c";
}

.pageNumberBottom{
  float:right;
  width:100%;
  margin:50px 0;
  text-align:right;
}

.pageNumberContent,
.pageBorder{
  display:inline-block;
  vertical-align:top;
}

.pageNumberContent a,
.pageBorder a{
  float:left;
  min-width:35px;
  height:35px;
  margin:0 5px;
  border:1px solid var(--toyx-border);
  border-radius:50%;
  background:#fff;
  color:var(--toyx-text);
  font-size:13px;
  line-height:33px;
  text-align:center;
}

.pageNumberContent a:hover,
.pageBorder a:hover,
.pageNumberContent a.SelectedSayfa,
.pageBorder a.SelectedSayfa{
  background:var(--toyx-blue);
  border-color:var(--toyx-blue);
  color:#fff;
}

/* ================================
   PRODUCT DETAIL
   ================================ */

.productDetailContainer .middleTopBlock,
.productDetailContainer .middleBottomBlock{
  display:none !important;
}

.ProductDetailMain,
.ProductDetailMainRow,
.TopDet{
  float:left;
  width:100%;
  position:relative;
}

.leftImage{
  float:left;
  width:587px;
  position:relative;
}

.RightDetail{
  float:left;
  width:calc(100% - 587px);
  padding-left:30px;
  position:relative;
}

.RightDetail .TopList,
.RightDetail .MiddleList,
.RightDetail .BottomList{
  float:left;
  width:100%;
}

.Images{
  float:right;
  width:480px;
  padding-bottom:107.4%;
  position:relative;
}

.Images img{
  position:absolute;
  inset:0;
  max-width:100%;
  max-height:100%;
  margin:auto;
}

.SmallImages{
  display:block !important;
  float:left;
  width:107px;
  max-height:630px;
  overflow-y:auto;
  overflow-x:hidden;
}

.SmallImages div{
  float:left;
  width:78px;
  margin-bottom:10px;
  border:1px solid transparent;
  cursor:pointer;
}

.SmallImages div.active,
.SmallImages div:hover{
  border-color:var(--toyx-orange);
}

.ProductName{
  float:left;
  width:100%;
  position:relative;
}

.ProductName h1{
  float:left;
  width:calc(100% - 25px);
  margin:0;
}

.ProductName h1 span{
  float:left;
  width:100%;
  color:var(--toyx-blue) !important;
  font-size:30px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  letter-spacing:.2px;
}

#divUrunKodu,
#divMarka,
#divTedarikci,
#divUrunStokAdedi,
#divToplamStokAdedi,
#divBarkod,
#divParaPuan,
#divTahminiTeslimatSuresi,
#divMagazaStok{
  float:left;
  clear:left;
  width:100%;
  margin-top:10px;
  color:var(--toyx-muted);
  font-size:12px;
  line-height:14px;
}

#divUrunKodu span,
#divMarka .left_line,
#divTedarikci .left_line{
  font-weight:700;
}

#divOnyazi{
  float:left;
  width:100%;
  margin-top:12px;
}

#divOnyazi,
#divOnyazi *{
  color:var(--toyx-soft-text);
  font-size:15px;
  line-height:1.7;
}

.PriceList{
  float:left;
  width:100%;
  margin:18px 0 12px;
  padding:0 0 22px;
  border-bottom:1px solid var(--toyx-border);
}

#pnlFiyatlar{
  float:left;
  margin-top:12px;
}

#divIndirimOrani{
  float:left;
  min-width:54px;
  height:auto;
  margin-right:16px;
  padding:8px 10px;
  border-radius:12px;
  background:var(--toyx-orange);
  text-align:center;
}

#divIndirimOrani .left_line,
#divIndirimOrani .center_line{
  display:none;
}

#divIndirimOrani .indirimliOrani,
#divIndirimOrani .indirimliOrani *{
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:16px;
}

.PiyasafiyatiContent{
  float:left;
  margin:4px 10px 0 0;
}

.PiyasafiyatiContent .left_line,
.PiyasafiyatiContent .center_line,
.PiyasafiyatiContent .spanKdv{
  display:none !important;
}

.PiyasafiyatiContent .right_line *,
#divIndirimsizFiyat .right_line *{
  color:#98a2b3 !important;
  font-size:15px;
  text-decoration:line-through;
}

.IndirimliFiyatContent,
#divTurkLirasiFiyat,
#divIndirimsizFiyat,
#divKDVDahilFiyat{
  display:block;
  line-height:1;
}

.IndirimliFiyatContent .left_line,
.IndirimliFiyatContent .center_line,
#divTurkLirasiFiyat .left_line,
#divTurkLirasiFiyat .center_line,
#divIndirimsizFiyat .left_line,
#divIndirimsizFiyat .center_line{
  display:none;
}

.IndirimliFiyatContent .right_line *,
#divTurkLirasiFiyat .right_line *,
#divKDVDahilFiyat .right_line *{
  color:var(--toyx-blue) !important;
  font-size:24px !important;
  font-weight:800 !important;
}

/* detail badges from JS */
.pd-badge-text{
  float:left;
  width:100%;
  margin-top:12px;
  color:var(--toyx-title);
  font-size:14px;
  font-weight:700;
}

.pd-trust-box{
  float:left;
  width:100%;
  margin-top:14px;
  padding:12px 14px;
  border:1px solid var(--toyx-border-soft);
  border-radius:12px;
  background:var(--toyx-bg-soft);
}

.pd-trust-box div{
  display:block;
  color:var(--toyx-title);
  font-size:14px;
  font-weight:600;
  line-height:1.8;
}

.pd-sale-box{
  float:left;
  width:100%;
  margin-bottom:12px;
  padding:10px 12px;
  border-radius:12px;
  background:#fff5f5;
  color:#d35400;
  font-size:14px;
  font-weight:700;
}

.pd-gallery-info{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  float:left;
  width:100%;
  margin-top:16px;
}

.pd-gallery-info div{
  padding:10px;
  border:1px solid var(--toyx-border-soft);
  border-radius:12px;
  background:var(--toyx-bg-soft);
  color:var(--toyx-blue);
  font-size:13px;
  font-weight:700;
  text-align:center;
}

/* variations */
#divUrunEkSecenek{
  float:left;
  width:100%;
  margin-top:18px !important;
  padding-top:0 !important;
}

#divUrunEkSecenek .eksecenekLine{
  float:left;
  width:100%;
  margin-bottom:18px !important;
}

#divUrunEkSecenek .eksecenekLine .left_line{
  float:left;
  width:100%;
  margin-bottom:8px;
  color:var(--toyx-title) !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
}

#divUrunEkSecenek .eksecenekLine .center_line{
  display:none;
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line{
  width:100%;
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select{
  width:100%;
  height:50px !important;
  padding:0 16px !important;
  border:1px solid #dce7f6 !important;
  border-radius:14px !important;
  background:var(--toyx-bg-soft) !important;
  color:var(--toyx-title) !important;
  font-size:14px !important;
  font-weight:600;
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select:focus{
  outline:none;
  border-color:var(--toyx-blue) !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(47,128,237,.10);
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{
  float:left;
  min-width:60px;
  height:34px;
  margin-right:10px;
  padding:0 8px;
  border:1px solid var(--toyx-border);
  border-radius:8px;
  color:var(--toyx-text);
  font-size:13px;
  line-height:32px;
  text-align:center;
  cursor:pointer;
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover,
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected{
  background:var(--toyx-blue);
  border-color:var(--toyx-blue);
  color:#fff;
}

/* buy area */
#divSatinAl{
  float:left;
  width:100%;
  margin:8px 0 14px !important;
}

#divSatinAl .BasketBtn{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:nowrap;
  width:100%;
}

#divSatinAl .Basketinp{
  flex:0 0 96px;
  margin-bottom:0 !important;
}

.RightDetail .riSingle,
#divSatinAl #divBasketInputTextBox .riSingle{
  position:relative;
  display:inline-block;
  width:96px !important;
  height:50px;
  overflow:hidden;
  border:1px solid #dce7f6;
  border-radius:14px;
  background:#fff;
}

#txtbxurunSiparisAdedi{
  width:100% !important;
  height:50px !important;
  padding:0 30px;
  border:0;
  color:var(--toyx-title);
  font-size:15px !important;
  font-weight:700;
  line-height:50px !important;
  text-align:center;
}

.RightDetail .riSingle a.riUp,
.RightDetail .riSingle a.riDown{
  position:absolute;
  top:0;
  width:30px !important;
  height:50px !important;
  background:var(--toyx-bg-soft);
  color:var(--toyx-blue) !important;
  font-size:11px;
  line-height:50px !important;
  text-align:center;
}

.RightDetail .riSingle a.riUp{ right:0; }
.RightDetail .riSingle a.riDown{ left:0; }

#divSatinAl .basketBtn{
  flex:1 1 auto;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

#divSatinAl .basketBtn input,
#divSatinAl .basketBtn .Addtobasket{
  width:100% !important;
  min-width:230px;
  height:50px !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#ff8a00 0%,#ff9f1c 100%) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:50px !important;
  letter-spacing:.4px !important;
  text-transform:uppercase;
  box-shadow:var(--toyx-shadow-orange);
}

#divSatinAl .basketBtn input:hover,
#divSatinAl .basketBtn .Addtobasket:hover{
  background:linear-gradient(135deg,#f57c00 0%,#ff8a00 100%) !important;
  transform:translateY(-1px);
}

#divSatinAl .UFavorilerimeEkle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:50px !important;
  height:50px !important;
  border:1px solid #dce7f6 !important;
  border-radius:14px !important;
  background:var(--toyx-bg-soft) !important;
}

#divSatinAl .UFavorilerimeEkle .box1{
  width:100%;
  background:transparent;
  font-size:0;
  text-align:center;
}

#divSatinAl .UFavorilerimeEkle .box1 i{
  color:var(--toyx-blue) !important;
  font-size:18px;
  line-height:48px !important;
}

#divSatinAl .UFavorilerimeEkle:hover{
  border-color:var(--toyx-orange) !important;
  background:#fff4e8 !important;
}

#divSatinAl .UFavorilerimeEkle:hover .box1 i{
  color:var(--toyx-orange) !important;
}

.buyfast,
#divKombinSatinAl{
  display:none !important;
}

/* product icons */
.ProductIcon.hidden-phone{
  display:flex !important;
  flex-wrap:wrap;
  gap:10px;
  float:left;
  width:100%;
  margin:18px 0 20px !important;
  padding-top:16px;
  border-top:1px solid #e8eef7;
}

.ProductIcon.hidden-phone > div{
  margin:0 !important;
}

.ProductIcon.hidden-phone .box1{
  width:46px !important;
  height:46px !important;
  border:1px solid #dce7f6 !important;
  border-radius:14px !important;
  background:var(--toyx-bg-soft) !important;
  text-align:center;
}

.ProductIcon.hidden-phone .box1 i{
  color:var(--toyx-blue) !important;
  font-size:17px !important;
  line-height:44px !important;
}

.ProductIcon.hidden-phone > div:hover .box1{
  background:var(--toyx-orange) !important;
  border-color:var(--toyx-orange) !important;
}

.ProductIcon.hidden-phone > div:hover .box1 i{
  color:#fff !important;
}

.ProductIcon2{
  display:flex !important;
  flex-wrap:wrap;
  gap:10px;
  float:left;
  margin-top:14px !important;
}

.ProductIcon2 > div{
  float:none !important;
}

.ProductIcon2 > div > a{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:132px;
  height:44px;
  padding:0 18px !important;
  border:1px solid #dce7f6 !important;
  border-radius:12px !important;
  background:var(--toyx-bg-soft) !important;
  color:var(--toyx-title) !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-transform:uppercase;
}

.ProductIcon2 > div > a:hover{
  background:var(--toyx-blue) !important;
  border-color:var(--toyx-blue) !important;
  color:#fff !important;
}

/* tabs */
.urunOzellik{
  float:left;
  width:100%;
  margin-top:28px !important;
}

.webTab,
.mobilTab{
  float:left;
  width:100%;
}

.webTab > ul,
.mobilTab > ul{
  float:left;
  width:100%;
  list-style:none;
}

.webTab > ul > li,
.mobilTab > ul > li{
  float:left;
  width:100%;
  border-bottom:1px solid #e8eef7 !important;
}

.webTab > ul > li > a,
.mobilTab > ul > li > a{
  float:left;
  width:100%;
  color:var(--toyx-title) !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:48px;
  text-transform:uppercase;
}

.webTab > ul > li > a::after,
.mobilTab > ul > li > a::after{
  float:right;
  color:var(--toyx-blue);
  font-family:"FontAwesome";
}

.webTab > ul > li > a::after{ content:"__codex_directive_quoted_backslash__f067"; }
.webTab > ul > li.active > a::after{ content:"__codex_directive_quoted_backslash__f068"; }
.mobilTab > ul > li > a::after{ content:"__codex_directive_quoted_backslash__f078"; }
.mobilTab > ul > li.active > a::after{ content:"__codex_directive_quoted_backslash__f077"; }

.webTab > ul > li.active .urunDetayPanel,
.mobilTab > ul > li.active .urunDetayPanel{
  display:block !important;
}

.urunDetayPanel{
  float:left;
  width:100%;
  padding:18px 0 20px !important;
}

.urunTabAlt,
.urunTabAlt *{
  color:var(--toyx-soft-text) !important;
  font-family:"Montserrat",sans-serif !important;
}

.urunTabAlt{
  font-size:15px !important;
  line-height:1.85 !important;
}

.urunTabAlt h1,
.urunTabAlt h2,
.urunTabAlt h3,
.urunTabAlt h4{
  margin:0 0 14px !important;
  color:var(--toyx-title) !important;
  font-weight:800 !important;
  line-height:1.35 !important;
}

.urunTabAlt h2{ font-size:22px !important; }
.urunTabAlt h3{ font-size:18px !important; }

.urunTabAlt p{
  margin:0 0 14px !important;
  font-size:15px !important;
  line-height:1.85 !important;
}

.urunTabAlt strong,
.urunTabAlt b{
  color:var(--toyx-title) !important;
  font-weight:700 !important;
}

.urunTabAlt ul,
.urunTabAlt ol{
  margin:10px 0 16px 18px !important;
  padding:0 !important;
}

.urunTabAlt ul li,
.urunTabAlt ol li{
  margin-bottom:10px !important;
  font-size:15px !important;
  line-height:1.8 !important;
}

/* product id class from clean JS */
body.toyx-product-11 #contentProductDetail .ProductDetailMain,
body.toyx-product-11 #contentProductDetail .TopDet,
body.toyx-product-11 #contentProductDetail .TopList,
body.toyx-product-11 #contentProductDetail .MiddleList,
body.toyx-product-11 #contentProductDetail .BottomList,
body.toyx-product-11 #contentProductDetail .leftImage,
body.toyx-product-11 #contentProductDetail .RightDetail{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

body.toyx-product-11 #contentProductDetail #ProductDetailMain > .TopDet{
  display:flex !important;
  align-items:flex-start !important;
  gap:40px !important;
}

body.toyx-product-11 #contentProductDetail .leftImage{
  display:block !important;
  width:56% !important;
}

body.toyx-product-11 #contentProductDetail .RightDetail{
  width:44% !important;
}

body.toyx-product-11 #contentProductDetail .Images{
  display:block !important;
  float:right !important;
  width:calc(100% - 110px) !important;
  max-width:calc(100% - 110px) !important;
  background:transparent !important;
  border-radius:0 !important;
  overflow:visible !important;
}

body.toyx-product-11 #contentProductDetail #divThumbList{
  float:left !important;
  width:90px !important;
  min-width:90px !important;
  margin-right:20px !important;
}

body.toyx-product-11 #contentProductDetail #divThumbList .AltImgCapSmallImg{
  width:90px !important;
  height:90px !important;
  margin:0 0 14px !important;
  border:1px solid #e6eefc !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:#fff !important;
}

body.toyx-product-11 #contentProductDetail #divThumbList .AltImgCapSmallImg.active{
  border-color:var(--toyx-orange) !important;
}

/* ================================
   CONTACT
   ================================ */

.iletisimContent{
  float:left;
  width:100%;
  max-width:1180px;
  margin:40px auto 70px;
  padding:0 10px;
}

.iletisimContent .AdBan,
.iletisimContent .iletisimForm{
  float:left;
  width:calc(50% - 12px);
  background:#fff;
  border:1px solid #e8eef7;
  border-radius:22px;
  padding:34px;
  box-shadow:var(--toyx-shadow-sm);
}

.iletisimContent .AdBan{
  margin-right:24px;
}

.iletisimContent .categoryTitle{
  float:left;
  width:100%;
  margin-bottom:26px;
  padding-bottom:14px;
  border-bottom:2px solid #edf3fb;
}

.iletisimContent .categoryTitle .categoryTitleText{
  color:var(--toyx-blue) !important;
  font-size:34px;
  font-weight:800;
  line-height:1.2;
}

.iletisimLeft .span{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:18px;
}

.iletisimLeft .Left{
  min-width:110px;
  color:var(--toyx-blue);
  font-size:14px;
  font-weight:700;
}

.iletisimLeft .Center{
  display:none;
}

.iletisimLeft .Right{
  flex:1;
  color:#243b63;
  font-size:16px;
  line-height:1.7;
}

.iletisimLeftFirmaAdi .Right{
  color:var(--toyx-title);
  font-size:30px;
  font-weight:800;
  line-height:1.2;
}

.iletisimForm .span{
  float:left;
  width:100%;
  margin-bottom:18px;
}

.iletisimForm .Left{
  display:block;
  width:100%;
  margin-bottom:8px;
  color:var(--toyx-title);
  font-size:15px;
  font-weight:700;
}

.iletisimForm .Center{
  display:none;
}

.iletisimForm .Right{
  display:block;
  width:100% !important;
}

.iletisimForm .textbox,
.iletisimForm .textarea,
.iletisimForm .ticiTelInput{
  width:100%;
  height:54px;
  padding:0 16px;
  border:1.5px solid #d7e3f3;
  border-radius:14px;
  background:#f9fbff;
  color:#243b63;
  font-size:15px;
}

.iletisimForm .textarea{
  min-height:150px;
  padding:14px 16px;
}

.iletisimForm .textbox:focus,
.iletisimForm .textarea:focus,
.iletisimForm .ticiTelInput:focus{
  outline:none;
  border-color:var(--toyx-blue);
  background:#fff;
  box-shadow:0 0 0 4px rgba(47,128,237,.10);
}

.iletisimBtn .button,
#mainHolder_Iletisim_btnGonder{
  min-width:220px;
  height:56px;
  border-radius:16px;
  background:linear-gradient(135deg,#ff8a00 0%,#f04873 100%);
  color:#fff;
  font-size:17px;
  font-weight:800;
  text-transform:uppercase;
  box-shadow:0 12px 24px rgba(240,72,115,.20);
}

/* ================================
   ACCOUNT
   ================================ */

.hesabimContent{
  padding:30px 0 50px;
}

.hesabimBolumuTutucu{
  display:flex;
  align-items:flex-start;
  gap:28px;
}

.solAnaMenu{
  width:300px;
  min-width:300px;
  padding:14px 0;
  overflow:hidden;
  background:#fff;
  border:1px solid #dbe7ff;
  border-radius:22px;
  box-shadow:var(--toyx-shadow-sm);
}

.solAnaMenu ul{
  list-style:none;
}

.solAnaMenu > ul > li{
  padding:0 12px;
}

.solAnaMenu > ul > li > a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 14px;
  border-radius:14px;
  color:#1f3b64;
  font-size:15px;
  font-weight:600;
}

.solAnaMenu > ul > li > a:hover{
  background:rgba(47,128,237,.08);
  color:var(--toyx-blue);
}

.solAnaMenu > ul > li.Active > a,
.solAnaMenu > ul > li > a.aktif{
  background:linear-gradient(135deg,#2f80ed 0%,#5aa2ff 100%);
  color:#fff !important;
}

.sagIcerikTutucu{
  flex:1;
  min-width:0;
}

.sagIcerikBolumu{
  padding:36px;
  background:#fff;
  border:1px solid #dbe7ff;
  border-radius:24px;
  box-shadow:var(--toyx-shadow-sm);
}

.hesabimFavoriSayfasi .favoriListeBos{
  min-height:430px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:40px 20px;
  text-align:center;
}

.hesabimFavoriSayfasi .favoriBosIkon{
  width:140px;
  height:140px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:28px;
  border:2px dashed #b7c9eb;
  border-radius:50%;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
}

.hesabimFavoriSayfasi .favoriBosIkon i{
  color:var(--toyx-blue);
  font-size:58px;
}

.hesabimFavoriSayfasi .favoriBosP-1{
  margin-bottom:14px;
  color:#1f3b64;
  font-size:34px;
  font-weight:800;
  line-height:1.2;
}

.hesabimFavoriSayfasi .favoriBosP-2{
  max-width:560px;
  margin-bottom:28px;
  color:#6f84a3;
  font-size:17px;
  line-height:1.7;
}

.hesabimFavoriSayfasi .favoriBosBtn a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:190px;
  height:52px;
  padding:0 26px;
  border-radius:14px;
  background:linear-gradient(135deg,#ff8a00 0%,#ffb347 100%);
  color:#fff !important;
  font-size:16px;
  font-weight:700;
  box-shadow:var(--toyx-shadow-orange);
}

/* ================================
   BLOG
   ================================ */

#divIcerik.ticiContainer{
  max-width:1200px;
}

#divIcerik .blogCenter,
#divIcerik .blogRight{
  float:none;
  display:inline-block;
  vertical-align:top;
}

#divIcerik .blogCenter{
  width:calc(100% - 340px);
  padding-right:32px;
}

#divIcerik .blogRight{
  width:320px;
}

#divIcerik .blogCenter .blog-h1{
  margin:0 0 28px;
  color:var(--toyx-blue);
  font-size:34px;
  font-weight:800;
  line-height:1.2;
}

#divIcerik .tici-blok-ul{
  list-style:none;
}

#divIcerik .tici-blok-ul .post-item{
  margin:0 0 32px;
  padding:22px;
  list-style:none;
  background:#fff;
  border:1px solid #eaf2ff;
  border-radius:24px;
  box-shadow:var(--toyx-shadow-sm);
}

#divIcerik .post-item .pi-picture{
  margin-bottom:22px;
}

#divIcerik .post-item .pi-picture a{
  display:block;
  overflow:hidden;
  border-radius:22px;
}

#divIcerik .post-item .pi-picture img{
  width:100%;
}

#divIcerik .post-item .pi-titles h2{
  margin:0;
  font-size:30px;
  font-weight:800;
  line-height:1.25;
}

#divIcerik .post-item .pi-titles h2 a{
  color:var(--toyx-title);
}

#divIcerik .post-item .pi-titles h2 a:hover{
  color:var(--toyx-blue);
}

#divIcerik .post-item .pi-text p{
  margin:0;
  color:var(--toyx-soft-text);
  font-size:16px;
  line-height:1.8;
}

#divIcerik .post-item .pi-link a,
#divIcerik .blog-listeyedon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:170px;
  height:48px;
  padding:0 22px;
  border-radius:14px;
  background:linear-gradient(135deg,#ff8a00 0%,#ffb347 100%);
  color:#fff !important;
  font-size:15px;
  font-weight:800;
  box-shadow:var(--toyx-shadow-orange);
}

#divIcerik .blogRight .blogKategori,
#divIcerik .blogRight .blokSonYazilar{
  padding:20px;
  background:#fff;
  border:1px solid #eaf2ff;
  border-radius:22px;
  box-shadow:var(--toyx-shadow-sm);
}

#divIcerik .blogRight .blogKategori{
  margin-bottom:22px;
}

#divIcerik .blogRight .blogkategoribaslik,
#divIcerik .blogRight .bloksonyazilarbaslik{
  margin-bottom:14px;
  color:var(--toyx-title);
  font-size:18px;
  font-weight:800;
}

#divIcerik .blogSearchFormArea{
  display:flex;
  gap:10px;
  margin-bottom:18px;
}

#divIcerik .blogSearchFormArea input{
  flex:1;
  height:44px;
  padding:0 14px;
  border:1px solid #d7e3f3;
  border-radius:12px;
  background:#f9fbff;
}

#divIcerik .blogSearchFormArea button{
  min-width:70px;
  height:44px;
  border-radius:12px;
  background:var(--toyx-orange);
  color:#fff;
  font-weight:700;
}

/* blog detail content */
#divIcerik .blogCenter .blog-img{
  margin:0 0 30px;
}

#divIcerik .blogCenter .blog-img img{
  width:100%;
  border:1px solid #eaf2ff;
  border-radius:24px;
  box-shadow:var(--toyx-shadow-sm);
}

#divIcerik .blogCenter .blog-img + div{
  padding:34px 36px;
  background:#fff;
  border:1px solid #eaf2ff;
  border-radius:24px;
  box-shadow:var(--toyx-shadow-sm);
}

#divIcerik .blogCenter .blog-img + div p,
#divIcerik .blogCenter .blog-img + div li{
  color:#3f4d5f;
  font-size:18px;
  line-height:1.9;
}

#divIcerik .blogCenter .blog-img + div h2{
  margin:36px 0 16px;
  color:var(--toyx-title);
  font-size:36px;
  font-weight:800;
}

#divIcerik .blogCenter .blog-img + div h3{
  margin:28px 0 14px;
  color:var(--toyx-blue);
  font-size:26px;
  font-weight:700;
}

/* ================================
   CONTENT PAGES
   ================================ */

#divIcerik.ticiContainer.pageContainer{
  padding-top:24px;
  padding-bottom:24px;
}

#divIcerik #divCenterBlock.centerCount.col-sm-12 > div:not(.middleTopBlock):not(.middleBottomBlock){
  max-width:1080px;
  margin:0 auto;
  padding:40px 42px 34px;
  background:#fff;
  border:1px solid #eaf2ff;
  border-radius:24px;
  box-shadow:var(--toyx-shadow-sm);
}

#divIcerik #divCenterBlock.centerCount.col-sm-12 > div:not(.middleTopBlock):not(.middleBottomBlock) > p{
  max-width:980px;
  margin:0 auto 20px;
  color:var(--toyx-soft-text) !important;
  font-size:17px !important;
  line-height:1.9 !important;
}

#divIcerik #divCenterBlock.centerCount.col-sm-12 > div:not(.middleTopBlock):not(.middleBottomBlock) > h2{
  max-width:980px;
  position:relative;
  margin:0 auto 16px;
  padding-left:18px;
  color:var(--toyx-title) !important;
  font-size:30px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}

#divIcerik #divCenterBlock.centerCount.col-sm-12 > div:not(.middleTopBlock):not(.middleBottomBlock) > h2::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  bottom:6px;
  width:6px;
  border-radius:999px;
  background:linear-gradient(180deg,#2f80ed 0%,#ff8a00 100%);
}

#divIcerik #divCenterBlock.centerCount.col-sm-12 > div:not(.middleTopBlock):not(.middleBottomBlock) > ul{
  max-width:980px;
  display:grid;
  gap:12px;
  margin:0 auto 22px;
  list-style:none;
}

#divIcerik #divCenterBlock.centerCount.col-sm-12 > div:not(.middleTopBlock):not(.middleBottomBlock) > ul > li{
  position:relative;
  padding:16px 18px 16px 54px;
  background:#fff;
  border:1px solid #eaf2ff;
  border-radius:16px;
  color:#314055 !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.7 !important;
  box-shadow:0 8px 22px rgba(47,128,237,.05);
}

#divIcerik #divCenterBlock.centerCount.col-sm-12 > div:not(.middleTopBlock):not(.middleBottomBlock) > ul > li::before{
  content:"✓";
  position:absolute;
  left:18px;
  top:16px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:var(--toyx-bg-soft-2);
  color:var(--toyx-blue);
  font-size:14px;
  font-weight:800;
  line-height:24px;
  text-align:center;
}

/* ================================
   FOOTER
   ================================ */

#footer{
  float:left;
  width:100%;
  position:relative;
}

.FooterSC{
  float:left;
  width:100%;
  background:#1f2d3d;
}

.FooterTop{
  float:left;
  width:100%;
  background:#fff;
  text-align:center;
}

.FooterMiddle,
.FooterBottom{
  float:left;
  width:100%;
}

.footerLogo{
  float:left;
  width:100%;
  margin-top:40px;
  position:relative;
  text-align:center;
}

.footerLogo::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:#d7d7d7;
}

.footerLogo a{
  display:inline-block;
  position:relative;
  z-index:1;
  padding:0 5vw;
  background:#fff;
}

.socialStore{
  float:left;
  width:100%;
  margin:40px 0;
  text-align:center;
}

.socialStore .socialDiv,
.socialStore .store{
  display:inline-block;
  vertical-align:top;
  margin-right:50px;
  font-size:0;
}

.socialStore .store{
  margin-right:0;
}

.socialStore span{
  display:inline-block;
  margin-right:20px;
  color:var(--toyx-title);
  font-size:14px;
  font-weight:600;
  line-height:35px;
}

.socialStore ul{
  display:inline-block;
  list-style:none;
}

.socialStore li{
  float:left;
  margin-right:20px;
}

.socialStore a{
  float:left;
  color:var(--toyx-title);
  font-size:20px;
}

.socialStore a:hover{
  color:var(--toyx-orange);
}

#footer .linkler{
  float:left;
  width:100%;
  padding:55px 0;
}

#footer .linkler .blink > ul{
  display:flex;
  justify-content:space-between;
  list-style:none;
}

#footer .linkler .blink > ul > li > span{
  display:block;
  margin-bottom:10px;
  color:#fff;
  font-size:14px;
}

#footer .linkler .blink > ul > li > ul{
  list-style:none;
}

#footer .linkler .blink > ul > li > ul > li > a{
  display:block;
  margin-bottom:10px;
  color:#fff;
  font-size:12px;
}

#footer .linkler .blink a:hover{
  color:var(--toyx-orange);
}

.copy{
  color:#fff;
  font-size:12px;
  text-align:right;
}

.creditCard{
  float:left;
  width:100%;
  padding:34px 0;
  border-top:1px solid #2b2b2b;
}

.bankimg{ float:left; }
.kartimg{ float:right; }

.ebultenDiv{
  float:left;
  width:300px;
  margin-bottom:50px;
}

#divNewsLetter{
  float:left;
  width:100%;
  position:relative;
}

#txtbxNewsletterMail{
  width:100%;
  height:40px;
  padding:0 70px 0 10px;
  border:0;
  border-radius:10px;
  background:#fff;
  color:var(--toyx-title);
}

.newsbutton{
  position:absolute;
  right:0;
  top:0;
  width:70px;
  height:40px;
  border-radius:0 10px 10px 0;
  background:var(--toyx-orange);
  color:#fff;
  font-size:13px;
  font-weight:700;
  line-height:40px;
  text-align:center;
}

/* footerTemp current html */
.footerTemp{
  background:#fff;
}

.footerTemp section[data-id] .footerMenuAlt.horizontal{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px 16px;
}

.footerTemp section[data-id] .footerMenuAlt.horizontal li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border:1px solid var(--toyx-border-soft);
  border-radius:999px;
  background:var(--toyx-bg-soft);
  color:var(--toyx-blue) !important;
  font-size:15px !important;
  font-weight:700 !important;
}

.footerTemp section[data-id] .footerMenuAlt.horizontal li a:hover{
  background:var(--toyx-orange);
  border-color:var(--toyx-orange);
  color:#fff !important;
}

.footerTemp .socialMedia.horizontal{
  display:flex;
  justify-content:center;
  gap:16px;
}

.footerTemp .socialMedia li a i{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  background:var(--toyx-bg-soft-2) !important;
  color:var(--toyx-blue) !important;
  font-size:18px !important;
}

.footerTemp .socialMedia li a:hover i{
  background:var(--toyx-orange) !important;
  color:#fff !important;
}

/* ================================
   MOBILE MENU / OVERLAYS
   ================================ */

body #formGlobal{
  left:0;
  position:relative;
  transition:left .3s ease-in-out;
}

body.transform.overflow{
  overflow-x:hidden;
}

body.transform #formGlobal{
  left:360px;
}

.mobilaf{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.5);
  z-index:1001;
}

.mobilaf.acik{
  display:block;
}

.mobilMenu{
  position:fixed;
  left:-360px;
  top:0;
  bottom:0;
  width:360px;
  background:#fff;
  z-index:99999;
  transition:left .3s ease-in-out;
}

.mobilMenu.acik{
  left:0;
}

.menuUstBolum{
  float:left;
  width:100%;
  margin-top:40px;
  border-bottom:1px solid #e8e8e8;
  background:var(--toyx-orange);
}

.menuUstBolum .mobilMenuBT{
  float:left;
  padding-left:35px;
  color:#fff;
  font-size:13px;
  cursor:pointer;
}

.menuUstBolum .mobilMenuBT i,
.menuUstBolum .mobilMenuBT span{
  float:left;
  line-height:80px;
}

.menuUstBolum .mobilMenuBT i{
  margin-right:10px;
  font-size:24px;
}

.menuUstBolum .CloseBtnMenu{
  float:right;
  width:80px;
  color:#fff;
  font-size:50px;
  line-height:80px;
  text-align:center;
  cursor:pointer;
}

.mobilMenu .menuIcerikAlan{
  position:absolute;
  top:121px;
  left:0;
  right:0;
  height:calc(100% - 121px);
  overflow-y:auto;
  overflow-x:hidden;
}

.mobilMenu ul{
  list-style:none;
}

.mobilMenu .navUl > li,
.mobilMenu .navUl > li > ul li{
  float:left;
  width:100%;
  position:relative;
  border-bottom:1px solid #e8e8e8;
}

.mobilMenu .navUl a{
  display:inline-block;
  padding:0 15px;
  color:var(--toyx-title);
  font-size:14px;
  line-height:40px;
}

.mobilMenu .navUl a:hover{
  color:var(--toyx-orange);
}

.mobilMenu .navUl > li .ResimsizDown,
.mobilMenu .navUl > li > ul li .ResimsizDown2{
  position:absolute;
  inset:0;
  padding-right:20px;
  cursor:pointer;
}

.mobilMenu .navUl > li .ResimsizDown i,
.mobilMenu .navUl > li > ul li .ResimsizDown2 i{
  float:right;
  font-size:20px;
  line-height:40px;
}

.mobilMenu .navUl > li > ul,
.mobilMenu .navUl > li > ul li ul{
  position:fixed;
  left:-100%;
  top:121px;
  bottom:0;
  width:360px;
  overflow-y:auto;
  background:#fff;
  z-index:3;
  transition:left .3s ease;
}

.mobilMenu .navUl > li > ul.active,
.mobilMenu .navUl > li > ul li ul.active{
  left:0;
}

.mobilMenu .navUl > li > ul > span,
.mobilMenu .navUl > li > ul li ul > span{
  float:left;
  width:100%;
  padding-left:70px;
  border-bottom:1px solid #e5e5e5;
  color:var(--toyx-title);
  font-size:18px;
  font-weight:600;
  line-height:55px;
}

.NoiBack,
.NoiBack2{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  padding-left:35px;
  font-size:20px;
  line-height:55px;
  cursor:pointer;
}

/* bottom mobile nav */
.bottomHead{
  display:none;
}

/* ================================
   SCROLLBARS
   ================================ */

#divOnyazi::-webkit-scrollbar,
.urunTabAlt::-webkit-scrollbar,
.SmallImages::-webkit-scrollbar,
.searchContent ul::-webkit-scrollbar,
.CartProduct .SProduct::-webkit-scrollbar,
.mobilMenu .menuIcerikAlan::-webkit-scrollbar,
.navigation .navUl > li .Flexscroll::-webkit-scrollbar{
  width:4px;
  height:4px;
}

#divOnyazi::-webkit-scrollbar-track,
.urunTabAlt::-webkit-scrollbar-track,
.SmallImages::-webkit-scrollbar-track,
.searchContent ul::-webkit-scrollbar-track,
.CartProduct .SProduct::-webkit-scrollbar-track,
.mobilMenu .menuIcerikAlan::-webkit-scrollbar-track,
.navigation .navUl > li .Flexscroll::-webkit-scrollbar-track{
  background:#fff;
}

#divOnyazi::-webkit-scrollbar-thumb,
.urunTabAlt::-webkit-scrollbar-thumb,
.SmallImages::-webkit-scrollbar-thumb,
.searchContent ul::-webkit-scrollbar-thumb,
.CartProduct .SProduct::-webkit-scrollbar-thumb,
.mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb,
.navigation .navUl > li .Flexscroll::-webkit-scrollbar-thumb{
  background:var(--toyx-blue);
  border-radius:5px;
}

/* ================================
   RESPONSIVE
   ================================ */

@media (max-width:1300px){
  .headerContent,
  .navigation > div,
  .htop .ticiContainer{
    padding-right:20px !important;
    padding-left:20px !important;
  }

  .navigation .navUl > li > .Flexscroll{
    left:20px;
    right:20px;
  }
}

@media (max-width:1159px){
  .ticiContainer,
  .search,
  .headerContent,
  .navigation > div,
  body ul.breadcrumb{
    max-width:960px;
  }

  .leftImage,
  .RightDetail{
    width:50% !important;
  }

  .RightDetail{
    padding-left:20px;
  }

  .Images{
    width:100%;
    padding-bottom:131%;
  }

  .SmallImages{
    width:100%;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
  }

  .SmallImages div{
    float:none;
    display:inline-block;
    margin:10px 8px 0 0;
  }
}

@media (max-width:1041px){
  .ticiContainer,
  .search,
  .headerContent,
  .navigation > div,
  body ul.breadcrumb{
    max-width:100%;
    padding-right:1vw;
    padding-left:1vw;
  }

  .leftBlock,
  .rightBlock{
    display:none !important;
  }

  .centerCount{
    width:100% !important;
  }

  body #divSayfalamaUst{
    width:100%;
    margin:0 0 10px;
    border:1px solid #ebebeb;
  }

  body .mobilFilterOpenBtn .button{
    float:left;
    width:50%;
    padding:0;
    background:#fff;
    color:var(--toyx-title);
    font-size:14px;
    font-weight:600;
    line-height:40px;
  }

  body .mobilFilterOpenBtn .button.mobilSiralamBtn{
    border-right:1px solid #ebebeb;
  }

  body .category-vertical-filters.top-filters{
    display:block !important;
    position:fixed;
    top:0;
    right:-100%;
    bottom:0;
    width:360px;
    overflow-y:auto;
    background:#f3f5f8;
    z-index:9999;
    transition:right .3s ease;
  }

  body .filterBlock.active .category-vertical-filters.top-filters{
    right:0;
  }

  body .category-vertical-filters.top-filters .FiltreUst{
    float:left;
    width:100%;
    padding:0 10px;
    background:var(--toyx-orange);
    color:#fff;
    font-size:16px;
    line-height:50px;
    text-align:center;
  }

  body .category-vertical-filters.top-filters .FiltreUst .closeFilt{
    float:left;
    font-size:25px;
  }

  body .category-vertical-filters.top-filters .panel{
    float:left;
    width:100%;
    margin-bottom:10px;
    padding:0 10px;
  }

  body .category-vertical-filters.top-filters .panel .panel-heading{
    float:left;
    width:100%;
    background:#fff;
  }

  body .category-vertical-filters.top-filters .panel .panel-heading a{
    float:left;
    width:100%;
    padding:0 10px;
    color:var(--toyx-title);
    font-size:15px;
    font-weight:600;
    line-height:50px;
  }
}

@media (max-width:991px){
  .hesabimBolumuTutucu{
    flex-direction:column;
    gap:20px;
  }

  .solAnaMenu{
    width:100%;
    min-width:100%;
  }

  .sagIcerikBolumu{
    padding:22px;
    border-radius:18px;
  }

  .iletisimContent .AdBan,
  .iletisimContent .iletisimForm{
    width:100%;
    margin:0 0 22px;
    padding:24px 20px;
  }

  #divIcerik .blogCenter,
  #divIcerik .blogRight{
    display:block;
    width:100%;
    padding-right:0;
  }

  #divIcerik .blogCenter{
    margin-bottom:24px;
  }

  body.toyx-product-11 #contentProductDetail #ProductDetailMain > .TopDet{
    flex-direction:column !important;
  }

  body.toyx-product-11 #contentProductDetail .leftImage,
  body.toyx-product-11 #contentProductDetail .RightDetail,
  body.toyx-product-11 #contentProductDetail .Images{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
  }

  body.toyx-product-11 #contentProductDetail #divThumbList{
    float:none !important;
    width:100% !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin:0 0 16px !important;
  }

  body.toyx-product-11 #contentProductDetail #divThumbList .AltImgCapSmallImg{
    width:72px !important;
    height:72px !important;
    margin:0 !important;
  }
}

@media (max-width:767px){
  body:not(.sepetimBody){
    padding-top:var(--mobile-header-height);
  }

  body.homeBody{
    padding-top:115px;
  }

  #header{
    position:fixed;
    left:0;
    right:0;
    top:0;
  }

  .htop{
    display:none;
  }

  .headerContent{
    background:#fff;
    box-shadow:0 4px 14px rgba(0,0,0,.06);
  }

  #logo{
    float:none;
  }

  #logo .logo{
    height:60px;
  }

  #logo .logo img{
    max-height:42px;
  }

  .navigation{
    display:none;
  }

  .welcome{
    display:none;
  }

  .mobilMenuAcButton,
  .mycartClick,
  .arabtn{
    display:block;
    position:absolute;
    top:0;
    color:var(--toyx-title);
    font-size:22px;
    cursor:pointer;
    z-index:99;
  }

  .mobilMenuAcButton{
    left:10px;
    top:13px;
  }

  .mobilMenuAcButton span{
    display:block;
    margin:0;
    font-size:8px;
    line-height:1;
  }

  .mobilMenuAcButton i{
    display:block;
    line-height:1;
  }

  .mycartClick{
    right:10px;
  }

  .mycartClick i,
  .arabtn i{
    line-height:60px;
  }

  .arabtn{
    right:45px;
  }

  .homeHeader .arabtn{
    display:none;
  }

  .mycart{
    display:block;
    position:absolute;
    right:2px;
    top:5px;
    margin:0;
  }

  .mycart::before,
  .mycart .sepetTecxt,
  .mycart .sepetUrun{
    display:none;
  }

  .mycart .sepetUrunSayisi{
    width:15px;
    height:15px;
    margin-top:6px;
    margin-left:3px;
    border-radius:50%;
    background:#000;
    color:#fff;
    font-size:10px;
    line-height:15px;
    text-align:center;
  }

  .searchContent{
    display:none;
    width:100%;
    margin:0 0 10px;
    padding:0 5px;
    background:transparent;
  }

  .searchContent.active,
  .homeHeader .searchContent{
    display:block;
  }

  #txtbxArama{
    height:36px;
    padding-right:50px;
    border-radius:10px;
    background:#fff;
    font-size:12px;
  }

  #btnKelimeAra{
    width:50px;
    height:36px;
    border-radius:0 10px 10px 0;
    font-size:11px;
    line-height:36px;
  }

  .ItemOrj,
  .homeContainer .ProductListContent .ItemOrj,
  body:not(.sepetimBody) .ItemOrj,
  .categoryContainer .ProductList.PlSc_2 .ItemOrj,
  .categoryContainer .ProductList.PlSc_3 .ItemOrj,
  .categoryContainer .ProductList.PlSc_4 .ItemOrj,
  .categoryContainer .ProductList.PlSc_5 .ItemOrj{
    width:50%;
    max-width:50%;
    flex:0 0 50%;
    padding:0 1vw;
  }

  .productItem{
    border-radius:12px;
  }

  .productItem:hover{
    transform:none;
  }

  .productItem .productDetail{
    min-height:124px;
    padding:18px 8px 10px;
  }

  .productItem .productName a{
    height:38px;
    font-size:13px;
    line-height:19px;
  }

  .productItem .discountPrice span{
    font-size:18px;
  }

  .productItem .regularPrice span{
    font-size:12px;
  }

  .productItem:hover .mycartIcon{
    display:none;
  }

  .TukendiIco{
    height:calc(100% - 95px);
  }

  .leftImage,
  .RightDetail{
    float:left;
    width:100% !important;
    padding:0 !important;
  }

  .RightDetail{
    padding-top:20px !important;
  }

  .ProductName h1 span{
    font-size:24px !important;
  }

  #divSatinAl .BasketBtn{
    flex-wrap:wrap;
  }

  #divSatinAl .Basketinp{
    flex:0 0 88px;
  }

  #divSatinAl #divBasketInputTextBox .riSingle{
    width:88px !important;
    height:46px;
  }

  #txtbxurunSiparisAdedi{
    height:46px !important;
    line-height:46px !important;
  }

  #divSatinAl .basketBtn{
    width:calc(100% - 100px) !important;
  }

  #divSatinAl .basketBtn input,
  #divSatinAl .basketBtn .Addtobasket{
    min-width:0;
    height:46px !important;
    border-radius:12px !important;
    font-size:14px !important;
    line-height:46px !important;
  }

  #divSatinAl .UFavorilerimeEkle{
    width:46px !important;
    height:46px !important;
    border-radius:12px !important;
  }

  .ProductIcon2 > div{
    width:calc(50% - 5px);
  }

  .ProductIcon2 > div > a{
    width:100%;
    min-width:0;
    height:42px;
    padding:0 10px !important;
    border-radius:10px !important;
    font-size:12px !important;
  }

  .pd-gallery-info{
    grid-template-columns:1fr;
  }

  .urunTabAlt,
  .urunTabAlt p,
  .urunTabAlt ul li,
  .urunTabAlt ol li{
    font-size:14px !important;
    line-height:1.8 !important;
  }

  body .category-vertical-filters.top-filters{
    width:85%;
    height:calc(100% - var(--mobile-bottom-height));
  }

  .CartProduct{
    position:fixed;
    top:0;
    right:-100%;
    width:100%;
    height:calc(100% - var(--mobile-bottom-height));
    padding:0 0 5px;
    border:0;
    border-radius:0;
    background:#fafafa;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none;
    transition:right .3s ease;
  }

  .CartProduct.animated{
    right:0;
  }

  .SepetUst{
    float:left;
    width:100%;
    margin-bottom:10px;
    background:var(--toyx-orange);
    color:#fff;
    font-size:16px;
    line-height:50px;
    text-align:center;
  }

  .SepetUst .seClose{
    float:left;
    width:40px;
    font-size:22px;
  }

  .mobilMenu{
    width:85%;
    left:-100%;
    bottom:var(--mobile-bottom-height);
  }

  .menuUstBolum{
    margin-top:0;
  }

  .menuUstBolum .mobilMenuBT,
  .menuUstBolum .CloseBtnMenu{
    line-height:50px;
  }

  .menuUstBolum .mobilMenuBT i,
  .menuUstBolum .mobilMenuBT span,
  .menuUstBolum .CloseBtnMenu i{
    line-height:50px;
  }

  .menuUstBolum .CloseBtnMenu{
    width:60px;
    padding-right:15px;
    font-size:35px;
    text-align:right;
  }

  .mobilMenu .menuIcerikAlan{
    top:51px;
    height:calc(100% - 51px);
  }

  .mobilMenu .navUl > li > ul,
  .mobilMenu .navUl > li > ul li ul{
    top:51px;
    bottom:var(--mobile-bottom-height);
    width:85%;
  }

  .bottomHead{
    display:block;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1002;
    height:var(--mobile-bottom-height);
    background:#fff;
    border-top:1px solid #cecece;
  }

  .bottomHead ul{
    list-style:none;
  }

  .bottomHead ul li{
    float:left;
    width:25%;
  }

  .bottomHead ul li a{
    float:left;
    width:100%;
    padding:5px 0;
    color:var(--toyx-title);
    font-size:12px;
    text-align:center;
  }

  .bottomHead ul li a i{
    display:block;
    margin:0 auto 3px;
    font-size:18px;
  }

  .favNum{
    position:absolute;
    right:20px;
    top:4px;
    width:15px;
    height:15px;
    border-radius:50%;
    background:var(--toyx-orange);
    color:#fff;
    font-size:10px;
    line-height:15px;
    text-align:center;
  }

  .sepetimBody .bottomHead{
    display:none;
  }

  .FooterTop,
  .FooterMiddle,
  .FooterBottom{
    background:#000;
  }

  #footer .linkler{
    padding:0;
  }

  #footer .linkler .blink > ul{
    display:block;
  }

  #footer .linkler .blink > ul > li{
    float:left;
    width:100%;
  }

  #footer .linkler .blink > ul > li > span{
    float:left;
    width:100%;
    margin:0;
    border-bottom:1px solid #252525;
    line-height:50px;
  }

  #footer .linkler .blink > ul > li > ul{
    display:none;
    float:left;
    width:100%;
    border-bottom:1px solid #252525;
  }

  #footer .linkler .blink > ul > li > ul > li > a{
    margin:0;
    line-height:40px;
  }

  .footerLogo{
    display:none;
  }

  .socialStore{
    margin:0;
  }

  .socialStore span{
    display:none;
  }

  .socialStore .socialDiv,
  .socialStore .store{
    display:block;
    margin:0;
    padding:20px 0;
    border-bottom:1px solid #252525;
  }

  .socialStore a{
    color:#fff;
  }

  .copy{
    float:left;
    width:100%;
    margin:25px 0 15px;
    text-align:center;
  }

  .creditCard{
    padding:0;
    margin-bottom:25px;
    border:0;
    text-align:center;
  }

  .bankimg{
    display:none;
  }

  .kartimg{
    float:none;
    display:inline-block;
  }

  #back-to-top{
    right:2%;
    bottom:11%;
  }

  #back-to-top a{
    width:30px;
    height:30px;
  }

  #back-to-top a::after{
    line-height:30px;
  }

  #divIcerik #divCenterBlock.centerCount.col-sm-12 > div:not(.middleTopBlock):not(.middleBottomBlock){
    padding:22px 18px 20px;
    border-radius:18px;
  }

  #divIcerik #divCenterBlock.centerCount.col-sm-12 > div:not(.middleTopBlock):not(.middleBottomBlock) > p{
    font-size:15px !important;
    line-height:1.85 !important;
  }

  #divIcerik #divCenterBlock.centerCount.col-sm-12 > div:not(.middleTopBlock):not(.middleBottomBlock) > h2{
    font-size:23px !important;
  }

  #divIcerik .blogCenter .blog-h1{
    font-size:28px;
  }

  #divIcerik .post-item .pi-titles h2{
    font-size:24px;
  }

  #divIcerik .tici-blok-ul .post-item,
  #divIcerik .blogRight .blogKategori,
  #divIcerik .blogRight .blokSonYazilar{
    padding:16px;
    border-radius:18px;
  }

  #divIcerik .blogSearchFormArea{
    flex-direction:column;
  }

  #divIcerik .blogSearchFormArea button,
  #divIcerik .post-item .pi-link a,
  #divIcerik .blog-listeyedon{
    width:100%;
  }
}

@media (max-width:361px){
  #header.homeHeader{
    min-height:100px;
  }

  #logo{
    width:100%;
    min-height:60px;
  }

  body [class*="t-pb-"]{
    margin:0 !important;
  }
}
/* =========================================================
   TOYX PRODUCT DETAIL - CLEAN OVERRIDE
   Sadece urun detay sayfasi icin
   ========================================================= */

/* Hakkimizda / icerik sayfasi kart stilinin urun detayina tasmasini kes */
body.toyx-product-detail-ready #divIcerik #divCenterBlock.centerCount.col-sm-12 > div:not(.middleTopBlock):not(.middleBottomBlock),
body:has(#ProductDetailMain) #divIcerik #divCenterBlock.centerCount.col-sm-12 > div:not(.middleTopBlock):not(.middleBottomBlock){
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Ust breadcrumb / kategori kutu gorunumunu temizle */
body.toyx-product-detail-ready .categoryTitle,
body.toyx-product-detail-ready .categoryTitleText,
body.toyx-product-detail-ready .breadcrumbContent,
body.toyx-product-detail-ready ul.breadcrumb,
body:has(#ProductDetailMain) .categoryTitle,
body:has(#ProductDetailMain) .categoryTitleText,
body:has(#ProductDetailMain) .breadcrumbContent,
body:has(#ProductDetailMain) ul.breadcrumb{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Urun ust alanini temiz satirda tut */
body.toyx-product-detail-ready #ProductDetailMain,
body.toyx-product-detail-ready .ProductDetailMain,
body.toyx-product-detail-ready .TopDet,
body:has(#ProductDetailMain) #ProductDetailMain,
body:has(#ProductDetailMain) .ProductDetailMain,
body:has(#ProductDetailMain) .TopDet{
  float: left !important;
  width: 100% !important;
  clear: both !important;
}

/* CloudZoom lisans/zoom katmanini kapat */
body.toyx-product-detail-ready .Images a.cloudzoom,
body.toyx-product-detail-ready .Images a[data-cloudzoom],
body:has(#ProductDetailMain) .Images a.cloudzoom,
body:has(#ProductDetailMain) .Images a[data-cloudzoom]{
  pointer-events: none !important;
  cursor: default !important;
}

body.toyx-product-detail-ready .cloudzoom-zoom,
body.toyx-product-detail-ready .cloudzoom-lens,
body.toyx-product-detail-ready .cloudzoom-blank,
body.toyx-product-detail-ready .cloudzoom-caption,
body.toyx-product-detail-ready [class*="cloudzoom"],
body:has(#ProductDetailMain) .cloudzoom-zoom,
body:has(#ProductDetailMain) .cloudzoom-lens,
body:has(#ProductDetailMain) .cloudzoom-blank,
body:has(#ProductDetailMain) .cloudzoom-caption,
body:has(#ProductDetailMain) [class*="cloudzoom"]{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Ana urun gorseli kaybolmasin */
body.toyx-product-detail-ready .Images,
body.toyx-product-detail-ready .Images img,
body:has(#ProductDetailMain) .Images,
body:has(#ProductDetailMain) .Images img{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Alt urun bilgi alanini gorsel/satin alma bolumunun altina al */
body.toyx-product-detail-ready #divUrunOzellikAlani,
body.toyx-product-detail-ready .urunOzellik,
body:has(#ProductDetailMain) #divUrunOzellikAlani,
body:has(#ProductDetailMain) .urunOzellik{
  clear: both !important;
  float: left !important;
  width: 100% !important;
  margin: 42px 0 0 !important;
  padding: 0 !important;
}

/* Kucuk akordiyon link listesini gizle, icerigi acik goster */
body.toyx-product-detail-ready .webTab > ul > li > a,
body.toyx-product-detail-ready .mobilTab > ul > li > a,
body:has(#ProductDetailMain) .webTab > ul > li > a,
body:has(#ProductDetailMain) .mobilTab > ul > li > a{
  display: none !important;
}

/* Tum urun detay panelleri acik gelsin */
body.toyx-product-detail-ready .webTab > ul > li,
body.toyx-product-detail-ready .mobilTab > ul > li,
body:has(#ProductDetailMain) .webTab > ul > li,
body:has(#ProductDetailMain) .mobilTab > ul > li{
  display: block !important;
  float: left !important;
  width: 100% !important;
  clear: both !important;
  margin: 0 0 28px !important;
  padding: 0 0 26px !important;
  border-bottom: 1px solid #e8eef7 !important;
}


/* Codex/F067 yazisini ureten ikon content'ini tamamen sustur */
body.toyx-product-detail-ready .webTab > ul > li > a:after,
body.toyx-product-detail-ready .mobilTab > ul > li > a:after,
body:has(#ProductDetailMain) .webTab > ul > li > a:after,
body:has(#ProductDetailMain) .mobilTab > ul > li > a:after{
  content: "" !important;
  display: none !important;
}

/* Icerik tipografisi */
body.toyx-product-detail-ready .urunTabAlt,
body:has(#ProductDetailMain) .urunTabAlt{
  color: #4a5568 !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
}

body.toyx-product-detail-ready .urunTabAlt h1,
body.toyx-product-detail-ready .urunTabAlt h2,
body.toyx-product-detail-ready .urunTabAlt h3,
body:has(#ProductDetailMain) .urunTabAlt h1,
body:has(#ProductDetailMain) .urunTabAlt h2,
body:has(#ProductDetailMain) .urunTabAlt h3{
  color: #1f2d3d !important;
  font-weight: 800 !important;
}

body.toyx-product-detail-ready .urunTabAlt p,
body:has(#ProductDetailMain) .urunTabAlt p{
  margin: 0 0 14px !important;
  color: #4a5568 !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
}
  /* =========================================================
   PRODUCT DETAIL - REAL HTML TAB + DESCRIPTION FIX
   ========================================================= */

#divIcerik.productDetailContainer #divUrunOzellikAlani{
  clear: both !important;
  float: left !important;
  width: 100% !important;
  margin: 42px 0 0 !important;
  padding: 0 !important;
}

/* Tab menu */
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab{
  float: left !important;
  width: 100% !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li{
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li > a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border: 1px solid #dcebff !important;
  border-radius: 999px !important;
  background: #f8fbff !important;
  color: #2f80ed !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li.active > a,
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li > a:hover{
  background: #ff8a00 !important;
  border-color: #ff8a00 !important;
  color: #fff !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li > a:before,
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li > a:after{
  content: "" !important;
  display: none !important;
}


/* Bos paneller cok yer kaplamasin */
#divIcerik.productDetailContainer #divTabYorumlar .urunTabAlt:empty,
#divIcerik.productDetailContainer #divTabUrunOnerileri .urunTabAlt:empty{
  min-height: 0 !important;
}

/* Aciklama metni renk ve tipografi */
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt,
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt *{
  font-family: 'Montserrat', sans-serif !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt{
  color: #4a5a70 !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt h1,
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt h2,
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt h3{
  margin: 0 0 16px !important;
  color: #1f2d3d !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt h1,
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt h2{
  font-size: 30px !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt h3{
  font-size: 22px !important;
  color: #2f80ed !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt p{
  margin: 0 0 16px !important;
  color: #4a5a70 !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  font-weight: 400 !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt strong,
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt b{
  color: #1f2d3d !important;
  font-weight: 800 !important;
}

/* Gercek ul/li olan kutu icerigi */
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt ul,
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt ol{
  margin: 12px 0 20px !important;
  padding: 0 !important;
  list-style: none !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt li{
  position: relative !important;
  margin: 0 0 10px !important;
  padding-left: 22px !important;
  color: #4a5a70 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt li:before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 11px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #ff8a00 !important;
}

/* Odeme secenekleri kartlari */
#divIcerik.productDetailContainer #divTabOdemeSecenekleri .tekCekimOdeme{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
  padding: 16px 18px !important;
  border: 1px solid #dcebff !important;
  border-radius: 16px !important;
  background: #f8fbff !important;
  color: #1f2d3d !important;
  font-weight: 800 !important;
}

#divIcerik.productDetailContainer #divTabOdemeSecenekleri .tekCekimOdeme b{
  color: #2f80ed !important;
}

/* Mobil */
@media (max-width: 767px){
  #divIcerik.productDetailContainer #divUrunOzellikAlani{
    margin-top: 28px !important;
  }

  #divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul{
    gap: 8px !important;
  }

  #divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li > a{
    min-height: 38px !important;
    padding: 0 13px !important;
    font-size: 13px !important;
  }

  #divIcerik.productDetailContainer #divUrunOzellikAlani .urunDetayPanel{
    padding: 20px 16px !important;
    border-radius: 16px !important;
  }

  #divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt,
  #divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt p,
  #divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt li{
    font-size: 14px !important;
  }

  #divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt h1,
  #divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt h2{
    font-size: 24px !important;
  }
}

  /* =========================================================
   PRODUCT DETAIL - ONLY ACTIVE TAB PANEL
   ========================================================= */

/* Tab menusu guzel kalsin */
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab{
  float:left !important;
  width:100% !important;
  margin:0 0 24px !important;
  padding:0 !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li{
  float:none !important;
  clear:none !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 18px !important;
  border:1px solid #dcebff !important;
  border-radius:999px !important;
  background:#f8fbff !important;
  color:#2f80ed !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-transform:none !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li.active > a,
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li > a:hover{
  background:#ff8a00 !important;
  border-color:#ff8a00 !important;
  color:#fff !important;
}

/* Panel kutu stili: display'e karismiyoruz, Ticimax hangi paneli acarsa o gorunur */
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunDetayPanel{
  clear:both !important;
  float:left !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  margin:0 0 28px !important;
  padding:28px 30px !important;
  border:1px solid #eaf2ff !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(47,128,237,.05) !important;
}

/* Ilk acilista sadece urun ozellikleri zaten gorunur gelsin */
#divIcerik.productDetailContainer #divUrunOzellikAlani #divTabOzellikler{
  display:block;
}

/* Diger panellerin inline display:none bilgisini ezme */
#divIcerik.productDetailContainer #divUrunOzellikAlani #divTabYorumlar,
#divIcerik.productDetailContainer #divUrunOzellikAlani #divTabOdemeSecenekleri,
#divIcerik.productDetailContainer #divUrunOzellikAlani #divTabUrunOnerileri{
  height:auto !important;
}

/* Icerik renkleri */
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt{
  color:#4a5a70 !important;
  font-size:16px !important;
  line-height:1.9 !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt h1,
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt h2,
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt h3{
  color:#1f2d3d !important;
  font-weight:800 !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt p{
  color:#4a5a70 !important;
}

#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt strong,
#divIcerik.productDetailContainer #divUrunOzellikAlani .urunTabAlt b{
  color:#1f2d3d !important;
}
  
  /* =========================================================
   HOMEPAGE POLISH
   Baslik + urun isimleri + guven ikonlari
   Sadece anasayfa icin calisir
   ========================================================= */

/* En Sevdikleriniz basligi */
#divIcerik.homepage #urunblok_1 .JKatAdi.categoryTitle,
#divIcerik.homepage #urunblok_1 .JKatAdi.categoryTitle .bold,
#divIcerik.homepage #urunblok_1 .JKatAdi.categoryTitle .satir1{
  text-align: center !important;
}

#divIcerik.homepage #urunblok_1 .JKatAdi.categoryTitle .bold .satir1{
  position: relative !important;
  display: inline-block !important;
  padding: 0 18px 14px !important;
  background: transparent !important;
  color: #2f80ed !important;
  font-family: "Fredoka", "Montserrat", sans-serif !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
}

#divIcerik.homepage #urunblok_1 .JKatAdi.categoryTitle .bold .satir1:after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 86px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #2f80ed 0%, #ff8a00 100%) !important;
  transform: translateX(-50%) !important;
}

/* Anasayfa urun isimleri normalde de mavi olsun */
#divIcerik.homepage .productItem .productName a{
  color: #2f80ed !important;
  font-family: "Fredoka", "Montserrat", sans-serif !important;
  font-weight: 600 !important;
}

#divIcerik.homepage .productItem:hover .productName a,
#divIcerik.homepage .productItem .productName a:hover{
  color: #ff8a00 !important;
}

/* Fiyatlar biraz daha canli kalsin */
#divIcerik.homepage .productItem .discountPrice span{
  color: #2f80ed !important;
}

#divIcerik.homepage .productItem .regularPrice span{
  color: #9aa4af !important;
}

/* Guven bloklari: hover/interaktif hissi geri gelsin */
#divIcerik.homepage .guvenListCustomBlock{
  background: #ffffff !important;
}

#divIcerik.homepage .guvenListCustomBlock .txcol-6{
  cursor: default !important;
  transition: transform .25s ease, filter .25s ease !important;
}

#divIcerik.homepage .guvenListCustomBlock .txcol-6:hover{
  transform: translateY(-6px) !important;
}

#divIcerik.homepage .guvenListCustomBlock .widgetCenterImage{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: default !important;
}

#divIcerik.homepage .guvenListCustomBlock img{
  width: 112px !important;
  height: 112px !important;
  padding: 22px !important;
  border-radius: 50% !important;
  background: #5f7fa8 !important;
  border: 3px solid #dcebff !important;
  object-fit: contain !important;
  transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}

#divIcerik.homepage .guvenListCustomBlock .txcol-6:hover img{
  background: #ff8a00 !important;
  border-color: #ffd6a3 !important;
  transform: scale(1.04) !important;
  box-shadow: 0 14px 28px rgba(255, 138, 0, .18) !important;
}

#divIcerik.homepage .guvenListCustomBlock .widgetTitle{
  margin-top: 16px !important;
  color: #1f2d3d !important;
  font-family: "Fredoka", "Montserrat", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  transition: color .25s ease !important;
}

#divIcerik.homepage .guvenListCustomBlock .widgetDesc{
  margin-top: 5px !important;
  color: #4a5a70 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  transition: color .25s ease !important;
}

#divIcerik.homepage .guvenListCustomBlock .txcol-6:hover .widgetTitle{
  color: #ff8a00 !important;
}

#divIcerik.homepage .guvenListCustomBlock .txcol-6:hover .widgetDesc{
  color: #2f80ed !important;
}

/* Mobilde baslik ve ikonlar olcekli kalsin */
@media (max-width: 767px){
  #divIcerik.homepage #urunblok_1 .JKatAdi.categoryTitle .bold .satir1{
    font-size: 26px !important;
    padding-bottom: 12px !important;
  }

  #divIcerik.homepage .guvenListCustomBlock img{
    width: 86px !important;
    height: 86px !important;
    padding: 18px !important;
  }

  #divIcerik.homepage .guvenListCustomBlock .widgetTitle{
    font-size: 15px !important;
  }

  #divIcerik.homepage .guvenListCustomBlock .widgetDesc{
    font-size: 12px !important;
  }
}
  
  /* =========================================================
   CONTACT PAGE CLEAN OVERRIDE
   Sadece /Iletisim sayfasi icin
   ========================================================= */

#divCenterBlock.iletisimContent{
  float: none !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 42px auto 80px !important;
  padding: 0 20px !important;
}

/* Banka hesap bilgilerini tamamen kaldir */
#divCenterBlock.iletisimContent #mainHolder_Iletisim_divBanka{
  display: none !important;
}

/* Icerik wrapper */
#divCenterBlock.iletisimContent > div:not(.middleTopBlock):not(.middleBottomBlock){
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
  gap: 28px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Gereksiz clear elemanlari grid'i bozmasin */
#divCenterBlock.iletisimContent .clear,
#divCenterBlock.iletisimContent .iletisimClear{
  display: none !important;
}

/* Sol iletisim bilgi karti */
#divCenterBlock.iletisimContent .iletisimLeft{
  grid-column: 1 !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 34px !important;
  background: #ffffff !important;
  border: 1px solid #eaf2ff !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 32px rgba(47,128,237,.07) !important;
}

/* Aciklama kutusu */
#divCenterBlock.iletisimContent #itetisimhtml{
  grid-column: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 24px 28px !important;
  background: #f8fbff !important;
  border: 1px solid #dcebff !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 22px rgba(47,128,237,.04) !important;
}

#divCenterBlock.iletisimContent #itetisimhtml blockquote,
#divCenterBlock.iletisimContent #itetisimhtml p{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #4a5a70 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

#divCenterBlock.iletisimContent #itetisimhtml strong{
  color: #2f80ed !important;
  font-weight: 800 !important;
}

/* Sag form karti */
#divCenterBlock.iletisimContent .iletisimForm{
  grid-column: 2 !important;
  grid-row: 1 / span 3 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 34px !important;
  background: #ffffff !important;
  border: 1px solid #eaf2ff !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 32px rgba(47,128,237,.07) !important;
}

/* Basliklar */
#divCenterBlock.iletisimContent .categoryTitle{
  float: none !important;
  width: 100% !important;
  margin: 0 0 24px !important;
  padding: 0 0 16px !important;
  border-bottom: 2px solid #eaf2ff !important;
  text-align: left !important;
}

#divCenterBlock.iletisimContent .categoryTitle .categoryTitleText{
  float: none !important;
  width: 100% !important;
  color: #2f80ed !important;
  font-family: "Fredoka", "Montserrat", sans-serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: .2px !important;
}

/* Sol bilgi satirlari */
#divCenterBlock.iletisimContent .iletisimLeft .span{
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  align-items: start !important;
}

#divCenterBlock.iletisimContent .iletisimLeft .span:last-child{
  margin-bottom: 0 !important;
}

#divCenterBlock.iletisimContent .iletisimLeft .Left{
  display: block !important;
  min-width: 0 !important;
  color: #2f80ed !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
}

#divCenterBlock.iletisimContent .iletisimLeft .Center{
  display: none !important;
}

#divCenterBlock.iletisimContent .iletisimLeft .Right{
  display: block !important;
  color: #1f2d3d !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

#divCenterBlock.iletisimContent .iletisimLeft .Right a{
  color: #1f2d3d !important;
  font-weight: 600 !important;
}

#divCenterBlock.iletisimContent .iletisimLeft .Right a:hover{
  color: #ff8a00 !important;
}

#divCenterBlock.iletisimContent .iletisimLeftFirmaAdi{
  display: block !important;
  padding: 0 0 22px !important;
  margin-bottom: 22px !important;
  border-bottom: 1px solid #eaf2ff !important;
}

#divCenterBlock.iletisimContent .iletisimLeftFirmaAdi .Left{
  margin-bottom: 8px !important;
}

#divCenterBlock.iletisimContent .iletisimLeftFirmaAdi .Right{
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

/* Form satirlari */
#divCenterBlock.iletisimContent .iletisimForm .row,
#divCenterBlock.iletisimContent .iletisimForm .rowLeft,
#divCenterBlock.iletisimContent .iletisimForm .rowRight{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

#divCenterBlock.iletisimContent .iletisimForm .span{
  float: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}

#divCenterBlock.iletisimContent .iletisimForm .Left{
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  color: #1f2d3d !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

#divCenterBlock.iletisimContent .iletisimForm .Center{
  display: none !important;
}

#divCenterBlock.iletisimContent .iletisimForm .Right{
  display: block !important;
  width: 100% !important;
  position: relative !important;
}

/* Inputlar */
#divCenterBlock.iletisimContent .iletisimForm .textbox,
#divCenterBlock.iletisimContent .iletisimForm .textarea,
#divCenterBlock.iletisimContent .iletisimForm .ticiTelInput{
  width: 100% !important;
  height: 54px !important;
  padding: 0 16px !important;
  border: 1.5px solid #d7e3f3 !important;
  border-radius: 14px !important;
  background: #f9fbff !important;
  color: #1f2d3d !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

#divCenterBlock.iletisimContent .iletisimForm .textarea{
  min-height: 150px !important;
  height: 150px !important;
  padding: 14px 16px !important;
}

#divCenterBlock.iletisimContent .iletisimForm .textbox:focus,
#divCenterBlock.iletisimContent .iletisimForm .textarea:focus,
#divCenterBlock.iletisimContent .iletisimForm .ticiTelInput:focus{
  outline: none !important;
  border-color: #2f80ed !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(47,128,237,.10) !important;
}

/* Telefon input plugin */
#divCenterBlock.iletisimContent .iletisimForm .iti{
  width: 100% !important;
}

#divCenterBlock.iletisimContent .iletisimForm .iti--allow-dropdown .ticiTelInput{
  padding-left: 92px !important;
}

#divCenterBlock.iletisimContent .iletisimForm .iti__selected-flag{
  height: 54px !important;
  border-right: 1px solid #d7e3f3 !important;
  border-radius: 14px 0 0 14px !important;
  background: #fff !important;
}

#divCenterBlock.iletisimContent .iletisimForm .iti__country-list{
  max-width: 420px !important;
  max-height: 260px !important;
  border: 1px solid #d7e3f3 !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 32px rgba(31,45,61,.14) !important;
  z-index: 30 !important;
}

/* Captcha */
#divCenterBlock.iletisimContent .iletisimCaptcha .newUserWrapper{
  display: grid !important;
  grid-template-columns: auto 34px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
}

#divCenterBlock.iletisimContent .ticimaxCaptcha{
  height: 54px !important;
  max-width: 170px !important;
  border: 1px solid #d7e3f3 !important;
  border-radius: 12px !important;
  background: #fff !important;
}

#divCenterBlock.iletisimContent .iletisimCaptcha a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  color: #2f80ed !important;
  background: #eef6ff !important;
}

#divCenterBlock.iletisimContent .iletisimCaptcha a:hover{
  color: #fff !important;
  background: #ff8a00 !important;
}

#divCenterBlock.iletisimContent #txtGuvenlikKodu{
  height: 54px !important;
}

/* Hata mesajlari */
#divCenterBlock.iletisimContent .validate{
  position: static !important;
  display: block !important;
  min-height: 18px !important;
  margin-top: 6px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #d64545 !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

#divCenterBlock.iletisimContent .validateOk{
  display: none !important;
}

/* Gonder butonu */
#divCenterBlock.iletisimContent .iletisimBtn{
  position: static !important;
  top: auto !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

#divCenterBlock.iletisimContent #mainHolder_Iletisim_btnGonder{
  width: 100% !important;
  height: 56px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #ff8a00 0%, #ff9f1c 100%) !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  text-transform: uppercase !important;
  box-shadow: 0 12px 26px rgba(255,138,0,.22) !important;
}

#divCenterBlock.iletisimContent #mainHolder_Iletisim_btnGonder:hover{
  transform: translateY(-1px) !important;
  background: linear-gradient(135deg, #f57c00 0%, #ff8a00 100%) !important;
  box-shadow: 0 16px 30px rgba(255,138,0,.28) !important;
}

/* Responsive */
@media (max-width: 991px){
  #divCenterBlock.iletisimContent > div:not(.middleTopBlock):not(.middleBottomBlock){
    grid-template-columns: 1fr !important;
  }

  #divCenterBlock.iletisimContent .iletisimLeft,
  #divCenterBlock.iletisimContent #itetisimhtml,
  #divCenterBlock.iletisimContent .iletisimForm{
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 767px){
  #divCenterBlock.iletisimContent{
    margin: 24px auto 52px !important;
    padding: 0 12px !important;
  }

  #divCenterBlock.iletisimContent .iletisimLeft,
  #divCenterBlock.iletisimContent .iletisimForm{
    padding: 22px 18px !important;
    border-radius: 18px !important;
  }

  #divCenterBlock.iletisimContent #itetisimhtml{
    padding: 18px !important;
    border-radius: 16px !important;
  }

  #divCenterBlock.iletisimContent .categoryTitle .categoryTitleText{
    font-size: 28px !important;
  }

  #divCenterBlock.iletisimContent .iletisimLeft .span{
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  #divCenterBlock.iletisimContent .iletisimLeftFirmaAdi .Right{
    font-size: 19px !important;
  }

  #divCenterBlock.iletisimContent .iletisimCaptcha .newUserWrapper{
    grid-template-columns: 1fr 34px !important;
  }

  #divCenterBlock.iletisimContent .ticimaxCaptcha{
    max-width: 100% !important;
  }

  #divCenterBlock.iletisimContent #txtGuvenlikKodu{
    grid-column: 1 / -1 !important;
  }
}
  
  /* =========================================================
   CATEGORY PAGE CLEAN OVERRIDE
   Tum Oyuncaklar / kategori sayfalari
   ========================================================= */

/* Ustteki kategori aciklama yazisini kaldir */
#divIcerik.categoryContainer .middleTopBlock .categorydesign,
#divIcerik.categoryContainer #mainHolder_divKategoriBaslik{
  display: none !important;
}

/* Kategori sayfasinda genel icerik karti urun listesini bogmasin */
#divIcerik.categoryContainer #divCenterBlock.centerCount.col-sm-12 > div:not(.middleTopBlock):not(.middleBottomBlock){
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Urun liste ust alani */
#divIcerik.categoryContainer #ProductListMainContainer{
  float: left !important;
  width: 100% !important;
  margin: 28px 0 70px !important;
  padding: 28px 34px 38px !important;
  border: 1px solid #eaf2ff !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 12px 32px rgba(47,128,237,.06) !important;
}

#divIcerik.categoryContainer #ProductListMainContainer > .categoryTitle{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  float: none !important;
  width: 100% !important;
  margin: 0 0 34px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #eaf2ff !important;
}

/* Breadcrumb sade kalsin */
#divIcerik.categoryContainer .categoryTitleText{
  float: none !important;
  width: auto !important;
}

#divIcerik.categoryContainer ul.breadcrumb{
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#divIcerik.categoryContainer ul.breadcrumb *{
  line-height: 1.4 !important;
}

#divIcerik.categoryContainer ul.breadcrumb a span{
  color: #7b8aa0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

#divIcerik.categoryContainer ul.breadcrumb li:last-child a span{
  color: #ff8a00 !important;
  font-weight: 800 !important;
}

/* Filtre / siralama satiri */
#divIcerik.categoryContainer #divSayfalamaUst{
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#divIcerik.categoryContainer #divSayfalamaUst .brandlistselection{
  float: none !important;
  width: auto !important;
}

#divIcerik.categoryContainer #divSayfalamaUst .sortingContent{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#divIcerik.categoryContainer #filterOrderSelect{
  height: 40px !important;
  min-width: 190px !important;
  padding: 0 12px !important;
  border: 1px solid #dcebff !important;
  border-radius: 12px !important;
  background: #f8fbff !important;
  color: #1f2d3d !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

#divIcerik.categoryContainer .filterOrderInStock{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid #dcebff !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #2f80ed !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#divIcerik.categoryContainer .filterOrderInStock:hover{
  background: #ff8a00 !important;
  border-color: #ff8a00 !important;
  color: #fff !important;
}

#divIcerik.categoryContainer .FiltrelemeUrunAdet > span{
  color: #1f2d3d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 40px !important;
}

/* Ustteki sayfa numarasini gizle, altta kalsin */
#divIcerik.categoryContainer #divSayfalamaUst .pageNumber{
  display: none !important;
}

/* Urun kartlari kategori sayfasinda 4 kolon otursun */
#divIcerik.categoryContainer .ProductList{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 32px 24px !important;
  margin: 0 !important;
}

#divIcerik.categoryContainer .ProductList .ItemOrj{
  float: none !important;
  width: calc(25% - 18px) !important;
  max-width: calc(25% - 18px) !important;
  flex: 0 0 calc(25% - 18px) !important;
  padding: 0 !important;
  margin: 0 !important;
}

#divIcerik.categoryContainer .productItem .productName a{
  color: #1f2d3d !important;
  font-family: "Fredoka", "Montserrat", sans-serif !important;
  font-weight: 600 !important;
}

#divIcerik.categoryContainer .productItem:hover .productName a,
#divIcerik.categoryContainer .productItem .productName a:hover{
  color: #ff8a00 !important;
}

/* Alt sayfalama */
#divIcerik.categoryContainer #divSayfalamaAlt{
  float: left !important;
  width: 100% !important;
  margin-top: 34px !important;
}

#divIcerik.categoryContainer .pageNumberBottom{
  margin: 0 !important;
  text-align: center !important;
}

/* Responsive */
@media (max-width: 991px){
  #divIcerik.categoryContainer #ProductListMainContainer{
    padding: 22px 18px 30px !important;
    border-radius: 18px !important;
  }

  #divIcerik.categoryContainer #ProductListMainContainer > .categoryTitle{
    display: block !important;
  }

  #divIcerik.categoryContainer #divSayfalamaUst{
    justify-content: flex-start !important;
    width: 100% !important;
    margin-top: 16px !important;
  }

  #divIcerik.categoryContainer #divSayfalamaUst .sortingContent{
    flex-wrap: wrap !important;
  }

  #divIcerik.categoryContainer .ProductList .ItemOrj{
    width: calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
    flex: 0 0 calc(50% - 12px) !important;
  }
}

@media (max-width: 480px){
  #divIcerik.categoryContainer .ProductList{
    gap: 24px 12px !important;
  }

  #divIcerik.categoryContainer #filterOrderSelect{
    min-width: 100% !important;
    width: 100% !important;
  }

  #divIcerik.categoryContainer #divSayfalamaUst .sortingContent,
  #divIcerik.categoryContainer #divSayfalamaUst .sortingContent li{
    width: 100% !important;
  }

  #divIcerik.categoryContainer .filterOrderInStock{
    width: 100% !important;
  }
}