/* Global */
.profile-page-content {float:left; width:100%; background:#f3f3f3; padding:50px 0;}
footer {margin-top:0px; border-top:1px solid #ddd}
.profile-page-content .profile-page-menu-wrapper {float:left; width:100%; background:#fff; padding:30px 25px;}
.profile-page-content .profile-page-menu-wrapper h4 {float:left; width:100%; font-size:16px; font-weight:600; border-bottom:1px solid #ddd; padding-bottom:22px; margin-bottom:15px; text-transform:uppercase;}
.profile-page-content .profile-page-menu-wrapper ul {float:left; width:100%;}
.profile-page-content .profile-page-menu-wrapper ul li {float:left; width:100%;}
.profile-page-content .profile-page-menu-wrapper ul li a {display:block; font-size:12.1px; text-decoration:none; color:#000; padding:12px 0}
.profile-page-content .profile-page-menu-wrapper ul li:last-child a {padding-bottom:0;}
.form-group {position: relative;float:left;width:100%;margin-bottom: 15px;}
.form-group-half {position: relative;float:left;width:calc(50% - 5px);margin-bottom: 15px; margin-right:10px;}
.form-group-half.mr-0 {margin-right:0 !important;}
.form-group label, .form-group-half label {color: #333;font-size: 10px;float:left;width:100%;margin-bottom: 0px;font-weight: 500;padding: 10px 0 0 0px;text-transform:uppercase; letter-spacing:-0.03em; text-align:left;}
.form-control {float: left;width: 100%;border: 1px solid #ddd;height: 38px;font-size: 11px;font-weight: 500;color: #000;z-index: 2;background: transparent;position: relative;box-shadow:none;padding: 0px 10px; background-color: #fff;border-radius: 0px; margin-top:5px; -webkit-appearance:none; appearance:none; font-family:'Helvetica'; outline:none; line-height:1.5em; font-family:'Spartan'}
.form-control:disabled {background:#f3f3f3; cursor:not-allowed;}
select.form-control {border-radius: 0 !important;-webkit-appearance: none;background: url(/Content/images/caret-down.png) top 12px right 12px no-repeat;font-size: 11px;background-color: #fff;font-family: 'Spartan'; font-weight:500; line-height:38px;}
textarea.form-control {height: auto; padding:8px 10px; font-size:11px;}
.action-button {background: #000; float: left; width: 100%; display: block; height: 42px; text-align: center; color: #fff; font-family:'Spartan'; text-decoration: none; font-weight: 600; font-size: 11px; padding-top: 1px; border-radius: 0; margin-bottom: 5px; transition: ease all .2s; line-height: 42px; border:none; cursor:pointer;}
.action-button-2 {background: #ff0066; float: left; width: 100%; display: block; height: 42px; text-align: center; color: #fff; font-family:'Spartan'; text-decoration: none; font-weight: 600; font-size: 11px; padding-top: 1px; border-radius: 0; margin-bottom: 5px; transition: ease all .2s; line-height: 42px; border:none; cursor:pointer;}
label.lp-checkbox {position:relative; padding-left:20px; float:left; width:auto; color:#000;}
label.lp-checkbox a {text-decoration:none; color:#000;}
label.lp-checkbox input {position:absolute; left:0; top:6px; margin:0;}
.clearfix {clear:both;}
.portlet {float:left;width:100%;background:#fff;padding:20px;margin-bottom: 15px;}
.portlet-title-with-icon {float:left; width:100%; position:relative; padding-left:60px; display:flex; flex-direction:column; height:60px; justify-content:center;}
.portlet-title-with-icon span {position:absolute; display:flex; left:0; top:4px; background:#000; width:50px; height:50px; border-radius:50%; align-items:center; justify-content:center; color:#fff; font-size:22px;}
.portlet-title-with-icon h4 {float:left; width:100%; font-size:13px; font-weight:600; margin-bottom:3px; line-height:1.4em}
.portlet-title-with-icon p {font-size:12px; line-height:1.45em;}
.portlet-title {float:left; width:100%; margin-bottom:20px; position:relative;}
.portlet-title h4, .portlet-title h1 {float:left; width:100%; font-size:13px; font-weight:600; line-height:1.4em}
.portlet-title h1 span {color:#555; font-size:11px; margin-left:5px}
.portlet-title p {font-size:12px; line-height:1.7em; float: left; width: 100%; margin-top: 2px;}
.portlet-title p a {text-decoration:none; color:#ff0066;}
.profile-content-area .error-msg {float:left; font-size:11px; color:#ff0066;}
/* Dashboard */
.dashboard-welcome {float:left; width:100%; text-align:center; font-size:18px; font-weight:400; letter-spacing:-0.03em; margin-bottom:20px;}
.dashboard-welcome span {font-weight:600;}
.dashboard-faq-list {float:left; width:100%; margin-top:5px; border-top:1px solid #ddd; padding-top:25px;}
.dashboard-faq-list details {float:left; width:100%; font-size:12px;}
.dashboard-faq-list details summary {float:left; width:100%; margin-bottom:13px; cursor:pointer; outline:none;}
.dashboard-faq-list details summary i {float:left; margin:-2px 4px 0 0; transition:ease all .2s;}
.dashboard-faq-list details[open] summary i {transform:rotate(90deg); transition:ease all .2s;}
.dashboard-faq-list details .dashboard-faq-content {float:left; width:100%; margin-bottom:20px;}
.dashboard-faq-list details .dashboard-faq-content p {line-height:1.6em; color:#777;}
.dashboard-all-orders-btn {float:right; width:200px; display:block; border:1px solid #ddd; text-decoration:none; text-align:center; font-size:11px; font-weight:500; letter-spacing:-0.03em; color:#000; padding:18px 0 14px 0; display:block; border-radius:3px; cursor:pointer; transition:ease all .2s;}
.dashboard-all-orders-btn:hover {transition:ease all .2s; background:#000; color:#fff; border:1px solid #000;}
.dashboard-triple-buttons {float:left; width:100%;}
.dashboard-triple-buttons li {float:left; width:calc(33.33% - 10px); margin-right:15px;}
.dashboard-triple-buttons li:last-child {margin-right:0;}
.dashboard-triple-buttons li p {float:left; width:100%; font-size:12px; margin-top:30px; margin-bottom:20px; line-height:1.6em; display: block; height: 60px;}
.dashboard-triple-buttons li .bottom-action {border-top:1px solid #ddd; padding-top:10px; float:left;width:100%; font-size:11px; line-height:1.6em;}
.dashboard-triple-buttons li .bottom-action a {color:#ff0066; text-decoration:none;}

/* Siparislerim */
.profile-order-list {float:left; width:100%; margin-top:20px; }
.profile-order-list li {float:left;width:100%;border:1px solid #ddd;border-radius:3px;overflow:hidden;padding:20px; margin-bottom:15px; height:90px; display:flex; align-items:center; transition:ease all .2s;}
.profile-order-list li:hover {box-shadow:0 0 10px -5px #ccc; transition:ease all .2s;}
.profile-order-list li .images {display:flex;justify-content:flex-start;float:left;width: 130px;}
.profile-order-list li .images img {width:50px; border:1px solid #ddd; border-radius:50%; padding:5px; margin:0 -10px; background:#fff}
.profile-order-list li .meta {width: 240px;float:left;}
.profile-order-list li .meta .order-no {float:left; width:100%; font-size:12px; margin-bottom:7px}
.profile-order-list li .meta .order-no span {font-weight:600;}
.profile-order-list li .meta .date {float:left; width:100%; font-size:12px;}
.profile-order-list li .status {width:200px; float:left;}
.profile-order-list li .status .status-title {float:left; width:100%; font-size:12px; margin-bottom:7px;}
.p-bar {border: 1px solid #ddd; width: 105px; position:relative; height: 8px; border-radius: 0px; background:#fff; float:left;}
.p-bar:before {width:1px; height:6px; content:""; background-color:#ddd; position:absolute; left:25px; top:0; z-index:1;}
.p-bar span {background-color:#ff0066; position:absolute; left:0; width:0; height:6px; z-index:0;}
.p-bar span:before {width:1px; height:6px; content:""; background-color:#ddd; position:absolute; left:51px; top:0; z-index:1;}
.p-bar span:after {width:1px; height:6px; content:""; background-color:#ddd; position:absolute; left:77px; top:0; z-index:1;}
.p-bar.step-0 span {width:0;}
.p-bar.step-1 span {width:25px;}
.p-bar.step-2 span {width:51px;}
.p-bar.step-3 span {width:77px;}
.p-bar.step-4 span {width:103px;}
.profile-order-list li .payment {width: 160px;float:left;}
.profile-order-list li .payment span {float:left;width:100%;font-size: 12px;color:#ff0066;font-weight:700;letter-spacing:-0.03em;margin-bottom:7px;}
.profile-order-list li .payment .payment-type {float:left;width:100%;font-size: 12px;}
.profile-order-list li .action {float:right;width:120px;display:block;border:1px solid #ddd;text-decoration:none;text-align:center;font-size: 10px;font-weight:500;letter-spacing:-0.03em;color:#333;padding: 10px 0 8px 0;padding: 11px 0 8px 0;border-radius:3px;cursor:pointer;transition:ease all .2s;}
.profile-order-list li .action:hover {transition:ease all .2s; background:#000; color:#fff; border:1px solid #000;}
.empty-orders-page {float:left; width:100%; text-align:center; margin-top:50px;}
.empty-orders-page h2 {float: left;width: 100%;text-align: center;font-size: 14px;font-weight: 700;margin-bottom: 8px;color: #000;}
.empty-orders-page p {float:left;width:100%;color: #333;font-size: 12.1px;}
.empty-orders-image {float: left; width: 100%; text-align: center; padding: 0 50px; margin-bottom: 25px;}
.empty-orders-page a {background-color: #ff0066;display: inline-block;float: left;width: 160px;text-align: center;left: 50%;height: 42px;color: #fff;text-decoration: none;font-size: 11px;padding-top: 2px;transition: ease all .2s;margin-top: 20px;position: relative;margin-left: -80px;border-radius: 0px;font-weight: 700;margin-bottom: 40px;font-weight:600;line-height: 42px;}
.profile-orders-list-tabs {float:left; width:100%; position:relative;}
.profile-orders-list-tabs .nav-tabs {float:left;width:100%;margin-bottom: 0px;}
.profile-orders-list-tabs .nav-tabs li {float:left; cursor:pointer;}
.profile-orders-list-tabs .nav-tabs li {color: #000;display: block;background-color: #ffffff; border-bottom:1px solid #fff; text-align: center;margin-right: 5px; padding: 0px;text-decoration: none;font-size: 10px;font-weight: 600;text-transform: uppercase;line-height: 30px; margin-right:35px; color:#777;}
.profile-orders-list-tabs .nav-tabs li.active {color: #000;border-bottom: 1px solid #000;}
.profile-orders-list-tabs .tab-content {display: none; position:relative; float:left; width:100%; margin-top:15px;}
.profile-orders-list-tabs .tab-content.active {display: block;}
.order-list-filter {position:absolute; right:0px; width:100px; top:-55px; cursor:pointer;}
.orders-list-pagination {float:right; margin-top:20px;}
.orders-list-pagination li {float:left; margin-left:4px;}
.orders-list-pagination li a {color:#000; text-decoration:none; font-size:12px; width:25px; height:25px;display:flex; align-items:center; justify-content:center; font-weight:500;}
.orders-list-pagination li a:hover {background:#f3f3f3;}
.orders-list-pagination li a i {font-size:16px; margin-top:-4px}

/* Siparis Detay */ 
.order-detail-info-list {float:left; width:100%; margin-bottom:40px; margin-top:10px;}
.order-detail-info-list li {float:left; width:25%; font-size:12px; font-weight:500;}
.order-detail-info-list li a {color:#ff0066;}
.order-detail-info-list li figure {float:left; display:flex; width:50px; height:50px; align-items:center; justify-content:flex-start;}
.order-detail-info-list li .odil-content {float:left; width:calc(100% - 50px); height:50px; justify-content:center; display:flex; flex-direction:column;}
.order-detail-info-list li .odil-content span {font-size:11px; float:left; width:100%; font-weight:600; margin-bottom:5px; color:#555; letter-spacing:-0.03em;}
.profile-address-list {float:left; width:100%; margin-bottom:30px;}
.profile-address-list > li {float:left; width:calc(50% - 10px); margin-right:20px; border:1px solid #ddd; height:170px; padding:20px; border-radius:3px;}
.profile-address-list > li:last-child {margin-right:0;}
.profile-address-list > li .profile-address {float:left; width:100%;}
.profile-address-list > li .profile-address h5 {float:left; width:100%; font-size:11px; color:#ff0066; font-weight:600; margin-bottom:20px;}
.profile-address-list > li .profile-address h6 {float:left; width:100%; font-weight:600; font-size:11px; margin-bottom:10px;}
.profile-address-list > li .profile-address p {font-size:12px; line-height:1.6em; float:left; width:100%;}
.profile-address-list > li .profile-address ul {float:left; width:100%; margin-top:15px;}
.profile-address-list > li .profile-address ul li {font-size:12px; line-height:1.6em;}
.profile-address-list > li .profile-address ul li span {font-weight:600; float:left; margin-right:5px;}
.order-detail-products-table-titles {float:left; width:100%; border-bottom:1px solid #ddd; padding-bottom:15px; margin-top:30px; display:none;}
.order-detail-products-table-titles.active {display:block;}
.order-detail-products-table-titles li {float:left; width:140px; font-size:10px; font-weight:600;}
.order-detail-products-table-titles li:nth-child(2) {width:300px;}
.order-detail-products-table {float:left; width:100%; position:relative;}
.order-detail-products-table ul {float:left; width:100%;}
.order-detail-products-table ul li {float:left; margin-top:25px; width:100%; border-bottom:1px solid #ddd; padding-bottom:25px;}
.order-detail-products-table ul li figure {float:left; width:120px; margin-right:20px; display:block; filter:brightness(96.5%); height:120px; display:flex; align-items: center;}
.order-detail-products-table ul li figure img {display:block;}
.order-detail-products-table ul li .product-info {float:left;width:300px;display:flex;height: 120px;flex-direction:column;justify-content:center;}
.order-detail-products-table ul li .product-info h5 {float: left; width: 100%; font-weight: 700; color: #000; font-size: 11px; margin-bottom: 10px;}
.order-detail-products-table ul li .product-info h6 {float: left; width: 100%; font-size: 11px; color: #333; margin-bottom: 7px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; line-height: 1.5em; margin-top: 5px; padding-right: 10px; min-height:31px;}
.order-detail-products-table ul li .product-info h4 {-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; float: left; width: 100%; color: #000; font-size: 12.1px; font-weight: 600; line-height: 1.3em; display: -webkit-box; min-height:30px;}
.order-detail-products-table ul li .amount-quantity {float:left; width:140px; display:flex; height:120px; justify-content:center; flex-direction:column; font-size:12.1px; font-weight:600; letter-spacing:-0.03em;}
.order-detail-products-table ul li .return-btn {float: right; height: 30px; line-height:30px; text-decoration:none; border: 1px solid #ddd; background: #fff; color: #333; font-weight: 500; padding: 0 15px; border-radius: 3px; font-size: 10px; cursor: pointer; transition: ease all .2s; margin-top:43px; letter-spacing:-0.03em}
.order-detail-products-table ul li .return-btn:hover {background:#000; color:#fff; transition:ease all .2s; border:1px solid #000;}
.profile-order-detail-buttons {float:left; width:calc(100% - 300px); margin-top:40px;}
.profile-order-detail-buttons li {float:left; border-right:1px solid #ddd; height:40px; padding-left:20px; padding-right:0px; padding-top:4px;}
.profile-order-detail-buttons li:last-child {border-right:none; width:170px;}
.profile-order-detail-buttons li:first-child {padding-left:0;}
.profile-order-detail-buttons li a {color:#777; text-decoration:none; font-size:12px; height:40px; align-items:center; font-weight:500; letter-spacing:-0.03em; transition:ease all .2s;}
.profile-order-detail-buttons li a:hover {color:#000; transition:ease all .2s;}
.profile-order-detail-buttons li a figure {float:left; width:40px;}
.profile-order-detail-buttons li a .podb-c {float:left; width:calc(100% - 40px); padding-top:4px}
.profile-order-detail-buttons li a .podb-c span {float:left; width:100%; margin-top:4px;}
.profile-order-detail-buttons li i {float:left; font-size:30px; margin-right:5px;}
.profile-order-detail-summary {float:right; width:280px; margin-top:40px;}
.profile-order-detail-summary ul li {float:left; width:100%; font-size:12.1px; margin-bottom:30px;}
.profile-order-detail-summary ul li span {float:right;}
.profile-order-detail-summary ul li:last-child {font-weight:600;}
.profile-order-detail-summary .whole-order-cancel-btn {float:left; width:100%; border:1px solid #ddd; height:42px; border-radius:3px; background:#fff; font-size:12.1px; font-weight:400; letter-spacing:0.04em; cursor:pointer; margin-bottom:30px;}
.return-reason-form {position:relative; float:right; width:100%; background:#f3f3f3; padding:20px; margin-top:20px; display:none;}
.return-reason-form.active {display:block;}
.return-reason-form .return-reason-form-close {float:right; font-size:18px; margin-bottom:5px;}
.return-reason-form .rtf-title {float:left; width:100%;}
.return-reason-form .rtf-title h6 {float:left; width:auto; font-size:11px; margin-top:7px; font-weight:500;}
.return-reason-form form {float:left; width:100%;}
.return-reason-form textarea {float:left; width:100%; border:1px solid #ddd; height:80px; outline:none; padding:10px; font-size:12px; font-family:'Spartan';}
.return-reason-form button {float: right; padding: 0 18px; background: #000; border: none; height: 40px; color: #fff; font-size: 10px; text-transform: uppercase; line-height: 42px; cursor: pointer; font-weight: 500;}
.return-reason-form button[disabled] {opacity: .4; cursor:not-allowed;}
.return-process-message span {text-transform:none !important; font-weight:400 !important;}
.return-reason-message {float:left; width:100%; background:#f3f3f3; padding:10px; font-size:12.1px; font-weight:500; margin-top:10px;}
span.return-info {float:left; width:100%; font-size:10px; color:#ff0066; font-weight:600; margin-bottom:10px;}
span.return-info i {float:left; font-size:13px; margin:-3px 5px 0 0;}
/* Adreslerim */
.profile-address-list-wrapper {float:left; width:100%; margin-top:10px;}
.profile-address-list {float:left; width:100%;}
.profile-address-list li {float:left; width:calc(50% - 30px); border:1px solid #ddd; padding:20px 20px 20px 20px; height:250px; margin:0 30px 30px 0; position: relative;}
.profile-address-list li:hover {border:1px solid #bbb;}
.profile-address-list li h6 {font-weight: 600; font-size: 12px; float: left; width: 100%; margin-bottom: 10px; color: #000; letter-spacing: -.03em;}
.profile-address-list li h5 {font-weight: 600; font-size: 11px; float: left; width: 100%; margin-bottom: 20px; color: #ff0066; letter-spacing: -.03em; text-transform:uppercase;}
.profile-address-list li p {font-size: 12px; line-height: 1.7em;}
.profile-address-list ul {float: left; width: 100%; margin-top:10px}
.profile-address-list ul li {border:none; height:auto; float:left; width:100%; margin:0 0 11px 0; padding:0; font-size:11px; transition:ease all 300ms;}
.profile-address-list ul li:hover {border:none;}
.profile-address-list ul li span {float:left; font-weight:600; margin-right:6px;}
.profile-address-list li.new-address a {display:block;position:absolute;top:0px;left:0;bottom:0;right:0;text-align:center;color: #000;text-decoration: none;font-size:12px;font-weight:500;padding-top: 90px;cursor: pointer;}
.profile-address-list li.new-address a i {border: 1px solid #000;width:30px;display:block;height:30px;border-radius:50%;position:relative;left:50%;margin-left:-15px;padding-top:8px;margin-bottom:8px;}
.profile-address-list li.new-address a i:before {font-size: 13px; margin-left: 1px;}
.profile-address-list li.editing {position:relative; background-color:#fff; height:auto; padding:20px;}
.profile-address-list li.editing:before, .profile-address-list li.mapping:before {opacity:0;}
.profile-address-list li form, .profile-address-list li #map {display: none;}
.profile-address-list li.editing .form-group {margin-bottom: 20px;}
.profile-address-list li.editing form {display:block;}
.profile-address-list li.editing .new-address-btn-a {display: none;}
.profile-address-list li.editing .address-list-c, .profile-address-list li.editing #map {opacity: 0; display: none;}
.profile-address-list li.mapping {padding: 0; height: 562px;}
.profile-address-list li.mapping #map {opacity: 1; display: block;}
.profile-address-list li.mapping form, .profile-address-list li.mapping .address-list-c {display:none;}
.profile-address-list li:nth-child(2n + 1) {clear: both;}
.profile-address-list li.new-address:before, .profile-address-list li ul li:before {display: none;}
.profile-address-list li .address-list-c-a {color: #000; text-decoration: none; font-size: 9px; float: left; margin-top: 8px; border: 1px solid #ccc; margin-right: 5px; width:70px; text-align:center; font-weight: 600; height:28px; line-height:28px; border-radius:3px; text-transform:uppercase; transition:ease all .2s; letter-spacing:-0.03em;}
.profile-address-list li .address-list-c-a:hover {border:1px solid #000; transition:ease all .2s;}
.profile-address-list li .save-address-btn {background-color: #ff0066; float: right; height: 40px; border: none; color: #fff; padding: 0 30px; font-size: 11px; font-weight: 600; cursor: pointer;}
.profile-address-list li .cancel-address-btn {background: transparent; height: 40px; font-size: 11px; font-weight: 600; padding: 0 20px; border: none; color: #464646; float: right; margin-right: 10px;}
.profile-address-list li.editing .n-address-btn {display:none;}
.profile-address-list li .n-address-btn img {border: 1px solid #000; border-radius: 50%; left: 50%; position: relative; margin-left: -13px; margin-bottom: 15px;}
.profile-address-list li .cancel-address-btn:hover {background:#f3f3f3; cursor:pointer;}

/* Favoriler */
.profile-favorites-images {float:left; width:100%;}
.profile-favorites-images ul {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:10px;}
.profile-favorites-images li .product-card {padding-bottom:60px}
.profile-favorites-images li .fav-delete-btn {width: 30px; height: 30px; font-size: 18px; position: absolute; top: 5px; right: 5px; display: flex; place-content: center; place-items: center; cursor: pointer; transition: ease all .2s;}
.profile-favorites-images li .fav-delete-btn:hover {background:#000; color:#fff; transition:ease all .2s; border:1px solid #000;}
.portlet-title-action-btn {position:absolute; top:-10px; right:7px; border:1px solid #ddd; height:34px; text-decoration:none; font-size:12px; width:120px; text-align:center; line-height:34px; color:#000; font-size:11px; font-weight:500; border-radius:3px; transition:ease all .2s; letter-spacing:-0.04em; padding-top:1px;}
.portlet-title-action-btn:hover {color:#fff; background:#000; border:1px solid #000;}

/* Bize Ulasin */
.profile-contact-us-form {float:left; width:100%; margin-top:10px;}
.label-helper {float:left; width:100%; color:#888; margin-top:4px; text-transform:none; font-size:11px; line-height:1.5em;}
label.lp-checkbox.with-helper input {top:10px;}
.profile-form-selection-list {float:left; width:100%; margin-top:25px;}
.profile-form-selection-list li {float:left; width:100%; margin-bottom:15px;}

/* Guzellik Profilim */
.profile-beauty-profile-form {float:left; width:100%; margin-top:10px;}
.profile-beauty-profile-form h5 {color:#ff0066; float:left; width:100%; font-size:12px; font-weight:600; margin-bottom:25px; margin-top:25px;}
.profile-beauty-profile-form h5 img {float:left; margin:-7px 7px 0 0;}
.profile-beauty-profile-form .profile-form-selection-list li {float:left;width: 50%;}

/* Uzmana Sor */
.beauty-consultants {float:left; width:100%; margin:10px 0 30px;}
.beauty-consultants li {float:left; margin-right:1px;}
.profile-ask-consultants-form .profile-form-selection-list li {float: left; width: 50%;}
.profile-form-selection-list.horizontal-selection li {float:left; width:auto; margin-right:35px;}
.profile-info-box {float:left; width:100%; padding:8px 10px; background:#f3f3f3; border:1px solid #ddd; font-size:11px; text-align:center; line-height:1.5em; margin-top:25px;}

/* Mobile Menu */

.profile-mobile-menu {padding: 20px; background: #fff; float: left; width: 100%; margin-bottom: 10px;}
.profile-mobile-menu summary {font-size: 13px; font-weight: 600; float: left; width: 100%;}
.profile-mobile-menu summary i {font-size: 11px; margin: 0px 0 0 0; float: right; transition:ease all .2s;}
.profile-mobile-menu[open] summary i {transform:rotate(45deg); transition:ease all .2s;}
.profile-mobile-menu ul {float: left; width: 100%;  padding-top:15px;}
.profile-mobile-menu ul li {float: left;  width: 100%;}
.profile-mobile-menu ul li a {color:#000; text-decoration: none; display: block; padding:10px 0; font-size:12px;}
#eda-the-count {float:right; font-size:11px; margin-top:8px;}
.gud-list-wrapper {float:left; width:100%; margin-top:20px; margin-bottom:30px;}
.gud-list-item {float:left; width:100%; margin-bottom:30px;}
.gud-list-item figure {float:left; width:70px; display:flex; align-items:flex-start;}
.gud-list-content {float:left; width:calc(100% - 220px); padding-top:20px;}
.gud-list-content h6 {float:left; width:100%; font-weight:500; margin-bottom:5px; font-size:12.1px}
.gud-list-content h6 a {text-decoration:none; color:#ff0066;}
.gud-list-content p {float:left; width:100%; font-size:11px;}
.gud-time-info {float:right; width:150px; border:1px solid #ddd; text-align:center; font-weight:500; font-size:11px; padding:10px 0; border-radius:3px; margin-top:5px; color:inherit;}
.gud-time-info span {float:left; width:100%; font-size:10px; margin-top:5px;}

/* Dialog Box */
.basket-item-delete-wrapper {position:fixed;left:calc(50% - 250px);top:calc(50% - 162px);width:500px;background:#fff;padding:20px;text-align:center;padding: 0px;z-index:10; display:none;}
.basket-item-delete-wrapper:before {position:fixed; background:rgba(0,0,0,0.4); top:0; left:0; width:100%; height:100vh; content:"";}
.basket-item-delete-wrapper.active {display:block;}
.basket-item-delete {background:#fff;float:left;width:100%;position: relative;padding:30px 25px 20px 25px;}
.basket-item-delete img {margin-bottom:30px;}
.basket-item-delete h5 {float:left; width:100%; font-weight:600; font-size:15px; margin-bottom:5px;}
.basket-item-delete p {font-size:12.1px; 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 #ddd; height:38px; line-height:40px; font-size:11px !important; padding:0 15px; margin-right:5px; font-weight:500; border-radius:3px; cursor:pointer; transition:ease all .2s;}
.basket-item-delete .basket-delete-actions span:hover {background:#ddd; color:#fff;}
.basket-item-delete .bd-add-to-fav {float:right; height:38px; border:none; background:#ff0066; color:#fff; font-weight:500; font-size:11px; font-family:'Spartan'; line-height:40px; padding:0 15px; border-radius:3px;}
.basket-item-delete .bd-item-close {position:absolute; top:20px; right:20px; font-size:22px; cursor:pointer;}

.p-logout-wrapper {position:fixed;left:calc(50% - 250px);top:calc(50% - 162px);width:500px;background:#fff;padding:20px;text-align:center;padding: 0px;z-index:10; display:none;}
.p-logout-wrapper:before {position:fixed; background:rgba(0,0,0,0.4); top:0; left:0; width:100%; height:100vh; content:"";}
.p-logout-wrapper.active {display:block;}
.p-logout {background:#fff;float:left;width:100%;position: relative;padding:30px 25px 20px 25px;}
.p-logout img {margin-bottom:30px;}
.p-logout h5 {float:left; width:100%; font-weight:600; font-size:15px; margin-bottom:5px;}
.p-logout p {font-size:12.1px; padding:0 50px; line-height:1.5em;}
.p-logout .plp-actions {float:left; width:100%; margin-top:30px;}
.p-logout .plp-actions span {float:left; border:1px solid #ddd; height:38px; line-height:40px; font-size:11px !important; padding:0 15px; margin-right:5px; font-weight:500; border-radius:3px; cursor:pointer; transition:ease all .2s;}
.p-logout .plp-actions span:hover {background:#ddd; color:#fff;}
.p-logout .bd-add-to-fav {float:right; height:38px; border:none; background:#ff0066; color:#fff; font-weight:500; font-size:11px; font-family:'Spartan'; line-height:40px; padding:0 15px; border-radius:3px; text-decoration:none;}
.p-logout .plp-close {position:absolute; top:20px; right:20px; font-size:22px; cursor:pointer;}
.pclick-recommend {float:left; width:100%; margin-top:60px;}
div#contact-message {color:#ff0066; font-size:11px; float:left; margin-top:-10px}

.return-process-wrapper {float: left; width: 100%; margin-top: 20px; background: #f3f3f3; padding: 20px;}
.return-process-timeline {float: left; width: 100%; margin: 10px 0;}
.return-process-timeline li {float: left; width: 100%; border-bottom: none !important; position: relative; padding-left: 20px; border-left: 1px solid #ddd; margin-top: 0 !important; padding-bottom: 50px !important;}
.return-process-timeline li:last-child {padding-bottom:0 !important;}
.return-process-timeline li:before {position: absolute; top: 0; left: 0; width: 8px; height: 8px; background: #000; content: ""; border-radius: 50%; margin-left: -4px;}
.return-process-timeline li span {float: left; width: 100%; font-weight: 600; font-size: 12.1px; margin-bottom: 7px; text-transform: uppercase; line-height:1.9em;}
.return-process-message {background: #fff; float: left; padding: 20px; border-radius: 10px; font-size: 11.5px; box-shadow: 0 0 5px -1px #ccc; line-height: 1.5em;}
.return-process-key {color: #ff0066; float: left; width: 100%; margin-top: 10px; }
.return-process-title {float: left; width: 100%; font-size: 12px; font-weight: 700; color: #ff0066; margin-top: 30px;}
.old-order-info-list {float:left; width:100%; margin-bottom:30px;}
.old-order-info-list li {float:left; width:100%; font-size:12.1px; position:relative; padding-left:180px; margin-bottom:10px; min-height:16px; line-height:1.6em}
.old-order-info-list li a {color:#ff0066; text-decoration:none; border-bottom:1px solid #ff0066;}
.old-order-info-list li span {position:absolute; left:0; font-weight:400;}
.old-order-info-table {float:left; width:100%;}
.old-order-info-table th {padding:10px; background:#f3f3f3; font-size:11px;}
.old-order-info-table td {padding:10px; font-size:11px;}
.old-order-info-table td:last-child {max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.old-order-back-btn {    position: absolute;    top: 22px; font-size: 12px; color: #000; right: 35px;}
.old-order-table-overflow {float:left; width:100%; overflow-x:scroll; margin-bottom:30px;}

.activate-return-btn {position:absolute; right:0; display:none; border:1px solid #ff0066; color:#ff0066; font-size:10px; height:28px; line-height:30px; padding:0 14px; margin-top:-36px; right:0; border-radius:3px; font-weight:500; cursor:pointer; top:0;}
.activate-return-btn.active {display:block;}
.order-cancel-btn {position: absolute; right: 0; border: 1px solid #ff0066; color: #ff0066; font-size: 10px; height: 28px; line-height: 30px; padding: 0 14px; margin-top: -36px; cursor:pointer;
    right: 35px; border-radius: 3px; background:#fff;
    font-weight: 500; cursor: pointer;}
.opdt-active.active li {width:100% !important;}
.return-checkbox {position:relative !important; float:left; display:none;}
.return-checkbox.active {display:block;}
.return-form {float:left; width:100%; margin-top:15px; position:relative;}
.return-form-line {float:left;width:100%;margin-top:15px;padding-left:230px;position: relative;}
.return-form-line label {float:left;width:100%;font-size:11px;margin-bottom:3px;width:230px;position:absolute;left:0;top: 16px;}
.return-form-line select {border:1px solid #ddd;appearance:none;cursor:pointer;height:40px;width:100%;padding:0 13px;font-family: 'Spartan';font-size: 12px; background:url(/Content/images/caret-down.png) top 12px right 12px no-repeat #fff; line-height:40px;}

.return-form-warning {float:left; width:100%; background:#ffcde1; padding:15px; font-size:12px; line-height:1.4em; color:#b7044c}
.m-activate-return-btn, .m-activate-return-btn.active {display: none;}

.quick-p-search-wrapper {position:relative; float:left;width:100%;}
.quick-search-results {position:absolute; background:#fff; box-shadow:0 0 10px 0 #ccc; top:34px; max-height:215px; overflow-y:auto;}
.quick-search-results ul {float:left; width:100%;}
.quick-search-results ul li {float:left; width:100%; position:relative;}
.quick-search-results ul li a {text-decoration:none; color:inherit; display:block; width:100%; float:left;}
.quick-search-results ul li:hover {background:#f3f3f3;}
.quick-search-results ul li figure {float:left; width:60px; padding:10px}
.quick-search-results ul li h6 {float:left; font-size:12.1px; font-weight:500;}
.quick-search-results ul li .qp-meta {float: left; font-size: 11px; font-weight: 400; margin-top: 7px;}
.quick-search-results ul li .qp-color {float:right;height:60px;padding-top:10px; padding-right:10px; width:200px;}
.quick-search-results ul li .qp-content {float:left;width:calc(100% - 260px);padding-left:10px;height: 60px;display: flex;flex-direction: column;justify-content: center;}
.quick-search-results ul li .qp-color .color {height:40px; width:40px; float:right;}
.quick-search-results ul li .qp-color .name {float:right; height:40px; display:flex; align-items:center; font-size:10px; font-weight:600; margin-right:10px;}
.quick-search-results ul li .qp-content .q-color {display:none;}
.qucik-p-search-result {float:left; width:100%;}
.qucik-p-search-result .qps-item {float:left; width:100%;}
.qucik-p-search-result .qps-item figure {float:left; width:200px; border:1px solid #ddd; padding:10px; margin-right:20px;}
.qucik-p-search-result .qps-item .qps-content {float:left; width:calc(100% - 220px);}
.qucik-p-search-result .qps-item .qps-content h2 {float: left; width: 100%; color: #000; font-size: 12px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; line-height: 1.9em;}
.qucik-p-search-result .qps-item .qps-content .name-gr {float: left; width: 100%; font-size: 14px; font-weight: 700; color: #000; margin-bottom: 20px;}
.qucik-p-search-result .qps-item .qps-content .name-gr h1 {display:inline-block;}
.qucik-p-search-result .qps-item .qps-content .name-gr span {display: inline-block; font-size: 11px; color: #aaa;}
.qucik-p-search-result .qps-item .qps-content .p-detail-excerpt {float: left; width: 100%; font-size: 11px; color: #000; line-height: 1.7em; margin-bottom: 30px;}
.qucik-p-search-result .qps-item .qps-content .p-detail-prices {float: left; width: 100%; margin-bottom: 20px; padding-bottom: 20px;}
.qucik-p-search-result .qps-item .qps-content .p-detail-prices .op {float: left; font-weight: 600; font-size: 13px; margin-right: 10px; margin-top: 2px; text-decoration: line-through; color: #000;}
.qucik-p-search-result .qps-item .qps-content .p-detail-prices .np {float: left; font-weight: 700; color: #f06; font-size: 15px; margin-right: 15px; letter-spacing: -.02em;}
.generate-link-btn {float: left; height: 44px; background: #f06; border: none; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 12px; cursor: pointer; width: 100%; font-family: spartan; line-height: 44px;}
.qucik-p-search-result h5 {float:left; width:100%; font-size:12px; font-weight:600; margin-bottom:20px; margin-top:10px;}
.copied {position: absolute; background: #000; color: #fff; font-weight: 600; z-index: 99; width: 100%; top: 30px; text-align: center; padding: 15px; display: none; font-size: 11px;}
.copy-to-clipboard {float:left; width:100%;}
.copy-to-clipboard input { border: none; background:#f3f3f3; padding:15px 15px; margin-top:10px; width:100%; cursor:pointer; font-family:'Spartan'; font-size:11px; font-weight:600; transition:ease all .2s;}
.copy-to-clipboard input:hover {background:#eee; transition:ease all .2s;}
.input-with-btn {float:left; width:100%; position:relative;}
.input-with-btn input {float:left; width:calc(100% - 100px);}
.input-with-btn button {width:100px; background:#fff; border:1px solid #ddd; color:#000; margin-top:5px; float:right; heighT:38px; cursor:pointer; transition:ease all .2s; border-left:none;}
.input-with-btn button:hover {background:#000; color:#fff; transition:ease all .2s;}
.search-link-loading {position:absolute; top:13px; right:110px; width:20px; z-index:2; display:none;}
.input-with-btn.loading .search-link-loading {display:block;}
.qsr-loading {position:absolute; left:0; width:60px; height:60px; display:block; background:#fff; padding:17px; top:2px; display:none;}
.qsr-loading img {max-width:100%;}
.quick-search-results ul li.loading .qsr-loading {display:block;}
.qps-other-colors {float:left; width:100%;}
.qps-other-colors h6 {float:left; width:100%; font-size:11px; font-weight:600; margin-bottom:10px;}
.qps-other-colors ul {float:left; width:100%; margin-bottom:10px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.qps-other-colors ul li {width:60px; float:left; margin-right:3px; cursor:pointer; margin-bottom:5px;}
.qps-other-colors ul li figure {width:100% !important; border:none !important; padding:0 !important; height:50px !important;}
.qps-other-colors ul li.active figure {border:2px solid #000 !important;}
.qps-other-colors ul li.active span {color:#ff0066; font-weighT:500;}
.qps-other-colors ul li span {font-size:11px; text-align:center; display:block; float:left; width:100%; margin-top:6px; font-weight:500;}
.contact-success-area {float:left; width:100%; background:#fff; padding:30px 40px; text-align:center;}
.contact-success-area picture {width:200px; display:block; margin:0 auto; margin-bottom:20px;}
.contact-success-area picture img {max-width:100%;}
.contact-success-area .contact-success-title {float:left; width:100%; color:#ff0066; font-weight:500; letter-spacing:-0.03em; text-transform:uppercase; font-size:13px; margin-bottom:5px;}
.contact-success-area p {font-size:13px;}
.order-detail-products-table ul li .product-info h4 a, .order-detail-products-table ul li .product-info h5 a {color:inherit;}
.return-form-popup-wrapper {position:fixed; top:0; left:0; display:grid; place-items:center; width:100%; height:100vh; background:rgba(0,0,0,0.3); z-index:10;}
.return-form-popup { width:560px; background:#fff; padding:30px 20px; position:relative; font-size:12px; line-height:1.4em;}
.return-form-popup p {margin-bottom:15px; line-height:1.8em;}
.return-form-popup p span {font-weight:600;}
.return-form-popup p a {color:inherit; font-weight:600; border-bottom:1px solid #000;}
.return-form-popup p:last-child {margin-bottom:0;}
.return-form-popup h6 {float:left; width:100%; color:#ff0066; font-weight:600; margin-bottom:15px; text-transform:uppercase; font-size:12px;}
.return-popup-close {position:absolute; top:20px; right:20px; font-size:24px; cursor:pointer;}
.profile-content-area {float:left; width:100%;}
.profile-favorites-images ul li .plist-color {margin-bottom:-34px;}
.fav-listing-switch {display:none;}
.campaign-badge, .new-badge {position: absolute; top: 15px; left: 15px; background: #000; z-index: 1; color: #fff; font-size: 10px; height: 20px; padding: 6px 7px; font-weight: 600; letter-spacing: -.05em; text-transform: uppercase;}
.fav-inthe-basket-btn {position: absolute; bottom: 0; left: 50%; width: 110px; background: #000; border: none; color: #fff; font-size: 10px; border-radius: 3px; margin-left: -55px; cursor: pointer; transition: ease all .2s; opacity: 0; visibility: hidden; font-family: Spartan; font-weight: 600; height: 32px; line-height: 34px; text-align:center;}
.product-card:hover .fav-inthe-basket-btn {opacity: 1; margin-top: 0; visibility: visible; transition: ease all .2s; bottom: 18px;}


/* Kredi Kartı Saklama */

.saved-cc-list {float:left; width:100%; display:grid; grid-template-columns:1fr 1fr; grid-gap:20px; margin-top:10px;}
.saved-cc-item {float:left; width:100%;}
.s-cc-item {float:left; width:100%; position:relative; border:2px solid #ddd; padding:25px; border-radius:5px; min-height:210px;}
.s-cc-item picture {float:left;height: 40px;display: flex;align-items: center;margin-bottom: 20px;}
.s-cc-item picture img {max-height: 100%;}
.s-cc-item figure {width:40px; position:absolute; bottom:13px; right:13px;}
.s-cc-item figure img {max-width:100%;}
.s-cc-item .saved-cc-no {float:left; width:100%; font-size:18px; font-weight:500; margin-top:10px;}
.s-cc-item h6 {float:left;width:100%;font-size: 11px;font-weight: 700;}
.s-cc-item .saved-cc-actions {float:left; width:100%; display:flex; column-gap:0px; margin-top:20px;}
.s-cc-item .saved-cc-edit {color: #000; text-decoration: none; font-size: 9px; float: left; margin-top: 8px; border: 1px solid #ccc; margin-right: 5px; width: 70px; text-align: center; font-weight: 600; height: 28px; line-height: 28px; border-radius: 3px; text-transform: uppercase; transition: ease all .2s; letter-spacing: -.03em;}
.s-cc-item .saved-cc-edit:hover, .s-cc-item .saved-cc-del:hover {border:1px solid #000; transition:ease all .2s; cursor:pointer;}
.s-cc-item .saved-cc-del {color: #000; text-decoration: none; font-size: 9px; float: left; margin-top: 8px; border: 1px solid #ccc; margin-right: 5px; width: 70px; text-align: center; font-weight: 600; height: 28px; line-height: 28px; border-radius: 3px; text-transform: uppercase; transition: ease all .2s; letter-spacing: -.03em;}
.saved-cc-edit-wrapper {position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.4); z-index:10; display:grid; place-items:center; display:none;}
.saved-cc-edit-wrapper.active {display:grid;}
.saved-cc-edit-wrapper .saved-cc-edit-content {width:500px; background:#fff; padding:20px; position:relative;}
.saved-cc-edit-wrapper .saved-cc-edit-content h6 {float:left; width:100%; font-size:13px; font-weight:600; margin-bottom:20px; margin-top:10px; letter-spacing:-0.02em}
.saved-cc-edit-wrapper .saved-cc-edit-content .saved-cc-del-close {position:absolute; top:20px; right:20px; font-size:24px; cursor:pointer;}
.saved-cc-edit-wrapper .saved-cc-edit-content button {float:right; background:#ff0066; border:1px solid #ff0066; color:#fff; font-size:11px; height:40px; display:flex; align-items:center; justify-content:center; padding:3px 20px 0 20px; font-weight:700; letter-spacing:-0.02em; cursor:pointer; border-radius:3px;}

.saved-cc-del-wrapper {position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.4); z-index:10; display:grid; place-items:center; display:none;}
.saved-cc-del-wrapper.active {display:grid;}
.saved-cc-del-wrapper .saved-cc-del-content {width:500px; background:#fff; padding:20px; position:relative; display:grid; justify-content:center;}
.saved-cc-del-wrapper .saved-cc-del-content .saved-cc-dell-close {position:absolute; top:20px; right:20px; font-size:24px; cursor:pointer;}
.saved-cc-del-wrapper .saved-cc-del-content picture {display:flex; width:170px; align-items:center; justify-content:center; margin:15px auto 30px auto;}
.saved-cc-del-wrapper .saved-cc-del-content h5 {float:left; width:100%; font-size:13px; font-weight:600; margin-bottom:20px; margin-top:10px; letter-spacing:-0.02em}
.saved-cc-del-actions {float:left; width:100%; display:flex; justify-content:center; column-gap:5px;}
.saved-cc-del-actions button {float:right; background:#ff0066; border:1px solid #ff0066; color:#fff; font-size:11px; height:40px; display:flex; align-items:center; justify-content:center; padding:3px 20px 0 20px; font-weight:700; letter-spacing:-0.02em; cursor:pointer; text-transform:uppercase; border-radius:3px;}
.saved-cc-del-actions span {float:right; background:#fff; border:1px solid #ccc; color:#000; font-size:11px; height:40px; display:flex; align-items:center; justify-content:center; padding:3px 20px 0 20px; font-weight:700; letter-spacing:-0.02em; cursor:pointer; text-transform:uppercase; border-radius:3px; transition:ease all .2s;}
.saved-cc-del-actions span:hover {background:#f3f3f3; transition:ease all .2s;}
.new-cc-add-form {position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 10; background: rgba(0, 0, 0, 0.7); place-items: center; display:none;}
.new-cc-add-form.active {display:grid;}
.new-cc-add-form .new-cc-add-form-content {width:500px; background:#fff; padding:20px; position:relative;}
.new-cc-add-form .new-cc-add-form-content h6 {float:left; width:100%; font-size:13px; font-weight:600; margin-bottom:20px; margin-top:10px; letter-spacing:-0.02em; text-align:left; color:#000;}
.new-cc-add-form .new-cc-add-form-content .saved-cc-del-close {position:absolute; top:20px; right:20px; font-size:24px; cursor:pointer;}
.new-cc-add-form .new-cc-add-form-content button {float:right; background:#ff0066; border:1px solid #ff0066; color:#fff; font-size:11px; height:40px; display:flex; align-items:center; justify-content:center; padding:3px 20px 0 20px; font-weight:700; letter-spacing:-0.02em; cursor:pointer; border-radius:3px;}
.cc_Number {float:left; width:100%; position:relative;}
.cc_Number .cc-payment-logos {position:absolute; height:20px; right:10px; z-index:2; top:14px; width:40px; display:flex; align-items:center; justify-content:center;}
.cc_Number .cc-payment-logos img {max-height:100%; max-width:100%;}
.new-cc-add-btn {border:2px solid #ddd; padding:20px; min-height:210px; display:grid; place-items:center; font-size:12px; text-align:center; color:#aaa; font-weight:500; cursor:pointer; border-radius:3px;}
.new-cc-add-btn > span > i {float:left; width:100%; display:block; text-align:center; font-size:40px; color:#ccc; margin-bottom:15px;}
#password-msg {display: none;}


.profile-reviews-content {float:left; width:100%;}
.profile-review-tabs {float:left; display:flex; width:100%; margin-bottom:20px; border-bottom:2px solid #ddd;}
.profile-review-tabs li {font-size:11px; font-weight:600; padding:15px 10px; position:relative; margin:0 20px 0 0; cursor:pointer; line-height:1.5em;}
.profile-review-tabs li.current {color:#ff0066;}
.profile-review-tabs li:before {position:absolute; bottom:-2px; content:""; height:2px; width:0; background:#ddd; left:50%; transition:ease all .2s;}
.profile-review-tabs li.current:before {position:absolute; bottom:-2px; content:""; height:2px; width:100%; background:#ff0066; left:0; transition:ease all .2s;}
.tab-content {display:none;}
.tab-content.current {display:block;}
.profile-older-reviews {float:left; width:100%; display:grid; grid-template-columns:1fr 1fr; column-gap:30px; margin-top:15px; row-gap:40px;}
.profile-older-review-item {float:left; width:100%; border-bottom:1px solid #ddd; overflow:hidden;}
.profile-older-review-item .product {float:left; width:100%; display:grid; grid-template-columns:80px 1fr; column-gap:10px; align-items:center;}
.profile-older-review-item .product picture {float:left; width:100%; aspect-ratio:1/1; background:#f3f3f3;}
.profile-older-review-item .product picture a img {max-width:100%; mix-blend-mode:multiply;}
.profile-ori-content {float:left; width:100%; overflow:hidden;}
.profile-ori-content h6 {float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #828282; display: block; line-height: 20px; font-weight: 500; margin-bottom: 3px;}
.profile-ori-content h5 {float: left; width: 100%; font-size: 11px; font-weight: 700; line-height: 1.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.profile-older-review-item p {float: left; width: 100%; font-size: 12px; line-height: 1.8em; margin-bottom: 20px;}
.profile-ori-gallery {float:left; display:flex; width:100%; margin-bottom:20px;}
.profile-ori-gallery li {width:80px; margin-right:3px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center;}
.profile-ori-gallery a {display:block; float:left;}
.profile-ori-gallery li a img {float:left; max-width:100%; max-height:100%;}
.profile-older-review-item .meta {float: left; width: 100%; margin-top: 20px; display: flex; align-items: center; margin-bottom: 10px;}
.profile-older-review-item .meta .mp-star {margin-right: 15px; position:relative;}
.profile-older-review-item .meta .mp-star:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%;}
.profile-older-review-item .profile-ori-date {font-size: 11px; color: #000; margin-top: 4px; margin-right: 15px; font-weight:600;}
.profile-older-review-item .profile-ori-like-count {color: #f06; font-size: 11px; font-weight: 600; margin-top: 2px;}
.waiting-review-products .product-card .product-card-addtocart-btn {opacity: 1; bottom: 20px; visibility: visible; width: calc(100% - 30px); left: 15px; margin-left: 0; line-height: 24px; background:#fff; border:1px solid #ff0066; color:#ff0066;}


/* Değerlendirmeler */
.pd-review-big-wrapper {width:min(100vw,500px); position:fixed; top:0; right:-500px; background:#fff; z-index:10; height:100vh; position:relaive; transition:all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86)}
.pd-review-big-wrapper.active {right:0; transition:all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.pd-make-review-big-wrapper {width:min(100vw,500px); position:fixed; top:0; right:-500px; background:#fff; z-index:10; height:100vh; position:relaive; transition:all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86)}
.pd-make-review-big-wrapper.active {right:0; transition:all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.pd-review-big-wrapper-overlay {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3); z-index: 9; opacity: 0; visibility: hidden; transition: all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.pd-review-big-wrapper-overlay.active {opacity: 1; visibility: visible; transition: all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.pd-make-review-big-wrapper-overlay {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3); z-index: 9; opacity: 0; visibility: hidden; transition: all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.pd-make-review-big-wrapper-overlay.active {opacity: 1; visibility: visible; transition: all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.pd-review-header {float:left; width:100%; height:45px; border-bottom:1px solid #ddd; padding:0 15px; display:grid; grid-template-columns:40px 1fr 40px;}
.pd-review-header h6 {float:left; width:100%; font-size:10px; font-weight:700; height:45px; display:flex; justify-content:center; align-items:center;}
.pd-review-header .pd-review-close {font-size:22px; float:right; height:45px; display:flex; align-items:center; justify-content:flex-end; cursor:pointer;}
.pd-review-favv {position: relative; height: 45px; display:flex; align-items:center; cursor:pointer;}
.pd-review-favv img {position:absolute; width:20px; top:12px;}
.pd-review-favv img.added {display:none;}
.pd-review-favv.active img.added {display:block;}
.pd-review-big-content {float:left; width:100%; height:calc(100vh - 130px); overflow-y:auto; padding:20px 0;}
.pd-review-product-card {float:left; width:100%; display:grid; grid-template-columns:80px 1fr; column-gap:10px; padding:0 15px;}
.pd-review-product-card picture {background:#f3f3f3; float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.pd-review-product-card picture img {max-width:100%; mix-blend-mode:darken;}
.pd-review-product-content {float:left;width: 100%;overflow: hidden;}
.pd-review-product-content h5 {float:left;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;color:#828282;display: block;line-height: 20px;font-weight: 500;margin-bottom: 3px;}
.pd-review-product-content h4 {float:left;width:100%;font-size: 11px; font-weight:700; line-height:1.5em;     display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.pd-review-product-content .pd-review-meta {float:left;width:100%;display:grid;grid-template-columns: 34px 85px 1fr; column-gap:10px; align-items:center; margin-top:15px;}
.pd-review-product-content .pd-review-meta .pd-review-point {float:left; background:#333; height:24px; color:#fff; display:flex; justify-content:center; align-items:center; font-size:11px; font-weight:600; border-radius:3px; padding-top:2px; letter-spacing:-0.04em}
.pd-review-rate {position:relative; float:left; width:100%;}
.pd-review-rate:before {top:0; left:0; position:absolute; content:""; height:100%; width:100%;}
.pd-review-count {float:left;width:100%;font-size:12px;color: #4F4F4F;font-weight: 500;font-size: 11px;border-left: 1px solid #ccc;padding: 9px 0 6px 15px;}
.pd-review-point-1 {background:url(../images/star-rated-1.svg) top center no-repeat;height: 14px;display:block;margin-bottom: -15px;}
.pd-review-point-2 {background:url(../images/star-rated-2.svg) top center no-repeat;height: 14px;display:block;margin-bottom: -15px;}
.pd-review-point-3 {background:url(../images/star-rated-3.svg) top center no-repeat;height: 14px;display:block;margin-bottom: -15px;}
.pd-review-point-4 {background:url(../images/star-rated-4.svg) top center no-repeat;height: 14px;display:block;margin-bottom: -15px;}
.pd-review-point-5 {background:url(../images/star-rated-5.svg) top center no-repeat;height: 14px;display:block;margin-bottom: -15px;}
.pd-review-gallery-wrapper {float:left; width:100%; background:#f2f2f2; margin-top:20px; padding:20px 15px; overflow:hidden;}
.pd-review-gallery-wrapper h5 {font-size:10px; font-weight:700; letter-spacing:-0.03em; float:left; width:100%; margin-bottom:15px; color:#333;}
.pd-review-gallery-wrapper ul {white-space: nowrap; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; float:left; width:100%;}
.pd-review-gallery-wrapper ul li {width: 70px; border-radius: 3px; display: inline-block; height: 70px; position: relative;}
.pd-review-gallery-wrapper ul li a {display: flex; width: 70px; height: 70px; aspect-ratio: 1/1; position: absolute; top: 0; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 3px; background: #fff;}
.pd-review-gallery-wrapper ul li a img {max-height:100%;}
.pd-review-list-wrapper {float:left; width:100%;}
.pd-review-list-filters {float:left; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:44px; display:grid; grid-template-columns:1fr 1fr;}
.pd-review-list-filters select {appearance:none; border:none; height:42px; font-size:12px; font-weight:500; background:url(../images/arrow-down.svg) right 15px center no-repeat; width:100%; line-height:40px; padding:0 15px;}
.pd-review-list {float:left; width:100%; margin-top:30px; padding:0 15px;}
.pd-review-item {float:left; width:100%; margin-bottom:30px;}
.pd-review-meta {float:left; width:100%; display:grid; grid-template-columns:40px 1fr; column-gap:10px; align-items:center; margin-bottom:10px;}
.pd-review-person {background:#ddd; width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; padding-top:3px;}
.pd-review-item-rate {float:left; width:100%; position:relative;}
.pd-review-item-rate .mp-star {position:relative; float:left; width:100%; margin-bottom:7px;}
.pd-review-item-rate .mp-star:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%;}
.pd-review-item-rate > span {float:left; width:100%; font-size:11px; font-weight:700; color:#333; padding-left:2px;}
.pd-review-item > p {float:left; width:100%; font-size:12px; line-height:1.8em; margin-bottom:20px;}
.pd-review-photos {float:left; width:100%;}
.pd-review-photos li {float:left; width:100px; margin-right:5px; position:relative;}
.pd-review-photos li a {display: flex; width: 100px; height: 100px; aspect-ratio: 1/1; top: 0; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 3px; background: #fff;}
.pd-review-photos li a img {max-width:100%; max-height:100%;}
.pd-review-action {position:fixed; bottom:0; background:#fff; padding:15px; box-shadow:0 -1px 5px 0 #dedede; transition: all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); right:-500px; width:min(100vw,500px);}
.pd-review-big-wrapper.active .pd-review-action {bottom:0; transition: all .55s cubic-bezier(0.785, 0.135, 0.15, 0.86); right:0;}
.pd-review-action .pd-make-review-trigger {width:100%; background:#ff0066; height:45px; display:flex; align-items:center; justify-content:center; font-size:11px; color:#fff; font-weight:700; border-radius:3px; float:left; margin-bottom:10px; cursor:pointer; width:500px;}
.pd-review-action .pd-review-action-info {float:left; width:100%; font-size:12px; display:flex; align-items:center; font-weight:500; justify-content:center; letter-spacing:-0.02em} 
.pd-review-action .pd-review-action-info img {float:left; margin-top:-3px; margin-right:3px;}
.pd-make-review-faq-trigger {float:left; height:45px; border:2px solid #ff0066; display:flex; cursor:pointer; display:flex; width:calc(50% - 5px); align-items:center; justify-content:center; font-size:11px; color:#ff0066; font-weight:700; border-radius:3px;}
.pd-make-review-addtobasket-btn {width:calc(50% - 5px); background:#ff0066; height:45px; display:flex; align-items:center; justify-content:center; font-size:11px; color:#fff; font-weight:700; border-radius:3px; float:right; margin-bottom:10px; cursor:pointer; border:none;}
.pd-review-big-content .no-qa-wrapper {width:calc(100% - 30px); margin-left:15px; margin-top:40px; font-size:12px;}
.pd-review-big-content .no-qa-wrapper p {margin-top:20px;}

/* Değerlendirme Yap */
.pd-make-review-big-wrapper form {float:left; width:100%; margin-top:70px; padding:0 15px;}
.pd-make-review-big-wrapper .pd-make-comment-line {float:left; width:100%; margin-bottom:30px;}
.pd-make-review-big-wrapper label {font-size:10px; float:left; width:100%; color:#4F4F4F; font-weight:600; letter-spacing:-0.03em; margin-bottom:6px; letter-spacing:-0.03em;}
.pd-make-review-big-wrapper .pd-make-comment-stars {float:left; width:100%;}
.pd-make-review-big-wrapper .pd-make-comment-stars span {font-size: 40px !important;}
.pd-make-review-big-wrapper textarea {float:left; width:100%; border:1px solid #ddd; padding:12px 13px; font-size:12px; color:#333; outline:none; font-weight:600; height:80px;}
.pd-make-review-big-wrapper .pd-make-comment-images {float:left; width:100%; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:5px;}
.pd-make-review-big-wrapper .pd-make-comment-images button {background:#fff; border:1px solid #ddd; cursor:pointer; transition:ease all .2s; aspect-ratio:1/.8; border-radius:3px;}
.pd-make-review-big-wrapper .pd-make-comment-images button:hover {border:1px solid #000; transition:ease all .2s;}
.pd-make-review-big-wrapper .pd-make-comment-images button img {margin-bottom:15px;}
.pd-make-review-big-wrapper .pd-make-comment-images button span {border-radius:3px; font-size:8px; font-weight:600; float:left; width:100%; line-height:1.4em;}
.pd-make-review-big-wrapper .pd-make-comment-images picture {position:relative; border:1px solid #ddd; display:flex; align-items:center; justify-content:center;}
.pd-make-review-big-wrapper .pd-make-comment-images picture img {float:left; max-height:100%;}
.pd-make-review-big-wrapper .pd-make-comment-images picture span {position:absolute; top:4px; right:4px; background:#fff; padding:2px; cursor:pointer;}
.pd-make-comment-note {float:left; width:100%; font-size:11px; color:#333; margin-bottom:10px;}
.pd-make-comment-note a {color:#ff0066; border-bottom:1px solid #ff0066; padding-bottom:3px;}
.pd-make-review-big-wrapper .pd-review-big-content {height: calc(100vh - 40px);}
.pd-make-review-big-wrapper form button[type="submit"] {width:100%; height:45px; background:#ff0066; border:none; font-size:11px; color:#fff; font-weight:700; float:left; margin-top:30px; border-radius:3px; cursor:pointer;}
.pd-make-comment-stars .mp-star span {position:relative;float:left;width:40px;height: 40px;}
.pd-make-comment-stars .mp-star span:after {position: absolute; opacity: 0; top:-23px; left:calc(50% - 35px); width:64px; text-align:center; padding:7px 0 4px 0; font-size: 9px; color:#fff; background: #333; font-family:Spartan; font-weight:700; border-radius:3px; transition:ease all .2s; letter-spacing:-0.06em;}
.pd-make-comment-stars .mp-star span:hover:after {opacity:1; transition:ease all .2s;}
.pd-make-comment-stars .mp-star span[data-value="1"]:after {content: "ÇOK KÖTÜ";}
.pd-make-comment-stars .mp-star span[data-value="2"]:after {content: "KÖTÜ";}
.pd-make-comment-stars .mp-star span[data-value="3"]:after {content: "ORTA";}
.pd-make-comment-stars .mp-star span[data-value="4"]:after {content: "İYİ";}
.pd-make-comment-stars .mp-star span[data-value="5"]:after {content: "ÇOK İYİ";}

.remove-rev-btn {float:right; font-weight:500; font-size:11px; color:#888; border-bottom:1px solid #bbb;}
.remove-review-popup {width:min(100vw - 30px,500px); text-align:center;}
.remove-review-popup picture {float:left; width:100%; margin-bottom:30px;}
.remove-review-popup h4 {float:left; width:100%; color:#ff0066; font-size:14px; font-weight:600; margin-bottom:10px; letter-spacing:-0.03em}
.remove-review-popup p {float:left; width:100%; font-size:11px; line-height:1.7em; font-weight:500;}
.remove-review-popup p span {border-bottom:1px solid #000;}

fieldset.star-rating {float:left; width:100%;}
    .star-rating__stars {position: relative; height: 2rem; width: 10rem; background: url(/Content/images/off.svg); background-size: 2rem 2rem;}
        .star-rating__label {position: absolute;height: 100%; cursor:pointer;background-size: 2rem 2rem;}
        .star-rating__input {margin: 0; position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);}
        .star-rating__stars .star-rating__label:nth-of-type(1):hover:before {content:"Çok Kötü"; position:absolute; background:#333; color:#fff; width:60px; position:absolute; top:-20px; text-align:center; padding:5px 0; border-radius:3px; right:-15px}
        .star-rating__stars .star-rating__label:nth-of-type(2):hover:before {content:"Kötü"; position:absolute; background:#333; color:#fff; width:60px; position:absolute; top:-20px; text-align:center; padding:5px 0; border-radius:3px; right:-15px;}
        .star-rating__stars .star-rating__label:nth-of-type(3):hover:before {content:"Orta"; position:absolute; background:#333; color:#fff; width:60px; position:absolute; top:-20px; text-align:center; padding:5px 0; border-radius:3px; right:-15px;}
        .star-rating__stars .star-rating__label:nth-of-type(4):hover:before {content:"İyi"; position:absolute; background:#333; color:#fff; width:60px; position:absolute; top:-20px; text-align:center; padding:5px 0; border-radius:3px; right:-15px;}
        .star-rating__stars .star-rating__label:nth-of-type(5):hover:before {content:"Çok İyi"; position:absolute; background:#333; color:#fff; width:60px; position:absolute; top:-20px; text-align:center; padding:5px 0; border-radius:3px; right:-15px;}
        .star-rating__stars .star-rating__label:nth-of-type(1) {z-index: 5; width: 20%;}
        .star-rating__stars .star-rating__label:nth-of-type(2) {z-index: 4; width: 40%;}
        .star-rating__stars .star-rating__label:nth-of-type(3) { z-index: 3; width: 60%;}
        .star-rating__stars .star-rating__label:nth-of-type(4) {z-index: 2; width: 80%; }
        .star-rating__stars .star-rating__label:nth-of-type(5) {z-index: 1; width: 100%;}
        .star-rating__input:checked + .star-rating__label,
        .star-rating__input:focus + .star-rating__label,
        .star-rating__label:hover {background-image: url(/Content/images/on.svg);}
        .star-rating__label:hover ~ .star-rating__label {background-image: url(/Content/images/off.svg);}

        .order-detail-products-table ul li .product-info:has(.bp-bundles) {height: auto;}
        .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;}


        .sale-bndl-items-wrapper {
            float: left;
            width: 100%;
            margin-top: 30px;
            padding-left: 50px;
        }
        
        .sale-bndl-title {
            float: left;
            width: 100%;
            color: #ff0066;
            font-size: 11px;
            font-weight: 600;
            margin-bottom: 20px;
        }
        
        .sale-bndl-item {
            float: left;
            width: 100%;
            display: grid;
            grid-template-columns: 70px 1fr 1fr;
            grid-column-gap: 10px;
            align-items: center;
            font-size: 12px;
            font-weight: 500; margin-bottom:15px;
        }
        
        .sale-bndl-content {
            float: left;
            width: 100%; line-height: 1.3em;
        }
        
        .sale-bndl-content span {
            float: left;
            width: 100%;
            margin-top: 10px;
            font-weight: 400;
            font-size: 11px;
        }
        .sale-bndl-content span text {font-weight:500}
        .sale-bndl-item figure {
            float: left;
            display: block;
            width: 100% !important;
            height: 100% !important;
        }
        
        .sale-bndl-item figure img {
            max-width: 100%;
        }
        .sale-bndl-price {
            float: right;
            text-align: right;
            font-size: 11px;
            font-weight: 700;
        }
        

        
/* **** TABLET YATAY ***** */
@media screen and (min-width : 992px) and (max-width : 1199px) {
    
}

/* **** TABLET DIK ***** */
@media screen and (min-width : 768px) and (max-width : 991px) {
    .profile-content-area {float: left; width: 100%;}  
    .reset-password-form {float: left; width: 100%;}
    .profile-favorites-images ul {grid-template-columns: 1fr 1fr 1fr;}
    .profile-ask-consultants-form {float: left; width: 100%;}
    .profile-info-box {margin: 0 0 15px 0;}
    .beauty-consultants li {width: 129px;}
    .order-detail-info-list li {width:50%; margin-bottom:20px;}
    .profile-address-list li {width: 100%; height: 155px; margin-bottom: 10px; border-radius: 0;}
    .profile-order-detail-buttons li:first-child {margin-top:0;}
    .profile-order-detail-buttons li {width: 100%; margin: 10px 0; padding: 0px 0; border-right:none;}
    .profile-orders-list-tabs .nav-tabs li {margin-right: 8px;}
    .order-list-filter {position: relative; right: 0px; width: 100%; top: 0; cursor: pointer;}
    .dashboard-welcome {margin-top: 15px;}
    .dashboard-triple-buttons li p {height:70px;}
    .dashboard-triple-buttons li .bottom-action {height: 60px;}
    .order-detail-products-table-titles {display:none;}
.old-order-info-list li span {position: relative; left: 0; width: 100%; float: left; font-weight: 500;}
.old-order-info-list li {padding-left:0;}
.return-form-line label {position:relative; width:100%; top:0;}
.return-form-line {padding-left:0;}
.return-reason-form textarea {width:100%; height:80px;}
.order-detail-products-table-titles.active {display: none;}
ul.order-detail-products-table-titles.opdt-active.active {display: block;}
.m-activate-return-btn {display: block;}
.activate-return-btn, .activate-return-btn.active  {display: none !important;}
    }

/* **** TELEFON ***** */
@media screen and (max-width : 767px) {
    .profile-content-area {float: left; width: 100%;}  
    .reset-password-form {float: left; width: 100%;}
    .profile-favorites-images ul {grid-template-columns: 1fr 1fr;}
    .profile-ask-consultants-form {float: left; width: 100%;}
    .profile-info-box {margin: 0 0 15px 0;}
    .beauty-consultants li {width: 151px;}
    .beauty-consultants li:last-child {display:none;}
    .order-detail-info-list li {width:50%; margin-bottom:20px;}
    .profile-address-list li {width: 100%; height: 235px; margin-bottom: 10px; border-radius: 0;}
    .profile-order-detail-buttons li:first-child {margin-top:0;}
    .profile-order-detail-buttons li {width: 100%; margin: 10px 0; padding: 0px 0; border-right:none;}
    .profile-orders-list-tabs .nav-tabs li {margin-right: 8px;}
    .order-list-filter {position: relative; right: 0px; width: 100%; top: 0; cursor: pointer;}
    .profile-ask-consultants-form .profile-form-selection-list li {width:100%;}
    .dashboard-welcome {margin-top: 15px; font-size:14px;}
    .dashboard-triple-buttons li {width: 100%; margin: 0;}
    .dashboard-triple-buttons li p {margin-top:10px; margin-bottom:0; height:50px;}
    .dashboard-faq-list details summary {line-height:1.5em;}
    .dashboard-faq-list details summary i {margin-top:1px;}
    .dashboard-all-orders-btn {width: 100%;}
    .profile-order-list li {height:auto; display:block;}
    .profile-order-list li .images {width:100%;justify-content: center; margin-bottom: 15px;}
    .profile-order-list li .meta {width: 100%; float: left; margin-bottom: 15px; text-align:center;}
    .profile-order-list li .status {width: 100%; float: left; margin-bottom: 15px; text-align:center;}
    .profile-order-list li .action {width: 100%;}
    .p-bar {margin: 0 0 0 -52.5px; float: left; position: relative; left: 50%;}
    .profile-order-list li .payment {text-align: center; width: 100%;}
    .portlet-title-with-icon p {line-height:1.4em;}
    .gud-list-item figure {width:100%; justify-content:center;}
.gud-list-content {width:100%; text-align:center;}
.basket-item-delete-wrapper {width:100%; left:0;}
.basket-item-delete p {padding:0 0;}
.p-logout-wrapper {width:100%; left:0;}
.p-logout-wrapper p {padding:0 0;}
.order-detail-products-table-titles {display:none;}
.old-order-info-list li span {position: relative; left: 0; width: 100%; float: left; font-weight: 500;}
.old-order-info-list li {padding-left:0;}
.return-form-line label {position:relative; width:100%; top:0;}
.return-form-line {padding-left:0;}
.return-reason-form textarea {width:100%; height:80px;}
.order-detail-products-table-titles.active {display: none; text-align: center; line-height:1.1em;}
ul.order-detail-products-table-titles.opdt-active.active {display: block;}
.m-activate-return-btn {display: block;}
.activate-return-btn, .activate-return-btn.active  {display: none !important;}
.m-activate-return-btn {position: relative; display: none; border: 1px solid #ddd; float:left; color: #000; font-size: 10px; width:100%; text-align:center; height: 28px; line-height: 30px; padding: 0 14px; font-weight: 500; cursor: pointer;}
.m-activate-return-btn.active {display:block;}
.profile-order-detail-buttons {width:100%; float:left;}
.profile-order-detail-summary {width:100%;}
.order-detail-products-table ul li .product-info {width:calc(100% - 100px);}
.order-detail-products-table ul li .amount-quantity {height:40px; float:right; width:150px;}
.order-detail-products-table ul li.active .product-info {width:125px;}
.order-detail-products-table ul li.active .amount-quantity {width:125px}
.qucik-p-search-result .qps-item .qps-content {width:100%; margin-top:15px;}
.quick-search-results ul li .qp-content {width:calc(100% - 60px);}
.quick-search-results ul li .qp-color {display:none;}
.quick-search-results ul li .qp-content .q-color {display:block;}
.return-form-popup {width:100%; max-height:80vh; overflow-y:auto;}
.profile-favorites-images .product-card-meta .prices {display:block;}
.profile-favorites-images .product-card-meta .prices .op, .profile-favorites-images .product-card-meta .prices .np {width:100%;float:left; text-align:center; margin:0 0 4px 0;}
.product-card-addtocart-btn {opacity: 1; margin-top: 0; visibility: visible; transition: ease all .2s; bottom: 18px;}
.portlet-title-action-btn {font-size: 10px; width: 90px;}
.fav-listing-switch {width:34px;height:34px;border:1px solid #ddd;float: left;position:absolute;right: 103px;top: -10px; display:grid; grid-template-columns:1fr 1fr; column-gap:4px; padding:8px; border-radius:3px;}
.fav-listing-switch span {background:#ddd; width:100%; height:100%;}
.fav-listing-switch.active {grid-template-columns:1fr; row-gap:4px;}
.profile-favorites-images ul.active {grid-template-columns:1fr;}

.saved-cc-list {grid-template-columns: 1fr;}
.saved-cc-edit-wrapper .saved-cc-edit-content, .saved-cc-del-wrapper .saved-cc-del-content {width: calc(100% - 30px);}
.new-cc-add-form-content {width: calc(100% - 30px);}
.new-cc-add-form .new-cc-add-form-content {width: calc(100% - 30px);}
.order-detail-products-table ul li figure {width:80px;}
.sale-bndl-items-wrapper {padding-left:0;}
}