:root {
    --red: #B62A2F;
    --pink: #FEF1F0;
    --black: #000;
    --black2: #333333;
    --body-text: #666666;
    --green: #00A881;
    --baby-blue: #daf0ff;
    --soft-green: #daffdf;
    --cubic: all .55s cubic-bezier(.785, .135, .15, .86);
    --font2: 'Mulish', sans-serif;
}
html, body, a {
    cursor: url(https://www.idilbaby.com/Content/images/cursor-1.png), auto;
    animation: cursor 8s linear infinite;
  }
  @keyframes cursor {
    16% {
      cursor: url(https://www.idilbaby.com/Content/images/cursor-2.png), auto;
    }
    32% {
      cursor: url(https://www.idilbaby.com/Content/images/cursor-3.png), auto;
    }
    48% {
      cursor: url(https://www.idilbaby.com/Content/images/cursor-4.png), auto;
    }
    64% {
      cursor: url(https://www.idilbaby.com/Content/images/cursor-5.png), auto;
    }
    80% {
      cursor: url(https://www.idilbaby.com/Content/images/cursor-6.png), auto;
    }
  }
/* .container {width:1200px; margin:0 auto; display:grid;} */
.container {width:100%; padding:0 20px; display:grid; max-width:1440px; margin:0 auto;}
header {float:left;width:100%;background: #fff;position: absolute;z-index: 2;}
header .top-bar {background:var(--pink);color:var(--red);height:33px;position: relative;z-index: 5;}
header .top-bar .container {grid-template-columns:1fr;align-items:center;height: 33px;}
header .top-bar .top-bar-campaign {float:left;font-size: 12px;font-weight: 500;text-align: center;}
header .top-bar .top-bar-whatsapp {text-align:right; font-size:12px; font-weight:500; text-transform:uppercase;}
header .white-bar {float:left;width:100%;height:64px;background:#fff;top: -80px;box-shadow: 0 0 4px 0 #ccc;z-index: 1; -webkit-transition: all .55s cubic-bezier(.785, .135, .15, .86);
	-moz-transition: all .55s cubic-bezier(.785, .135, .15, .86);
	-o-transition: all .55s cubic-bezier(.785, .135, .15, .86);
	transition: all .55s cubic-bezier(.785, .135, .15, .86);}
header .white-bar .container {grid-template-columns:1fr 250px 1fr; align-items:center; height:64px; padding:0 0;}
main {float:left;width:100%;position: relative;z-index: 0;margin-top: 97px;}

.white-bar.v2-sticked-header {top: 0;position: fixed;z-index: 10;-webkit-transition: all .55s cubic-bezier(.785, .135, .15, .86);
	-moz-transition: all .55s cubic-bezier(.785, .135, .15, .86);
	-o-transition: all .55s cubic-bezier(.785, .135, .15, .86);
	transition: all .55s cubic-bezier(.785, .135, .15, .86);}
.white-bar .container {position:relative;}
.white-bar nav > ul {display:flex;}
.white-bar nav > ul > li a {color:var(--black);font-size: 12px;font-weight:600;padding: 22px 24px;display:block; position:relative;}
.white-bar nav > ul > li > a:before {content:""; position:absolute; bottom:0; width:0; height:1px; background:#000; transition:ease all .2s; left:0;}
.white-bar nav > ul > li > a:hover:before {width:100%; transition:ease all .2s;}
.logo {display: flex;justify-content: center;align-items: center;}
.dd-menu {cursor:pointer;outline:none;padding:0;}
.dd-menu summary {position: relative;outline: none;display: block;font-size: 12px;font-weight: 600;padding: 22px 24px;transition: ease all .2s;color:var(--black);}
.dd-menu summary:before {content:""; position:absolute; bottom:0; width:0; height:1px; background:#000; transition:ease all .2s; left:0;}
.dd-menu:hover summary:before {width:100%; transition:ease all .2s;}
.dd-menu .dd-content {position: absolute;left: 0;width:100%;right:0;background:#fff;display: none;}
.dd-menu:hover .dd-content {display:block !important; z-index:1;}
details[open] summary~*{animation:ddanimation .2s ease-in-out}
@keyframes ddanimation
    {0%
        {opacity:0;margin-top:10px}
        100%{opacity:1;margin-top:0px}
    }

.menu-tabs {float:left;width:100%; border-top:1px solid #ddd;}
.menu-tabs li {float:left;}

.menu-tabs > li > a {transition:ease all .2s; font-weight:500 !important;}
.menu-tabs > li > a > span {color:#000;font-weight:500;font-size:10px;padding:1px 4px 1px 4px;text-transform:uppercase;border:1px solid #000;float:right;margin-top: -1px;margin-left:5px;background: #fff;}

.menu-kiz-tabs > li > a:hover, .menu-kiz-tabs > li.active > a {background:var(--pink); color:var(--black) !important; transition:ease all .2s;}
.menu-erkek-tabs > li > a:hover, .menu-erkek-tabs > li.active > a {background:var(--baby-blue); color:var(--black) !important; transition:ease all .2s;}

.tab-content {float:left;width:100%;padding: 20px 40px 30px 40px;}
.tab-content ol li {float:left; width:100%;}
.tab-content ol li a {font-size: 13px !important;padding: 12px 0 !important; font-weight: 400 !important;font-family: var(--font2);}
.menu-aksesuar-wrapper ol li a {font-size: 13px !important;padding: 12px 0 !important; font-weight: 400 !important;font-family: var(--font2);}
.tab-content ol li.gift-menu-item a {color:var(--red); font-weight:500 !important;}
.tab-content ol li.gift-menu-item img {float:left; width:16px; margin:0px 4px 0 0;}
.menu-kiz-tab-content{display: none; background:var(--pink); border-top:1px solid var(--pink);}
.menu-erkek-tab-content{display: none; background:var(--baby-blue); border-top:1px solid var(--baby-blue);}
.menu-aks-content {display: none; background:var(--soft-green) !important; border-top:1px solid var(--soft-green); padding:20px;}
.menu-kiz-yenidogan-wrapper {display:grid; grid-template-columns:1fr 1fr 1fr 2fr 2fr; grid-column-gap:10px;}
.menu-kiz-bebek-wrapper {display:grid; grid-template-columns:1fr 1fr 1fr 2fr 2fr; grid-column-gap:10px;}
.menu-kiz-cocuk-wrapper {display:grid; grid-template-columns:1fr 1fr 1fr 2fr 2fr; grid-column-gap:10px;}
.menu-erkek-yenidogan-wrapper {display:grid; grid-template-columns:1fr 1fr 1fr 2fr 2fr; grid-column-gap:10px;}
.menu-erkek-bebek-wrapper {display:grid; grid-template-columns:1fr 1fr 1fr 2fr 2fr; grid-column-gap:10px;}
.menu-erkek-cocuk-wrapper {display:grid; grid-template-columns:1fr 1fr 1fr 2fr 2fr; grid-column-gap:10px;}
.menu-aksesuar-wrapper {display:grid; grid-template-columns:1fr 1fr 2fr 2fr; grid-column-gap:10px;}
.header-tools {float:left; width:100%; padding-right:20px; display:flex; justify-content:flex-end;}
.header-search {float:right;border-bottom:1px solid #000;font-size:12px;margin-top:4px;padding-bottom: 2px; width: 160px; font-family: var(--font2); color: #000;}
.header-search img {float:right;}
.header-user {margin-left:16px;}
.header-basket {margin-left:15px;}

/* Product Card */
.product-card {float:left; width:100%; position:relative;}
.p-image {float:left; width:100%; display:block; background:#fff; filter:brightness(96.5%); padding:20px;}
.p-image img {float:left;width: 100%;}
.product-name {float:left;width:100%;margin-top:15px;font-size: 13px;text-transform: uppercase;}
.product-prices {float:left;display:flex;width:100%;font-weight: 600;font-size: 14px;}
.op {margin-right:10px; text-decoration:line-through;}
.np {color:var(--black);}
.np.red {color:var(--red);}

/* Footer */

footer {float:left; width:100%; background:var(--red); padding:34px 0 0px 0; margin-top:70px; color:#fff;}
.f-menu-area {float:left; width:100%; display:grid; grid-template-columns:2fr 1fr 1fr 1fr 1fr;}
.f-menu-area h6 {float:left;width:100%;font-size:14px;font-weight:700;margin-bottom: 20px;}
.f-menu-area ul {float:left; width:100%;}
.f-menu-area ul li {font-size:13px; margin-bottom:10px; font-family: var(--font2);}
.f-menu-area .contact-col li {    position: relative; padding-left: 22px; float: left; width: 100%; margin-bottom: 12px; font-size: 13px; font-family: var(--font2);}
.f-menu-area .contact-col li img {height:15px; position:absolute; left:0; top:4px;}
.f-copyright-area {float:left;width:100%;border-top:1px solid #de3d43;margin-top: 30px;padding-top: 15px;font-size: 15px;display:grid;grid-template-columns:1fr 1fr;}
.copyright {font-size:12px; margin-top:2px; float:left; font-family: var(--font2);}
.f-copyright-area a.author {text-align:right;margin-top:-5px;margin-bottom: 10px;}

.header-search-wrapper{float:left;width:100%;position:fixed;top:0;left:0;right:0;background:#fff;z-index:6;padding:30px 0;-webkit-transition:all .55s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .55s cubic-bezier(.785,.135,.15,.86);-o-transition:all .55s cubic-bezier(.785,.135,.15,.86);transition:all .55s cubic-bezier(.785,.135,.15,.86);top:-100vh;height:100vh;overflow-y:auto;}
.header-search-wrapper.active{top:0;-webkit-transition:all .55s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .55s cubic-bezier(.785,.135,.15,.86);-o-transition:all .55s cubic-bezier(.785,.135,.15,.86);transition:all .55s cubic-bezier(.785,.135,.15,.86);}
.top-search-close {position:absolute; right:30px; top:30px; cursor:pointer;}
.q-header-search {width:700px;margin: 40px auto 0 auto;-webkit-transition:all .55s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .55s cubic-bezier(.785,.135,.15,.86);-o-transition:all .55s cubic-bezier(.785,.135,.15,.86);transition:all .55s cubic-bezier(.785,.135,.15,.86);transition-delay:.2s; opacity:0;}
.q-header-search.active {-webkit-transition:all .55s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .55s cubic-bezier(.785,.135,.15,.86);-o-transition:all .55s cubic-bezier(.785,.135,.15,.86);transition:all .55s cubic-bezier(.785,.135,.15,.86);margin-top: 70px;transition-delay: .4s; opacity:1;}
.q-header-search form {display:grid;grid-template-columns:1fr 30px;border-bottom:1px solid #000;padding-bottom: 0px;}
.q-header-search form input {border:none;font-size:16px;padding: 0 0 10px 0;outline: none; font-weight:500;}
.q-header-search form input::placeholder {font-style:italic; font-weight:400; font-size:15px;}
.q-header-search form button {background:#fff;border:none;cursor:pointer;padding-bottom: 10px;}
.quick-search-results-area {float:left; width:100%;}
.quick-search-results {float:left;width:100%;margin-top: 50px;}
.quick-search-results h5 {float:left; width:100%; font-size:16px; font-weight:700; letter-spacing:-0.03em; margin-bottom:20px;}
.quick-search-results ul {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; float: left; width: 100%; grid-column-gap: 15px; grid-row-gap: 50px;}
.mobile-menu-trigger {display: none;}
.quick-search-details-btn {border:1px solid var(--black); font-size:12px; height:40px; float:left; width:200px; display:flex; justify-content:center; align-items:center; font-weight:500; position:relative; left:calc(50% - 100px); margin-top:70px; font-weight:600; transition:ease all .2s;}
.quick-search-details-btn:hover {background:#000; color:#fff; transition:ease all .2s;}


.mini-cart-content-wrapper {position:fixed; top:0; right:-500px; background:#fff; width:500px; z-index:2; padding:20px; height:100vh; transition: var(--cubic); transition-delay:.3s;}
.mini-cart-content-wrapper.active {transition:var(--cubic); right:0;}
.mini-cart-close {position:absolute;top:20px;right:20px;cursor: pointer;}
.mini-cart-close img {width:24px;}
.mini-cart-title {float:left;width:100%;font-size: 14px;height: 28px;align-items:center;display: flex;margin-bottom: 30px;font-weight: 500;}
.mini-cart-content-container {float:left;width:100%;position:relative;height: calc(100vh - 245px);overflow-y:auto;}
.mini-cart-content-container .mini-cart-product:last-child {border-bottom: none;}
.mini-cart-product {float:left;display:grid;grid-template-columns:60px 1fr 100px 30px;width:100%;align-items:center;grid-column-gap:10px;border-bottom: 1px solid #ddd;margin-bottom:20px;padding-bottom:20px;}
.mini-cart-product a {float:left; display:block;}
.mini-cart-product .meta {float:left;width:100%;}
.mini-cart-product .meta .brand {font-weight:600; float:left; width:100%; font-size:12px;}
.mini-cart-product .meta h6 {font-size: 13px;font-weight:400;float:left;width:100%;letter-spacing: -0.02em;}
.mini-cart-product .meta .qtty {font-size:12px;float:left;width:100%;margin-top: 10px;color: var(--black);}
.mini-cart-product .prices {display:grid; justify-content:flex-end; text-align:right; font-size:13px;}
.mini-cart-product .prices .op {text-decoration:line-through;font-size: 12px; margin-right:0;}
.mini-cart-product .prices .np {color:var(--red); font-weight:600;}
.mini-cart-product .delete {background:#eee; width:22px; height:22px; display:flex; align-items:center; justify-content:center; border-radius:50%; cursor:pointer;}
.mini-cart-product .delete img {width:14px;}
.mini-cart-footer {position:absolute; bottom:-250px; width:100%; background:var(--pink); left:0; padding:20px; transition:var(--cubic);}
.mini-cart-content-wrapper.active .mini-cart-footer {transition: var(--cubic); bottom:0; transition-delay:.3s; position:absolute; z-index:100;}
.mini-cart-summary {float:left;width:100%;margin-bottom: 5px;}
.mini-cart-summary li {float:left; width:100%; font-size:12px; margin-bottom:15px;}
.mini-cart-summary li span {float:right;}
.mini-cart-buttons {float:left; width:100%; display:grid;grid-template-columns:1fr 1fr; grid-column-gap:10px;}
.mini-cart-buttons a {float:left;width:100%;border:none;height:40px;font-size:12px;font-weight:500;cursor: pointer; display:flex; align-items:center; justify-content:center; font-weight:600;}
.mini-cart-buttons a.basket-btn {background:var(--black); color:#fff;}
.mini-cart-buttons a.order-btn {background:var(--red); color:#fff;}
.mini-cart-content-container::-webkit-scrollbar {width: 3px;}
.mini-cart-content-container::-webkit-scrollbar-track {background: #fff;}
.mini-cart-content-container::-webkit-scrollbar-thumb {background-color: #ddd;}
.mini-cart-overlay {position:fixed;top:0;left:0;width:100vw;height:100vh;background: rgba(0,0,0,0.2);z-index:1;opacity:0;visibility:hidden; transition: var(--cubic);}
.mini-cart-overlay.active {opacity:1; visibility:visible; transition: var(--cubic); cursor: url(@cdnUrl/Content/images/close-cursor.svg), pointer;}


.mobile-menu-search input {width: 100%; border: none; height: 44px; padding: 12px 13px; font-family: var(--font2); font-size: 12px; color: #000; font-weight: 500;}
.mobile-menu-search button {background:#fff; border:none; padding-right:15px;}
a.mm-listitem__text img {width: 16px; float: left; margin: 1px 4px 0 0;}
.gift-menu-item.mm-listitem a {color:var(--red);}
.mini-cart-empty-wrapper {display:grid;place-items: center;height:100%;}
.empty-basket-wrapper {float:left;width:100%;text-align:center;}
.empty-basket-wrapper .empty-basket-image {width:200px; margin:0 auto 10px auto;}
.empty-basket-wrapper h4 {float:left; width:100%; font-size:18px; font-weight:700; font-family:var(--font2); color:var(--red);}
.empty-basket-wrapper p {font-family:var(--font2); font-size:14px;}
.empty-basket-wrapper a {background:var(--red); color:#fff; width:200px; display:inline-block; font-size:12px; font-weight:700; padding:12px 0; border-radius:3px;}
.mobile-main-menu {display:none;}
.mini-cart-btn .basket-amount {position:absolute; left:8px; font-size:12px; font-weight:600; top:7px; color:var(--red);}
.mini-cart-btn {position:relative;}
.menu-all-cat-btn {font-size: 13px !important;padding: 0 !important;font-family: var(--font2);margin-bottom: 15px;font-weight: 700 !important;margin-top: 10px !important;}
.mini-cart-summary li.discount-detail {font-weight: 700; color: var(--red);}





@media screen and (min-width : 1200px) and (max-width : 1339px) {
}

/* TABLET YATAY */
@media screen and (min-width : 992px) and (max-width : 1199px) {

}

/* TABLET DIK */
@media screen and (min-width : 768px) and (max-width : 991px) {
  


}

/* TELEFON */
@media screen and (max-width :767px) {
 header .top-bar .container	 {grid-template-columns:1fr;}
 header .top-bar .top-bar-whatsapp {display:none;}
 header .top-bar .top-bar-campaign {text-align:center;}
 header .white-bar nav {display:none;}
 .header-search {display:none;}
 header .white-bar .container {grid-template-columns: 55px 1fr 130px;}
 .mobile-menu-trigger {display: block;margin-left: 20px; margin-top:-5px; float:left;}
 .header-basket {margin-left:10px;}
 .header-tools {margin-top:-3px}
 .f-menu-area {grid-template-columns:1fr 1fr; grid-row-gap:25px;}
 .contact-col {grid-column-start:1; grid-column-end:3;}
 .f-copyright-area {grid-template-columns:1fr; text-align:center;}
 .f-copyright-area a.author {text-align:center; margin-top:2px;}
 .mini-cart-content-wrapper {width: 100%;}
 .mobile-main-menu {display:block;}
 .mini-cart-footer {position:fixed;}
 .mini-cart-content-wrapper.active .mini-cart-footer {position:fixed;}

 
 
}