:root {
  --navy: #3a3e54;
  --orange: #EC6907;
  --green: #93CFC5;
  --border: #DBDBED;
  --label: #9999ab;
  --lightnavy: #727AA7;
  --bg: #f4f6ff;
  --overlay:rgba(52, 62, 84,0.6);
  --darkborder: #C9C9DA;
  --white: #fff;
  --cubic: all .55s cubic-bezier(.785,.135,.15,.86);
  --ease: all .2s ease;
  --shadow: 0 0 15px 0 rgba(50,60,81,0.15);
}
@font-face
{font-family: "IcoFont";font-weight: normal;font-style: "Regular";src: url("../fonts/icofont.woff2") format("woff2"),url("../fonts/icofont.woff") format("woff");}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
[class^="icofont-"], [class*=" icofont-"]
{
  font-family: 'IcoFont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

body.no-scroll {overflow-y: hidden;}

/* Reserve the Segmentify notification bar space and keep its image from becoming the mobile LCP element. */
.seg-notification-bar {min-height:44px;}
.seg-notification-bar img {width:28px;height:28px;}

.icofont-star:before
{content: "\f000";}
::-moz-selection {color: var(--navy); background: var(--white);}
::selection {color: var(--white); background: var(--navy);}

.container {width:min(100vw - 120px, 1280px); margin:0 auto;}
header {float:left; width:100%; position:absolute; top:0; background:#fff; z-index: 3;}
header.sticky {position: fixed;top: -34px;}
.top-bar {float:left; width:100%; background:var(--navy); color:#fff; height:34px;}
.top-bar .container {
  height: 34px;
}
.top-bar-carousel-wrapper {float:left;width: 320px;position:relative;}
.top-bar-carousel {float:left;width:100%;min-height:34px;text-align:center;padding: 0 25px;}
.top-bar-carousel .item {height:34px;display:flex !important;align-items:center;justify-content:center;font-size: 12px;}
.top-bar-carousel-wrapper .prev {position:absolute;left:0;top: 4px;cursor:pointer;}
.top-bar-carousel-wrapper .next {position:absolute; right:0; top:4px; cursor:pointer;}
.top-bar-menu {float:right; display:flex; font-size:12px; height:34px; align-items:center; column-gap:40px;}
.top-bar-menu a {color:var(--white); transition:var(--ease);}
.top-bar-menu a:hover {color:var(--green); transition:var(--ease);}

.logo-area {float:left; width:100%; border-bottom:1px solid var(--border); height:106px; background:var(--white); transition:var(--cubic);}
.logo-area.sticky {position:fixed; top:0; z-index:10; height:70px; transition:var(--cubic);}
.logo-area .container {display:grid; align-items:center; height:100%; grid-template-columns:1fr 550px 1fr; column-gap:60px;}
.logo-area .logo {float:left; display:block;}
.logo-area .header-actions {display: flex;min-height:28px;justify-content: flex-end;font-size: 12px;column-gap: 12px;}
.logo-area .header-actions.ng-cloak {display:flex !important;visibility:hidden;}
.logo-area .mobile-menu-trigger {display:none;}
.mobile-menu-area {display:none;}
.main-navigation-area.sticky {position:absolute; top:104px; z-index:8; transition:var(--cubic);}

.header-actions .user {float:left; position:relative;}
.header-actions .user summary {position:relative;}
.header-actions .user[open] summary:before {content:"";position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--overlay);z-index: 2;}
.header-actions .user > ul {position:absolute; top:calc(100% + 10px); z-index:2; background:var(--white); padding:10px 0px; width:200px;}
.header-actions .user > ul li a {display:block; float:left; width:100%; padding:5px 15px; transition:var(--ease); font-size:12px;}
.header-actions .user > ul li a:hover {background:var(--border); transition:var(--ease);}
.header-actions .cart-icon {position:relative;}
.header-actions .cart-icon span {position:absolute; background:var(--orange); color:var(--white); width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; top:0; right:-4px; font-weight:500;}
.header-actions .mini-cart-trigger .basket-amount {position: absolute; background: var(--orange); color: var(--white); width: 16px; height: 16px; border-radius: 50%; justify-content: center; align-items: center; display: flex; top: -2px; right: -3px; font-weight:600; font-size:11px; padding-top:.5px;}
.header-actions .mini-cart-trigger {position:relative;display:flex;flex:0 0 28px;width:28px;min-width:28px;height:28px;min-height:28px;}

main {float:left; width:100%; margin-top:190px;}

footer {float:left;width:100%;margin-top:80px;margin-bottom: 25px;}
footer .top-footer {float:left; width:100%; background:var(--navy); color:var(--white); padding:30px 0; position:relative;}
footer .top-footer .footer-benefits-carousel {min-height:55px;}
footer .top-footer .item {float:left; width:100%; display:grid; grid-template-columns:50px 1fr; column-gap:20px; align-items:flex-start; margin:0 10px;}
footer .top-footer .footer-benefits-carousel .slick-list {margin:0 -10px;}
footer .top-footer .item figure {width:50px;height:50px;float:left;display:flex;align-items:center;justify-content:center;margin-bottom: 0; margin-top:5px;}
footer .top-footer .item .meta {float:left; width:100%;}
footer .top-footer .item .meta h6 {float:left; width:100%; font-size:14px; font-weight:600; margin-bottom:5px;}
footer .top-footer .item .meta .footer-benefit-title {float:left; width:100%; font-size:14px; font-weight:600; margin-bottom:5px;}
footer .top-footer .item .meta p {font-size:13px;}
footer .top-footer .fbenef-prev {position:absolute; top:calc(50% - 20px); left:5px; display:none; background: var(--navy);}
footer .top-footer .fbenef-prev img {width:28px;}
footer .top-footer .fbenef-next {position:absolute; top:calc(50% - 20px); right:5px; display:none; background: var(--navy);}
footer .top-footer .fbenef-next img {width:28px;}
.middle-footer {float:left;width:100%;}
.middle-footer .container {display:grid;grid-template-columns:1fr 150px;border-top: 1px solid var(--border);padding: 50px 0;align-items: flex-start;}
.middle-footer .container .left {float:left; width:100%; display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; border-right:1px solid var(--border);grid-column-gap: 40px;}
.middle-footer .container .left .item {float:left; width:100%;}
.middle-footer .container .left .item .title {float:left; width:100%; font-size:13px; font-weight:600; margin-bottom:15px;}
.middle-footer .container .left .item ul {font-size:12px;float: left;width: 100%;margin-bottom: 25px;}
.middle-footer .container .left .item ul li a {float:left; width:100%; display:block; padding:7px 0; transition:var(--ease);}
.middle-footer .container .left .item ul li a:hover {transition:var(--ease); color:var(--orange);}
.middle-footer .container .right {text-align:center; display:grid; align-items:flex-start;}
.f-support {float:left; width:100%; margin-bottom:30px;}
.f-support div {float:left;width:100%;font-size: 11px;margin-bottom: 5px;letter-spacing: 0.1em;}
.f-support a {font-weight:500; font-size:16px; float:left; width:100%;transition:var(--ease);}
.f-support a:hover {color:var(--orange); transition:var(--ease);}

.f-social {float:left; width:100%;}
.f-social .title {float:left;width:100%;font-size: 11px;margin-bottom: 10px;letter-spacing: 0.1em;}
.f-social ul {display:flex; justify-content:center; float:left; width:100%; column-gap:3px;}
.f-social ul li a {display:flex; width:36px; height:36px; border:1px solid var(--navy); align-items:center; justify-content:center; border-radius:50%; transition:var(--ease);}
.f-social ul li a img {transition:var(--ease);}
.f-social ul li a:hover {background:var(--navy); transition:var(--ease);}
.f-social ul li a:hover img {filter: invert(100%) sepia(59%) saturate(0%) hue-rotate(168deg) brightness(110%) contrast(100%); transition:var(--ease);}
.bottom-footer {float:left; width:100%;}
.bottom-footer .bank-logos ul {display:flex; float:left; width:100%;}
.bottom-footer .bank-logos ul li {margin:0 10px;width: auto !important;max-width: inherit;}
.bottom-footer .bank-logos ul li img {height: 50px !important; max-width: auto !important;}
.bottom-footer .container {border-top:1px solid var(--border); display:grid; grid-template-columns: 1fr 1.3fr 1fr; padding-top:10px;align-items: center;}
.bottom-footer .copyright {float:left; width:100%; font-size:12px;}
.bottom-footer .bank-logos {float:left; width:100%; justify-content:center; display:flex; align-items:center;margin-top: -5px;}
.bottom-footer .bank-logos img {height:18px;}
.bottom-footer .author {display:grid; justify-content:flex-end;}
.bottom-footer .author img {width:26px;}

/* Product Card */
.product-card {float:left; width:100%; position:relative; background:var(--bg); padding-bottom:50px;}
.product-card .product-image {float:left; width:100%; display:block; aspect-ratio: 1 / 1; mix-blend-mode:multiply; position:relative; padding:25px;}
.product-card .product-image img {float:left; max-height:100%; max-width:100%; height:auto !important;}
.product-card .product-meta {float:left; width:100%; text-align:center;}
.product-card .stars {float:left;width:100%;display:flex;justify-content:center;align-items: center;font-size: 14px;column-gap: 5px;font-weight: 500;letter-spacing: .13em;}
.product-card .brand {font-size:14px;font-weight:600;margin-top: 15px;float: left;width: 100%;}
.product-card .title {float:left;width:100%;font-size:14px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;padding: 0 10px; font-weight: 400;}
.product-card .prices {display: flex; justify-content: center; float: left; width: 100%; column-gap: 10px; margin-top: 15px; align-items:flex-end; margin-bottom:15px;}
.product-card .old-price {font-size:14px; text-decoration:line-through;}
.product-card .new-price {color:var(--orange); font-weight:600;}
.product-card .product-addtocard {background: var(--orange);color:var(--white);width:130px;height:40px;display:flex;float:left;justify-content:center;align-items:center;font-size:12px;font-weight:500;border-radius:100px;position:relative;left:calc(50% - 65px);position:absolute;bottom:0px;opacity:0;transition: var(--ease);visibility:hidden; border:none; cursor:pointer; border:none; outline:none;    z-index: 2;}
.product-card:hover .product-addtocard {bottom:15px; opacity:1; transition:var(--ease); visibility:visible;}
.product-fav-btn.add-fav-btn {position:absolute; top:20px; right:10px; width:40px; height:40px; display:flex; align-items:center; justify-content:center; cursor:pointer; opacity:0; visibility:hidden; transition:var(--ease);z-index: 2;}
.product-fav-btn.add-fav-btn.active {visibility:visible; opacity:1; top:10px;}
.product-card:hover .product-fav-btn.add-fav-btn {top:10px; visibility:visible; opacity:1; transition:var(--ease);}
.product-fav-btn.add-fav-btn .show-on-active {z-index: 0; transition:var(--ease); visibility:hidden; opacity:0;}
.product-fav-btn.add-fav-btn img {position:absolute;z-index: 0; transition:var(--ease);}
.product-fav-btn.add-fav-btn.active .show-on-active {visibility:visible; opacity:1; transition:var(--ease);}
.product-card .product-image picture.p-second-image {position:absolute; top:0; display:none;}
.product-card:hover .product-image picture.p-first-image {visibility: hidden; opacity:0;}
.product-card:hover picture.p-second-image {display:block;}
.product-card .star-1 {background:url(../images/star-1.svg) top center no-repeat;float: left;width: 96px;height: 16px;}
.product-card .star-2 {background:url(../images/star-2.svg) top center no-repeat;float: left;width: 96px;height: 16px;}
.product-card .star-3 {background:url(../images/star-3.svg) top center no-repeat;float: left;width: 96px;height: 16px;}
.product-card .star-4 {background:url(../images/star-4.svg) top center no-repeat;float: left;width: 96px;height: 16px;}
.product-card .star-5 {background:url(../images/star-5.svg) top center no-repeat;float: left;width: 96px;height: 16px;}
.product-card .product-addtocard text {display:none;}
.product-card .product-addtocard > .dot-flashing {display:none;}
.product-card .product-addtocard.loading .dot-flashing {display:block;}
.product-card .product-addtocard.loading span {display:none;}
.product-card .product-addtocard.success {background: var(--green);}
.product-card .product-addtocard.success text {display:block;}
.product-card .product-addtocard.success span {display:none;}
.product-card .product-addtocard.success.loading text {display:none;}

/* Mini Cart 
.mini-cart-content-wrapper {position:fixed; top:0; right:-500px; background:#fff; width:500px; z-index:999; padding:20px; transition: var(--cubic);
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  height: calc(100vh - (var(--safe-area-inset-top) - var(--safe-area-inset-bottom)));
}

.mini-cart-content-wrapper.active {transition:var(--cubic); right:0;}

.mini-cart-close {position:absolute;top:20px;right:20px;cursor: pointer; z-index: 1;}
.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: 600;}
.mini-cart-content {float:left;width:100%;position:relative;height: calc(100vh - 245px);overflow-y:auto;}
.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-content .mini-cart-product:last-child {border-bottom: none;}
.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;margin-bottom: 0;}
.mini-cart-product .prices .op {text-decoration:line-through;font-size: 12px;}
.mini-cart-product .prices .np {color:var(--orange);font-weight:600;font-size: 13px;}
.mini-cart-product .delete {background: var(--border);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;padding-top: 1px;}
.mini-cart-product .delete img {width:14px; margin-top:-3px;}
.mini-cart-footer {position:absolute; bottom:-250px; width:100%; background:var(--bg); 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:block; margin-bottom:20px;}
.mini-cart-buttons a {float:left;width:100%;border:none;height:40px;font-size:12px;font-weight:500;cursor: pointer; display:flex; justify-content: center; align-items: center; border-radius:40px;}
.mini-cart-buttons a.basket-btn {background: var(--navy);color:#fff;}
.mini-cart-buttons a.order-btn {background:var(--orange); color:#fff;}
.mini-cart-content::-webkit-scrollbar {width: 3px;}
.mini-cart-content::-webkit-scrollbar-track {background: #fff;}
.mini-cart-content::-webkit-scrollbar-thumb {background-color: #ddd;}
.mini-cart-overlay {position:fixed;top:0;left:0;width:100vw;height:100vh;background: var(--overlay);z-index:1;opacity:0;visibility:hidden; transition: var(--cubic);}
.mini-cart-overlay.active {opacity:1; visibility:visible; transition: var(--cubic); cursor: url(../images/close-cursor.svg), pointer;}
div#infoset-chat-widget-root {z-index: 1 !important; position: fixed !important;}
*/

.mini-cart-content-wrapper {position:fixed; top:0; right:-500px; background:#fff; width:500px; z-index:12; padding:20px; height:100vh; transition: var(--cubic); transition-delay:.3s;}
.mini-cart-content-wrapper.active {transition:var(--cubic); right:0;}
.mini-cart-content::-webkit-scrollbar {width: 3px;}
.mini-cart-content::-webkit-scrollbar-track {background: #fff;}
.mini-cart-content::-webkit-scrollbar-thumb {background-color: #ddd;}
.mini-cart-close {position:absolute;top:20px;right:20px;cursor: pointer; z-index:1;}
.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-content {float:left;width:100%;position:relative;height: calc(100vh - 245px);overflow-y:auto;}
.mini-cart-content .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-content .mini-cart-product:last-child {border-bottom: none;}
.mini-cart-product a {float:left;display:block; aspect-ratio: 1 / 1;}
.mini-cart-product .mini-cart-product-title a {aspect-ratio: auto;transition: var(--ease);}
.mini-cart-product .meta {float:left;width:100%;}
.j-coupon-features {display: inline-block;font-size: 10px;color: #fff;font-weight: 600;background: var(--navy);text-transform: uppercase;padding: 3px 5px;margin: 0 0 7px;}
.mini-cart-product .meta .j-campaign-badge {display: inline-block;font-size: 10px;padding: 3px 5px;margin: 0 0 7px 0;background: var(--orange);color: var(--white);font-weight: 600;}
.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 .mini-cart-product-title {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;margin-bottom: 0; margin-top:0;}
.mini-cart-product .prices .op {text-decoration:line-through;font-size: 12px;}
.mini-cart-product .prices .np {color:var(--orange);font-weight:600;font-size: 13px;}
.mini-cart-product .delete {background: var(--border);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;padding-top: 1px;}
.mini-cart-product .delete img {width:14px; margin-top:-3px;}
.mini-cart-footer {position:absolute; bottom:-250px; width:100%; background:var(--bg); 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.j-checkout-orange {color: var(--orange);}
.mini-cart-summary li span {float:right;}
.mini-cart-buttons {float:left; width:100%; display:grid;grid-template-columns:1fr; grid-column-gap:10px; margin-bottom:15px;}
.mini-cart-buttons a {float:left;width:100%;border:none;height:40px;font-size:12px;font-weight:500;cursor: pointer; display:flex; justify-content: center; align-items: center; border-radius:40px;}
.mini-cart-buttons a.basket-btn {background: var(--navy);color:#fff;}
.mini-cart-buttons a.order-btn {background:var(--orange); 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: var(--overlay);z-index:11;opacity:0;visibility:hidden; transition: var(--cubic);}
.mini-cart-overlay.active {opacity:1; visibility:visible; transition: var(--cubic); cursor: url(../images/close-cursor.svg), pointer;}
div#infoset-chat-widget-root {z-index: 4 !important; position: fixed !important;}

/* Form Elements */
.form-group {float:left; width:100%; margin-bottom:15px;}
.form-group label {float:left; width:100%; font-size:10px; font-weight:500; margin:0 0 5px 0; color:var(--label);text-transform:uppercase;}
.form-group input:not([autocomplete="one-time-code"]) {float:left; width:100%; height:50px; border:1px solid var(--border); border-radius:3px; padding:0 12px; font-size:14px; font-weight:500; outline:none;}
.form-group input[type=checkbox] {float:left; width:18px; height:18px; position:relative; appearance:none; padding:0; border:none; cursor:pointer;}
.form-group input[type=checkbox]:before {border:1px solid var(--darkborder); width:18px; height:18px; padding:0; position:absolute; top:0; left:0; content:""; border-radius:3px;}
.form-group input[type=checkbox]:checked:before {background:url(../images/check.svg) top -2px center no-repeat; background-size:20px;}
.form-group select {float:left; width:100%; border:1px solid var(--border); height:50px; border-radius:3px; padding:0 12px; font-size:14px; font-weight:500; outline:none; cursor:pointer; appearance:none; background:url(../images/down-arrow.svg) right 8px center no-repeat #fff;}
.form-group textarea {float:left; width:100%; border:1px solid var(--border); height:80px; border-radius:3px; padding:12px; font-size:14px; font-weight:500; outline:none;}
.form-actions {float: right; width: 100%; display: flex; justify-content: end; column-gap:10px; align-items:center;}
.form-actions .save-address-btn {background:var(--navy); border:1px solid var(--navy); color:#fff; font-size:12px; font-weight:500; height:46px; display:flex; justify-content:center; align-items:center; border-radius:5px; padding:0 30px; cursor:pointer;}
.form-actions .cancel-address-btn {background:var(--white); border:1px solid var(--white); color:var(--navy); font-size:12px; font-weight:500; height:46px; display:flex; justify-content:center; align-items:center; border-radius:5px; padding:0 30px; cursor:pointer; transition:var(--ease);}
.form-actions .cancel-address-btn:hover {background:var(--bg); transition:var(--ease);}
.form-grid-2 {display:grid; grid-template-columns:1fr 1fr; float:left; width:100%; column-gap:15px;}
.form-grid-3 {display:grid; grid-template-columns:1fr 1fr 1fr; float:left; width:100%; column-gap:15px;}

/* Main Menu */
@keyframes ddanimation {
  0%    {opacity: 0; margin-top: -10px}
  100%  {opacity: 1; margin-top: 0px}
}
.main-navigation-area {float:left;width:100%;border-bottom: 1px solid var(--border); transition:var(--cubic);background: var(--white);position:absolute; top:140px;}
.main-navigation-area.sticked-menu {top: 0; position: fixed; transition: var(--cubic);}
.main-navigation {float:left;width:100%;}
.main-navigation > ul {float:left;width:100%;display: flex;justify-content: space-between;}
.main-navigation > ul > li {float: left;font-size: 13px;font-weight: 500;}
.main-navigation > ul > li > a {color:var(--navy);text-decoration: none;padding: 15px 0;display:block;position:relative;}
.main-navigation > ul > li > a:before {content:"";width:0;bottom: -1px !important;left:0;background: var(--navy);height:1px;position:absolute;transition:ease all .2s;z-index:3;}
.main-navigation > ul > li > a:hover:before {content:""; width:100%; bottom:-1px; background:var(--navy); height:1px; position:absolute; transition:ease all .2s;}
.dd-menu {cursor:pointer;padding: 15px 25px 15px 0;outline:none; background:url(../images/down-arrow.svg) right center no-repeat;}
.dd-menu summary {position:relative; outline:none; }
.dd-menu summary:before {content:"";width: 0px;bottom: -16px;background: var(--navy);height:1px;position:absolute;transition:ease all .2s;z-index: 3;}
.dd-menu:hover summary:before {content:""; width:100%; bottom:-16px; background:var(--navy); height:1px; position:absolute; transition:ease all .2s; z-index: 3;}
.dd-menu .dd-content {position:absolute;background:#fff;width:100%;top: calc(100% - 1px);padding:15px;display:none;left: 0;z-index: 2;}
.dd-menu:hover > .dd-content {display:block !important;}
.centered-dd-content {float:left;display:flex;justify-content:center;width:100%;padding: 20px 0;}
.centered-dd-content .col {width:200px;margin: 0 20px;}
.centered-dd-content .col-image {margin: 0 0 0 10px;border-left: 1px solid #ddd;padding-left: 30px;display: grid;grid-template-columns: auto auto auto;grid-column-gap: 15px;}
.centered-dd-content .col-image picture {max-width:240px; display: block;}
.centered-dd-content .col h5, .centered-dd-content .col .menu-dd-title {float:left;width:100%;font-size: 13px;font-weight: 600;color: var(--black);margin-bottom: 15px;text-align: right;}
.centered-dd-content .col .menu-dd-title a {font-weight:600;}
.centered-dd-content .col h5.mb0, .centered-dd-content .col .menu-dd-title.mb0 {margin-bottom:0;}
.centered-dd-content .col h5:hover a {color:var(--orange);}
.centered-dd-content .col ul {float:left;width:100%;margin-bottom: 25px;text-align: right;margin-top: -8px;}
.centered-dd-content .col ul li a {display:block;color: var(--black);font-size: 13px;text-decoration:none;padding: 10px 0;font-weight: 400;position: relative; float:left; width:100%;}
.centered-dd-content .col ul li a:before {position:absolute; bottom:5px; width:0; right:0; height:1px; background:var(--black); content:""; transition:ease all .2s;}
.centered-dd-content .col ul li a:hover:before {width:60px; transition:var(--ease);}
.centered-dd-content .col ul li a:hover {color:var(--orange); transition:var(--ease);}
.centered-dd-content .col h5 a {font-weight:600 !important;}
.campaign-menu-item a {color:var(--orange) !important;}
.campaign-menu-item a img {float:left; margin:-3px 5px 0 0}
.j-all-brands {float: left;width: 100%;text-align: center;margin: 15px 0;}
.j-all-brands a {font-weight: 600;font-size: 13px;color: var(--navy);transition: var(--ease);}
.j-all-brands a:hover {color: #d50909; transition: var(--ease);}

/* Quick Search */
.q-header-search {float:left; width:100%; border: 1px solid #ddd; height: 50px; border-radius: 100px; cursor:text; background:url(../images/search-icon.svg) right 16px center no-repeat; position:relative;display: flex; align-items: center; font-size: 12px; padding-left: 22px; color: var(--label);}
.header-search-wrapper{float:left;width:100%;position:fixed;top:0;left:0;right:0;background:var(--white);z-index:6;padding:30px 0;transition:var(--cubic);top:-100vh;max-height:100vh;overflow-y:auto}
.header-search-wrapper.active{top:0;transition:var(--cubic);}
.header-search-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:var(--overlay);z-index:5;transition:var(--cubic);opacity:0;visibility:hidden; cursor: url(../images/close-cursor.svg), pointer;}
.header-search-overlay.active{opacity:1;transition:ease all .2s;visibility:visible}
.header-search-wrapper .header-search{float:left;width:min(100vw - 30px,700px);margin-bottom:30px;left:50%;position:relative;margin-left:-350px}
.header-search-wrapper .header-search form{border: 1px solid var(--border);margin-top:40px;transition:var(--cubic);opacity:0;border-radius: 100px;overflow: hidden;}
.header-search-wrapper.active .header-search form{margin-top:60px;transition:var(--cubic);transition-delay:.4s;opacity:1}
.header-search input::placeholder{color:var(--label);font-weight:400;font-style:italic}
.header-search button{float:right;border:none;background:0 0;font-size:20px;margin: 0;cursor:pointer;width: 45px;z-index:1;position:relative;height: 44px;padding: 0 20px 0 0;}
.header-search input{border:none;height: 50px;padding: 0 20px;font-size:14px;width: calc(100% - 45px);color: var(--navy);border-radius: 100px;overflow: hidden;outline: none;font-weight: 500;}
.header-search input::placeholder{font-size:13px;font-weight:400}.search-ghost-button{float:left;width:340px;position:relative;left:50%;margin-left:-170px;margin-top:10px}
.search-ghost-button span{border:1px solid var(--border);float:left;width:calc(100% - 30px);padding-bottom:8px;font-size:11px;margin-top:5px;font-style:italic;color:#000}
.search-ghost-button i{width:30px;color:var(--border);font-size:18px;margin-left:-5px}
.top-search-close{position:absolute;top:10px;right:20px;font-size:30px;cursor:pointer;color:var(--navy);z-index:1; width:24px; height:24px;}
.top-search-close img {width:24px; height:24px;}
.quick-search-results {float:left; width:100%;}
.quick-search-results .container {grid-template-columns:140px 1fr; display:grid; column-gap:50px;}
.quick-search-left {float:left; width:100%;}
.quick-search-left h5 {float:left; width:100%; font-size:14px; margin-bottom:10px; font-weight:600;}
.quick-search-left-title {float:left; width:100%; font-size:14px; margin-bottom:10px; font-weight:600;}
.quick-search-left ul {float:left; width:100%;}
.quick-search-left ul li {float:left; width:100%;}
.quick-search-left ul li a {font-size:13px; padding:10px 0; float:left; width:100%; transition:var(--ease);}
.quick-search-left ul li a:hover {color:var(--orange) !important; transition:var(--ease); cursor:pointer;}
.quick-search-right {float:left; width:100%;}
.quick-search-right h5 {float:left; width:100%; font-size:14px; font-weight:600; margin-bottom:30px;}
.quick-search-right ul {float:left; width:100%; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:20px; margin-bottom:20px;}
.quick-search-right ul li {background:var(--bg);}
.quick-search-details-btn {border:1px solid var(--navy); height:50px; display:flex; align-items:center; justify-content:center; width:220px; font-size:12px; border-radius:100px; margin:20px auto 100px auto; float:left; left:calc(50% - 110px); position:relative; font-weight:500; transition:var(--ease);}
.quick-search-details-btn:hover {color:var(--white); background:var(--navy);}

@keyframes dot-flashing {
  0% {
    background-color: var(--navy);
  }
  50%,
  100% {
    background-color: var(--white);
  }
}
.dot-flashing {position: relative; width: 8px; height: 8px; border-radius: 5px; background-color: var(--black); color: var(--black); -webkit-animation: dot-flashing .4s infinite linear alternate; animation: dot-flashing .4s infinite linear alternate; -webkit-animation-delay: .2s; animation-delay: .2s;}
.dot-flashing::before, .dot-flashing::after {content: ''; display: inline-block; position: absolute; top: 0;}
.dot-flashing::before {left: -12px; width: 8px; height: 8px; border-radius: 5px; background-color: var(--black); color: var(--black); -webkit-animation: dot-flashing .4s infinite alternate; animation: dot-flashing .4s infinite alternate; -webkit-animation-delay: 0s; animation-delay: 0s;}
.dot-flashing::after {left: 12px; width: 8px; height: 8px; border-radius: 5px; background-color: var(--black); color: var(--black); -webkit-animation: dot-flashing .4s infinite alternate; animation: dot-flashing .4s infinite alternate; -webkit-animation-delay: .4s; animation-delay: .4s;}

.mini-cart-content .empty-cart-alert-area {float:left; width:100%; text-align:center;}
.mini-cart-content .empty-cart-alert-area img {width:180px; margin:0 auto;}
.mini-cart-content .empty-cart-alert-area h5 {font-weight: 600;font-size: 15px;float: left;width:100%;margin-top:30px;margin-bottom: 3px;color: var(--navy);}
.mini-cart-content .empty-cart-alert-area .empty-cart-alert-title {font-weight: 600;font-size: 15px;float: left;width:100%;margin-top:30px;margin-bottom: 3px;color: var(--navy);}
.mini-cart-content .empty-cart-alert-area p {float:left; width:100%; font-size:14px;}
.mini-cart-content .empty-cart-alert-area .empty-mini-basket-btn {background: var(--navy); color: var(--white); border: 1px solid var(--navy); float: left; font-size: 12px; padding: 10px 15px 9px 15px; cursor: pointer; font-weight: 500; border-radius: 3px; outline: none; position:relative; left:calc(50% - 62px);}
.mini-cart-content.empty-mini-cart {height:100vh; display:grid; align-items:center;}

.offcanvas-wrapper {position:fixed; top:0; right:-500px; background:var(--white); max-width:500px; width:50%; padding:20px; height:100vh; overflow-y:auto; transition:var(--cubic); z-index:10;}
.offcanvas-wrapper.active {right:0; transition:var(--cubic);}
.offcanvas-overlay {position:fixed; top:0; left:0; width:100%; height:100vh; background:var(--overlay); z-index:9; visibility:hidden; opacity:0; transition:var(--cubic); cursor:url(../images/close-cursor.svg), pointer;}
.offcanvas-overlay.active {visibility:visible; opacity:1; transition:var(--cubic);}
.panel-close {position: absolute;top: 19px;right: 19px;cursor: pointer;}
.panel-close img {width:26px;}
.pd-panel-title {float:left; width:100%; font-weight:600; margin-bottom:10px;}
.pd-panel-detail {float:left; width:100%; font-size:14px;}



.mobile-menu-accordion-wrapper {float: left;background: #fff;width: 80%;z-index: 100;position: fixed;top: 0;left: -300px;height: 100vh;max-width: 300px;transition:all .55s cubic-bezier(.785,.135,.15,.86);}
.mobile-menu-accordion-wrapper.active {left:0; transition:all .55s cubic-bezier(.785,.135,.15,.86);}
.mobile-menu-accordion-wrapper .mobile-menu-logo {float:left;width: 100%; margin:5px 0 0 0;}
.mobile-menu-accordion-wrapper .mobile-menu-logo img {width:140px;}
.mobile-menu-accordion {float:left; width:100%; margin-top:35px;}
.mobile-menu-accordion > li {border-bottom:1px solid var(--border); float:left; width:100%;}
.mobile-menu-accordion li a.toggle {position:relative; font-weight:600;}
.mobile-menu-accordion li a.toggle:before {content:"";background:url(../images/down-arrow.svg) right center no-repeat;position:absolute;right:0;top: 10px;width: 24px;height: 24px;transition: var(--ease);}
.mobile-menu-accordion li a.toggle.active:before {transition:var(--ease); transform:rotate(180deg);}
.mobile-menu-accordion .inner {float:left; width:100%; overflow: hidden; display: none; padding-bottom:5px;}
.mobile-menu-accordion > li li {padding:0 0 0 10px}
.mobile-menu-accordion li a {float:left; width:100%; display:flex; align-items:center; font-size:13px; padding:15px 0;}
.mobile-menu-accordion > li > a {font-weight:600; font-size:12px;}
.mobile-menu-user-menu {float:left; width:100%; margin-top:20px; font-size:13px; font-weight:500;}
.mobile-menu-accordion-overlay {position:fixed; top:0; left:0; width:100%; height:100vh; background:var(--overlay); z-index:10; visibility:hidden; opacity:0; transition:var(--ease);}
.mobile-menu-accordion-overlay.active {visibility:visible; opacity:1; transition:var(--ease);}
.mobile-search-trigger {display:none;}
.mobile-search-trigger img {width:28px;}

#compareList {position:fixed; top:150vh; background:#fff; z-index:100; width:100%; height:90vh; transition:var(--cubic);}
#compareList .compare-empty-page {opacity:0; transition: var(--cubic); transition-delay: 1s;}
#compareList.active .compare-empty-page {opacity:1; transition: var(--cubic); transition-delay:1s;}
#compareList .breadcrumb {display:none;}
#compareList.active {top:10vh; transition:var(--cubic);}
.comparelist-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:var(--overlay);z-index:5;transition:var(--cubic);opacity:0;visibility:hidden; cursor: url(../images/close-cursor.svg), pointer;}
.comparelist-overlay.active{opacity:1;transition:ease all .2s;visibility:visible}
.comparelist-close {position:absolute; top:30px; right:30px; cursor:pointer;}
.comparelist-close img {width:28px;}
#getCompareList {position:fixed; bottom:21px; left:17px; background:transparent; border:none; cursor:pointer; outline:none; z-index:100; width: 60px; height: 60px; background: var(--navy); border-radius: 50%; display:flex; align-items:center; justify-content:center; visibility:hidden; opacity:0; transition:var(--ease);}
#getCompareList.active { visibility: visible; opacity: 1; transition: var(--ease); transition-delay: 1s;}
#getCompareList img {width:32px;}
#compareList .product-addtocard {display:none;}
.compare-list-scroll-area {overflow-y:auto; height:90vh;}
.compare-list-trigger-bottom-btn {float:left; width:100%; background:var(--navy); height:40px; color:var(--white);font-size: 14px;padding: 9px 20px;cursor: pointer; top:-40px; position:absolute; text-align:center;}
.compare-list-trigger-bottom-btn img {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(4deg) brightness(104%) contrast(101%); margin:0 5px; transition:var(--ease);}
.compare-list-trigger-bottom-btn.active img {transform:rotate(180deg); transition:var(--ease);}


.eye {width: 20px;height: 20px;position: absolute;top: 32px;right: 10px;cursor: pointer;}

.mobile-q-header-search {display: none;float: left;width: 100%;padding: 10px 15px;background: var(--white);}
.mobile-user {display: none;}

.mobile-menu-header {float: left;width: 100%;padding: 0 0 15px 0;margin-bottom: 0;}
.mobile-menu-header a.home {float: left;margin: 2px 0 0 0;}
.mobile-menu-header a.home img {width: 19px;}
.mobile-menu-header a.login {float: left;font-size: 12px;font-weight: 600;text-decoration: none;color: var(--navy);margin: 8px 0 0 15px;letter-spacing: -.03em;}
.mobile-menu-header .mobile-menu-close {float: right;margin: 2px 0 0 0;}
.mobile-menu-header .mobile-menu-close img {width: 19px;}

.mobile-menu-accordion-area {height: calc(100vh - env(safe-area-inset-bottom) - 65px);overflow-y: auto;padding: 20px;}

details.ds-user {float: left; position: relative;}
details.ds-user[open] summary:before { content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: transparent;z-index: 2;}
details.ds-user ul {width: 210px;position: absolute;top: calc(100% + 10px);right: 0;background-color: #fff;padding: 10px;z-index: 2;border: 1px solid var(--border);border-radius: 5px;}
details.ds-user ul li {float: left;width: 100%;margin-bottom: 10px;}
details.ds-user ul li a {float: left;width: 100%;border: 1px solid var(--border);height: 40px;display: flex;justify-content: center;align-items: center; border-radius: 3px;font-weight: 500;}
details.ds-user ul li:first-child a {background-color: var(--orange);color: #fff;border: none;}
details.ds-user ul li:last-child {margin-bottom: 0;}
.header-actions .login {display: none;}

#scn_bcb405a6f6000 {z-index: 5 !important;top: 44% !important;}
#infoset-btn-frame {bottom: 85px !important;}
div#infoset-conv-frame-ctr {height: 500px;bottom: 160px !important;}

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

/* TABLET DIK */
@media screen and (min-width : 768px) and (max-width : 991px) {
	main {margin-top:168px;}
  .container {width:100%; padding:0 15px;}
  .top-bar-menu {display: none;}
  .top-bar-carousel-wrapper {width: 100%;}
  .logo-area {height:70px;}
  .logo-area .container {grid-template-columns: 40px 1fr 1fr;column-gap: 10px;}
  .q-header-search {display: none;}
  .fav-icon {display:none;}	
  .main-navigation-area {display:none;}
  .header-actions .login text, .header-actions .user summary text {display:none;}
  /* .header-actions .login {display: none;} */
  .logo-area .mobile-menu-trigger {display:block;}
  .mini-cart-content-wrapper {width: 100%; right: -100%;}
  .mobile-menu-area {display:block;}
  footer .top-footer .item {margin:0 40px;}
  footer .top-footer .fbenef-prev {display:block;}
  footer .top-footer .fbenef-next {display:block;}
  .middle-footer .container {grid-template-columns: 1fr; padding: 30px 15px;}
  .middle-footer .container .left {grid-template-columns: 1fr 1fr 1fr 1fr;row-gap: 15px;border-right: none;}
  .middle-footer .container .left .item ul li a img {width: 90px !important;}
  .middle-footer .container .right {margin-top: 30px; border-top: 1px solid var(--border); padding-top: 25px; grid-template-columns:1fr 1fr; align-items:flex-start;}
  .bottom-footer .container {grid-template-columns: 1fr; padding-top: 15px;}
  .bottom-footer .copyright {grid-column-start: 1; grid-column-end: 2; text-align: center; margin-bottom: 0; font-size:14px;}
  .bottom-footer .bank-logos ul li {margin:0 15px;}
  .bottom-footer .bank-logos {padding: 0 50px; margin-top: 5px;}
  .bottom-footer .author {justify-content: center;}
  .product-card .product-addtocard {display: none;}
  .product-card {padding-bottom: 0;}
  .product-card .title {font-size: 13px;}
  .product-card .brand {font-size: 13px; margin-bottom: 5px;}
  .product-card .prices {display: block;}
  .offcanvas-wrapper {width: 95vw;}
  .mobile-menu-user-menu a {float:left;width:100%;margin-bottom:15px;display: grid;align-items: center; grid-template-columns:32px 1fr;}
  .mobile-menu-user-menu a img {float:left; margin:0 6px 0 0;}
  .header-search-wrapper .header-search {left: 15px; margin-left: 0;}
  .header-search-wrapper .header-search {left: 15px; margin-left: 0;}
  .quick-search-results .container {grid-template-columns: 1fr;}
  .quick-search-left {display: none;}
  .quick-search-right ul {grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
  .mobile-search-trigger {display:none;}
  .header-actions .user {display:none;}
  .bottom-footer .author img {width: 32px;}
  .product-card .product-fav-btn.add-fav-btn { top: 10px; visibility: visible; opacity: 1; transition: var(--ease);}
  .product-card:hover .product-image picture.p-first-image {visibility:visible; opacity:1;}
  .product-card:hover picture.p-second-image {display:none;}

  .mobile-q-header-search {display: block;}
  .mobile-q-header-search .q-header-search {display: flex;height: 44px;}
  .mobile-user {display: block;}

.header-actions .login {display: block;}
details.ds-user {display: none;}
 
}

/* TELEFON */
@media screen and (max-width :767px) {
  main {margin-top:168px;}
  .container {width:100%; padding:0 15px;}
  .top-bar-menu {display: none;}
  .top-bar-carousel-wrapper {width: 100%;}
  .logo-area {height:70px;}
  .logo-area .container {grid-template-columns: 24px 1fr 1fr;column-gap: 10px;}
  .q-header-search {display: none;}
  .fav-icon {display:none;}	
  .main-navigation-area {display:none;}
  .header-actions .login text, .header-actions .user summary text {display:none;}
  /* .header-actions .login {display: none;} */
  .logo-area .mobile-menu-trigger {display:block;}
  .mini-cart-content-wrapper {width: 100%; right: -100%;}
  .mobile-menu-area {display:block;}
  footer .top-footer .item {margin:0 40px;}
  footer .top-footer .fbenef-prev {display:block;}
  footer .top-footer .fbenef-next {display:block;}
  .middle-footer .container {grid-template-columns: 1fr; padding: 30px 15px;}
  .middle-footer .container .left {grid-template-columns: 1fr 1fr;row-gap: 25px;border-right: none;}
  .middle-footer .container .left .item ul li a img {width: 80px !important;}
  .middle-footer .container .right {margin-top: 30px; border-top: 1px solid var(--border); padding-top: 25px;}
  .bottom-footer .container {grid-template-columns: 1fr; padding-top: 15px;}
  .bottom-footer .copyright {grid-column-start: 1; grid-column-end: 2; text-align: center; margin-bottom: 0;}
  .bottom-footer .bank-logos ul li {margin:0 6px;}
  .bottom-footer .author {justify-content: center;}
  .product-card .product-addtocard {display: none;}
  .product-card {padding-bottom: 0;}
  .product-card .title {font-size: 13px;}
  .product-card .brand {font-size: 13px; margin-bottom: 5px;}
  .product-card .prices {display: block;}
  .offcanvas-wrapper {width: 95vw;}
  .mobile-menu-user-menu a {float:left;width:100%;margin-bottom:15px;display: grid;align-items: center; grid-template-columns:32px 1fr;}
  .mobile-menu-user-menu a img {float:left; margin:0 6px 0 0;}
  .header-search-wrapper .header-search {left: 15px; margin-left: 0;}
  .header-search-wrapper .header-search {left: 15px; margin-left: 0;}
  .quick-search-results .container {grid-template-columns: 1fr;}
  .quick-search-left {display: none;}
  .quick-search-right ul {grid-template-columns: 1fr 1fr; grid-gap: 15px;}
  .mobile-search-trigger {display:none;}
  .header-actions .user {display:none;}

  .product-card .product-fav-btn.add-fav-btn { top: 10px; visibility: visible; opacity: 1; transition: var(--ease);}
  .product-card:hover .product-image picture.p-first-image {visibility:visible; opacity:1;}
  .product-card:hover picture.p-second-image {display:none;}
  .mini-cart-footer {position:fixed;}
  .mini-cart-content-wrapper.active .mini-cart-footer {position:fixed;}

  .mobile-q-header-search {display: block;}
  .mobile-q-header-search .q-header-search {display: flex;height: 44px;}
  .mobile-user {display: block;}

.header-actions .login {display: block;}
details.ds-user {display: none;}



  
}