header {display: none;}
main {margin-top: 0 !important;}
.footer-menu-area {display: none;}
.page-header {float:left;width:100%;height: 106px;}
.page-header .container {grid-template-columns:200px 1fr 200px;align-items:center;height: 106px;display: grid;}
.page-header .header-help {font-size:12px;float:left;display: flex;align-items: center;}
.page-header .header-help img {float:left; margin:0px 5px 0 0;}
.page-header .logo {text-align:center;}
.page-header .header-user {justify-self:flex-end;font-size:12px;display: flex;align-items: center;}
.page-header .header-user img {float:left; margin:-2px 3px 0 0;}

.basket-page-wrapper {float:left; width:100%;}
.basket-page-wrapper .container {grid-template-columns:1fr 340px;grid-column-gap:60px;display: grid;}
.basket-page-header {float:left;width:100%;background: var(--bg);padding:20px 0;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);}
.checkout-wizard {display:flex; justify-content:center; column-gap:100px;}
.checkout-wizard-step {font-size:12px; text-align:center; position:relative; font-weight:500; opacity:.35;}
.checkout-wizard-step.active {opacity:1;}
.checkout-wizard-step figure {float:left; width:100%; margin:0 0 4px 0;}
.checkout-wizard-step:before {content:""; width:80px; height:1px; background:var(--navy); position:absolute; left:-90px; bottom:9px;}
.checkout-wizard .checkout-wizard-step:first-child:before {display:none;}
.basket-page-item {margin:0 10px; text-align:center;}
.basket-page-item h6 {font-size:13px; font-weight:600; float:left;width:100%; margin-bottom:-5px;}
.basket-page-item span {font-size:13px; font-weight:400; color:#333;;}

.basket-products-wrapper {float:left;width:100%;margin-top: 40px;font-size:18px;}
.basket-products-wrapper h5 {float:left;width:100%;font-size: 16px;margin-bottom: 30px;font-weight:600;}
.basket-products {float:left;width:100%;border-top: 1px solid var(--border);margin-top: 0px;}
.basket-products li > div {display:grid;grid-template-columns: 100px 1fr 90px;border-bottom: 1px solid var(--border);padding: 25px 0;grid-column-gap:10px;align-items:stretch;}
.basket-products li .basket-product-price {display: grid;}
.basket-product-image {float: left; display: flex; border: 1px solid var(--border); padding: 10px; width: 100%; aspect-ratio: 1 / 1; height: 110px; justify-content: center; align-items: center;}
.basket-product-image img {filter:brightness(96.5%); max-height:100%; max-width:100%;}
.basket-product-content {float:left; width:100%;}
.basket-product-content .j-campaign-badge {display: inline-block;font-size: 10px;padding: 3px 5px;font-weight: 600;background: var(--orange);color: var(--white);margin: 0 0 7px 0;}
.basket-product-content .name {float:left;width:100%;font-weight:600;font-size: 14px;}
.basket-product-content .brand {font-size: 12px; float:left; width:100%;}
.basket-product-content .bp-color {font-size: 12px;color:var(--body-text);}
.basket-product-content .qtty {float:left;width:100%;font-size: 12px;margin-top: 10px;}
.basket-products li .basket-product-price .prices {display:grid; justify-content:flex-end; height:46px;}
.basket-products li .basket-product-price .prices .op {font-size:12px;text-align:right;text-decoration:line-through;float: right;}
.basket-products li .basket-product-price .prices .np {color: var(--orange);font-weight: 600;font-size:14px;}
.basket-products li .basket-product-price .bp-delete {float:left;align-self:flex-end;justify-self:flex-end;font-size: 11px; cursor:pointer;}
.basket-products li .basket-product-price .bp-delete img {float:left;margin: -3px 3px 0 0;}
.total-basket-actions {float:left;width:100%;margin-top: 25px;display:flex;justify-content:space-between;}
.total-basket-actions div {border: 1px solid var(--navy);font-size:12px;height:40px;line-height:37px;padding: 1px 20px 0 20px;font-weight:500;cursor:pointer;transition:ease all .2s;border-radius: 30px;}
.total-basket-actions div:hover {background:var(--navy); color:#fff; transition:ease all .2s;}
.basket-gift-note-wrapper {float:left;width:100%;margin-top:20px;background: var(--bg);padding: 0px;height: 0px;transition: var(--cubic);overflow:hidden;}
.basket-gift-note-wrapper.active {height:180px; transition: var(--cubic);}
.basket-gift-note-wrapper .form-group {float:left; width:100%;}
.basket-gift-note-wrapper .form-group label {float:left;width:100%;font-size:10px;margin-bottom: 5px;color: var(--navy);font-weight: 500;}
.basket-gift-note-wrapper .form-group textarea {width: 100%;float: left;border: 1px solid var(--darkborder);height: 70px;margin-bottom: 10px;outline: none;padding: 12px 13px;font-size: 13px;font-weight: 600; border-radius:3px;}
.basket-gift-note-wrapper .basket-gift-note {float:left; width:calc(100% - 40px); margin:20px;}
.basket-gift-note-wrapper .form-group button {float: right;height: 40px;border: 1px solid var(--navy);background: var(--navy);color: var(--white);font-size: 11px;padding: 0 20px;font-weight: 500;outline: none;cursor: pointer;border-radius: 50px;}
.basket-gift-cancel {float: right;font-size: 11px;height: 40px;display: flex;align-items: center;padding: 0 20px;font-weight: 500;cursor: pointer;transition: var(--cubic);margin-right: 5px; border-radius:50px;}
.basket-gift-cancel:hover {background:var(--border); transition:var(--cubic);}

.selected-gift-note {float:left;width:100%;display:grid;grid-template-columns: 110px 1fr;grid-column-start:1;grid-column-end: 3;grid-column-gap:10px;}
.selected-gift-note picture {float:left;width:100%;padding: 0px;background:#fff;height: 110px;align-items:center;justify-content:center;display:flex;padding: 27px;border: 1px solid var(--border);}
.selected-gift-note .selected-gift-content span {float:left;width:100%;font-weight:600;font-size:12px;margin-bottom:10px;}
.selected-gift-note .selected-gift-content p {font-size: 12px;line-height:1.9em;float: left;width: 100%;}

.basket-product-carousel-wrapper {float:left; width:100%; margin-top:90px}
.basket-product-carousel-wrapper h6 {float:left; width:100%; font-size:18px; font-weight:600; margin-bottom:25px;}
.basket-product-carousel {float:left;width: 800px;overflow:hidden; padding-bottom:40px;}
.basket-product-carousel .owl-dots {position:absolute;bottom:0px;width:100%;display:flex;z-index:1;align-items: flex-end; justify-content:center;}

/* Right */
.order-summary-wrapper {float:left;position:sticky;top:40px;width:100%;margin-top: 90px;}
.order-summary-wrapper h5 {float:left; width:100%; font-size:16px; font-weight:600; margin-bottom:20px;}
.order-summary-wrapper .order-summary {float:left; width:100%;}
.order-summary-wrapper .order-summary .j-checkout-orange {color: var(--orange);}
.order-summary-wrapper .order-summary li {display:flex; justify-content:space-between; font-size:12px; margin-bottom:15px;}
.order-summary-wrapper .order-summary li:last-child {font-weight:600;}
.coupon-code-wrapper {float:left;width:100%;margin-top: 20px;}
.coupon-code-trigger {float:left;width:100%;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);font-size:12px;font-weight:600;padding: 16px 0 14px 0;cursor:pointer;margin-bottom:10px;}
.coupon-code-trigger img {transition:var(--cubic);}
.coupon-code-trigger.active img {transition:var(--cubic); transform:rotate(-180deg);}
.coupon-code-trigger img {float:right; margin:-2px 0 0 0;}
.coupon-code {float:left;width:100%;background: var(--bg);height: 0;transition: var(--cubic);overflow:hidden;}
.coupon-code.active {transition:var(--cubic); height:100px;}
.coupon-code form {float:left; width:calc(100% - 40px); margin:20px; display:grid; grid-template-columns:1fr 70px;}
.coupon-code form label {font-size:10px; float:left; width:100%; margin-bottom:5px;}
.coupon-code form .form-group {margin-bottom: 0;}
.coupon-code .form-group input {float:left;width:100%;border: 1px solid var(--border);padding: 12px 13px;font-size: 13px;font-weight: 500;height:40px;outline:none;border-radius: 5px 0 0 5px;}
.coupon-code .form-group input[disabled] {background: var(--bg);cursor:not-allowed;}
.coupon-code form button {height:40px;align-self:flex-end;font-size:12px;font-weight:600;color:#fff;background: var(--navy);border: 1px solid var(--navy);outline:none;cursor:pointer;text-align: center;display: flex;justify-content: center;align-items: center;border-radius: 0 5px 5px 0px;}
.coupon-code form button > div {display:none;}
.coupon-code form button.loading span {display:none;}
.coupon-code form button.loading > div {display:block;}

.basket-action-button, .basket-action-button:hover, .basket-action-button:focus {float:left;width:100%;background: var(--orange);color:#fff;height: 44px;border: 1px solid var(--orange);font-size:12px;font-weight:600;outline:none;cursor:pointer;margin-top:10px;display:flex;align-items:center;justify-content:center;border-radius: 40px;}
.basket-back-button, .basket-back-button:hover, .basket-back-button:focus {float:left;width:100%;background: var(--white);color:var(--navy);height: 44px;border: 1px solid var(--navy);font-size:12px;font-weight:600;outline:none;cursor:pointer;margin-top:10px;display:flex;align-items:center;justify-content:center;border-radius: 40px;}
.basket-delivery-time {float:left;width:100%;border: dashed 1px var(--darkborder);padding:10px 10px 10px 37px;margin-top: 20px;font-size:12px;position:relative;line-height:1.7em;border-radius: 0px;}
.basket-delivery-time img {position:absolute;left:10px;top: 13px;}
.basket-page-empty-state {float:left; grid-column-start:1; grid-column-end:3;}
.page-empty-mini-basket {float:left; width:100%; text-align:center; margin-top:100px; min-height:400px}
.page-empty-mini-basket img {width: 180px;margin:0 auto 20px auto;}
.page-empty-mini-basket h5 {font-weight: 600; font-size: 15px; float: left; width: 100%; margin-bottom: 3px; color: var(--navy); text-transform:uppercase;}
.page-empty-mini-basket p {font-size:14px;float:left; width:100%;}
.page-empty-mini-basket .empty-mini-basket-btn {background: var(--navy); color: var(--white); border: 1px solid var(--navy); float: left; font-size: 12px; padding: 10px 35px 9px 35px; cursor: pointer; font-weight: 500; border-radius: 3px; outline: none; position: relative; left: calc(50% - 82px);}
.coupon-message {float:left; width:100%; font-size:11px; text-align:center; color:red; grid-column-end:3; grid-column-start:1; margin-top:3px;}
#basket-gifts {max-width: 50vw; right: -50vw;}
#basket-gifts.active {right:0;}
.basket-gift-banner {float:left;width:100%;display:block;aspect-ratio: 8 / 1;margin-top: 90px; cursor:pointer;}
#basket-gifts .pd-panel-detail {display:grid; grid-template-columns:1fr 1fr 1fr; column-gap:10px; row-gap:40px;}

.basket-item-delete-wrapper {position: fixed; left: calc(50% - 250px); top: calc(50% - 162px); width: 500px; background: #fff; padding: 20px; text-align: center; padding: 0; z-index: 20}
.basket-item-delete-wrapper:before {position: fixed; background: rgba(0,0,0,.4); top: 0; left: 0; width: 100%; height: 100vh; content: ""}
.basket-item-delete {background: #fff; float: left; width: 100%; position: relative; padding: 30px 25px 20px}
.basket-item-delete picture {width:270px; display:block; margin:15px auto 0 auto;}
.basket-item-delete img { margin-bottom: 30px}
.basket-item-delete h5 {float: left; width: 100%; font-weight: 600; font-size: 20px; margin-bottom: 5px}
.basket-item-delete p {font-size: 14px; padding: 0 50px; line-height: 1.5em}
.basket-item-delete .basket-delete-actions {float: left; width: 100%; margin-top: 30px}
.basket-item-delete .basket-delete-actions span { float: left; border: 1px solid var(--border); height: 38px; line-height: 38px; font-size: 11px; padding: 0 25px; margin-right: 5px; font-weight: 500; border-radius: 50px; cursor: pointer; transition: ease all .2s;}
.basket-item-delete .basket-delete-actions span:hover {background: var(--navy); color: #fff; border:1px solid var(--navy);}
.basket-item-delete .basket-delete-actions button.bd-add-to-fav {float: right; height: 38px; border: none; background: var(--orange); color: #fff; font-weight: 600; font-size: 11px; line-height: 38px; padding: 0 25px; border-radius: 50px; cursor: pointer; outline:none;}
.basket-item-delete .bd-item-close {position: absolute; top: 20px; right: 20px; font-size: 22px; cursor:pointer;}

.product-d-spinner {float:left; display:grid; grid-template-columns:32px 32px 32px; height:32px; border:1px solid var(--border); border-radius:5px; margin-top:10px; overflow:hidden;}
.product-d-spinner button {background:var(--bg);width:32px;border:none;cursor:pointer;height: 30px;padding: 0;margin: 0;line-height: 28px; outline:none; transition:var(--ease);}
.product-d-spinner button:hover {background:var(--border); transition:var(--ease);}
.product-d-spinner span:last-child button {border-left:1px solid var(--border);}
.product-d-spinner > input {height:32px; border-top:none; border-bottom:none; border-left:1px solid var(--border); border-right:1px solid var(--border); padding:0; text-align:center; font-size:14px; font-weight:600; margin-right:-17px; padding-bottom:2px;}
.gift-note-trigger text {display:none;}
.gift-note-trigger.active span {display:none;}
.gift-note-trigger.active text {display:block;}

.coupon-code-trigger-btn {float: left; width: 100%; border: 1px solid var(--border); font-size: 12px; font-weight: 600; padding: 16px 15px 14px 15px; cursor: pointer; margin-bottom: 10px; border-radius: 5px; background:var(--white); transition:var(--ease);    margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}
.coupon-code-trigger-btn span {float: right;border: 1px solid var(--border);border-radius: 50%;transform: rotate(270deg);width: 25px;display: flex;justify-content: center;align-items: center;}
.coupon-code-trigger-btn:hover {background:var(--bg);border-radius: 30px;transition:var(--ease);}
.bc-user-coupon-wrapper {float: left; width: 100%; margin-bottom: 20px}
.bc-user-coupon-wrapper summary {border: 1px solid var(--border); cursor: pointer; height: 50px; display: grid; align-items: center; grid-template-columns: 1fr 40px; font-size: 10px; font-weight: 600; padding-left: 15px}
.bc-user-coupon-wrapper summary span {border: 1px solid var(--border); font-size: 12px; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: ease all .2s}
.bc-user-coupon-wrapper[open] summary span {transform: rotate(-180deg); transition: ease all .2s}
.bc-user-coupon-content { padding: 15px; background: var(--bg); float: left; width: 100%; border: 1px solid var(--border); margin-top: -1px; box-sizing: border-box}
.bc-use-coupon-form { float: left; width: 100%}
.bc-use-coupon-form .form-group {float: left; width: 100%; display: grid; grid-template-columns: 1fr 85px; height: 46px; margin-bottom: 5px;}
.bc-use-coupon-form .form-group input {border: 1px solid var(--border); height: 100%; border-radius: 100px 0 0 100px; padding: 14px 13px 14px 18px; font-size: 12px; font-weight: 500; margin-right: -1px}
.bc-use-coupon-form .form-group button {float: left;background: var(--navy);color: #fff;border: 1px solid var(--navy);font-size: 10px;font-weight: 600;border-radius: 0 100px 100px 0;cursor: pointer;}
.bc-campaign-list {float: left; width: 100%}
.bc-campaign-item {float: left; width: 100%; border: 1px solid var(--border); padding: 15px; border-radius: 3px; margin-bottom: 10px; display: grid; grid-template-columns: 1fr 75px; column-gap: 15px; align-items: center}
.bc-campaign-item.active {border: 1px solid var(--orange);}
.bc-campaign-item .left { float: left; width: 100%}
.bc-campaign-item .left h6 {float: left; width: 100%; font-size: 12px; font-weight: 500; margin-bottom: 10px; line-height: 1.4em}
.bc-campaign-item .left p {float: left; width: 100%; font-size: 11px; line-height: 1.7em}
.bc-campaign-item .right { float: right}
.bc-campaign-item button {background: var(--orange); border: 1px solid var(--orange); color: #fff; border-radius: 3px; font-size: 10px; font-weight: 600; padding: 1px 10px 0; float: right; cursor: pointer; height: 36px}
.bc-campaign-item button img {filter: invert(100%) sepia(59%) saturate(0%) hue-rotate(168deg) brightness(110%) contrast(100%);}
.bc-campaign-item .bc-checked {display: none}
.bc-campaign-item.active .bc-check {display: none}
.bc-campaign-item.active .bc-checked {display: block; font-size: 14px}
.empty-code-page {float: left; width: 100%; padding:0 30px;}
.empty-code-image {width: 180px; margin: 0 auto 20px auto;}
.empty-code-page h2 {font-weight: 600; font-size: 15px; float: left; width: 100%; text-align:center; margin-bottom: 3px; color: var(--navy); text-transform: uppercase;}
.empty-code-page p {font-size: 14px; float: left; width: 100%; text-align:center;}

/* hediye */
.gift-product-badge {float:left; background:var(--white); border:1px solid var(--orange); font-size:11px; padding:0 10px; height:28px; display:flex; align-items:center; font-weight:500; border-radius:5px; margin-bottom:8px; color:var(--orange);}
.gift-price {color:var(--orange)}

/* bundle */
.bp-bundles {float:left; width:100%; margin-top:5px;}
.bp-bundle-item {float:left;width:100%;display:grid;grid-template-columns:50px 1fr;font-size:11px;margin-bottom:10px;grid-column-gap: 10px;align-items: center;}
.bp-bundle-item img {border:1px solid #ddd; padding:3px;}
.bp-bundles .bp-bundle-item:last-child {border-bottom:none;}
.bp-bundle-name {float:left;width:100%;font-size:11px;font-weight:600;line-height:1.3em;margin-bottom:3px;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;}
.bp-bundle-color {float:left;width:100%;color:#555;font-weight:500;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box; line-height:22px; font-size:11px;}
.mc-content-wrapper:has(.bp-bundles) {height: auto !important;}
.bp-bundle-item picture {display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; border:1px solid var(--border);}
.bp-bundle-item picture a {width: 50px !important;height: 50px;float: left;width: 100%;aspect-ratio: 1 / 1;display: flex;justify-content: center;align-items: center;}
.bp-bundle-item img {max-height:100%; max-width:100%; border:none;}
.bp-bundle-titles {float: left; width: 100%; font-size: 12px; color: var(--orange); margin-top: 15px; margin-bottom: 14px; font-weight: 500;}



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

/* **** TABLET DIK ***** */
@media screen and (min-width : 768px) and (max-width : 991px) {
    .basket-page-wrapper .container {grid-template-columns:1fr;}
 .basket-page-header .basket-page-item {display:none;}
 .basket-page-header .basket-page-item:first-child {display: block;}
 .page-header .container {grid-template-columns: 180px 1fr 180px;}
 .basket-product-carousel{width: 345px;}
 .basket-products li {grid-template-columns:60px 1fr 100px}
 .selected-gift-note {grid-template-columns:60px 1fr;}
 .basket-gift-banner {margin-top: 30px;}
.checkout-wizard {column-gap: 50px;}
.checkout-wizard-step {font-size: 10px;}
.checkout-wizard-step:before {width: 30px; left: -40px; bottom: 6px;}
.order-summary-wrapper {margin-top: 40px;}
.basket-product-image {align-items: center; display: grid;}
.basket-item-delete-wrapper {width: calc(100vw - 30px); left: 15px;}
.basket-item-delete picture {width: 50vw;}
.basket-item-delete h5 {font-size: 16px;}
.basket-item-delete p {padding: 0;}
.basket-item-delete .basket-delete-actions span {padding: 0 15px;}
.basket-item-delete .basket-delete-actions button.bd-add-to-fav {padding: 0 20px;}
.product-d-spinner > input {width: 33px;}
.basket-product-content .name {font-size: 13px;}
#basket-gifts {max-width: 90vw; right:-90vw;}
#basket-gifts .pd-panel-detail {grid-template-columns: 1fr 1fr 1fr; row-gap: 20px;}
.pd-panel-title {margin-bottom: 30px;}
}

/* **** TELEFON ***** */
@media screen and (max-width : 767px) {
 .basket-page-wrapper .container {grid-template-columns:1fr;}
 .basket-page-header .basket-page-item {display:none;}
 .basket-page-header .basket-page-item:first-child {display: block;}
 .page-header .header-help text {display:none;}
 .page-header .header-user text {display:none;}
 .page-header .container {grid-template-columns: 30px 1fr 30px;}
 .page-header .header-help img, .page-header .header-user img {margin:0;}
 .basket-product-carousel{width: 345px;}
 .basket-products li {grid-template-columns:60px 1fr 100px}
 .selected-gift-note {grid-template-columns:60px 1fr;}
 .basket-gift-banner {margin-top: 30px;}
.checkout-wizard {column-gap: 50px;}
.checkout-wizard-step {font-size: 10px;}
.checkout-wizard-step:before {width: 30px; left: -40px; bottom: 6px;}
.order-summary-wrapper {margin-top: 40px;}
.basket-product-image {align-items: center; display: grid;}
.basket-item-delete-wrapper {width: calc(100vw - 30px); left: 15px;}
.basket-item-delete picture {width: 50vw;}
.basket-item-delete h5 {font-size: 16px;}
.basket-item-delete p {padding: 0;}
.basket-item-delete .basket-delete-actions span {padding: 0 15px;}
.basket-item-delete .basket-delete-actions button.bd-add-to-fav {padding: 0 20px;}
.product-d-spinner > input {width: 33px;}
.basket-product-content .name {font-size: 13px;}
#basket-gifts {max-width: 90vw; right:-90vw;}
#basket-gifts .pd-panel-detail {grid-template-columns: 1fr 1fr; row-gap: 20px;}
.pd-panel-title {margin-bottom: 30px;}
}