.product-detail-page {float:left; width:100%;}
.product-detail-page .container {grid-template-columns:1fr 380px; grid-column-gap:30px;}
.pd-images-area {float:left;width:100%;display:grid;grid-template-columns: repeat(4,1fr);grid-gap:5px;}
.pd-images-area a {cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgdmlld0JveD0iMCAwIDMzIDMzIj48cGF0aCBkPSJNMzMgMTZIMTdWMGgtMXYxNkgwdjFoMTZ2MTZoMVYxN2gxNnoiLz48L3N2Zz4=),auto;outline: none; filter: brightness(96.5%); background: #fff;}
.pd-images-area a:first-child {grid-column-start:1; grid-column-end:3;}
.pd-images-area a:nth-child(2) {grid-column-start:3; grid-column-end:5;}
.pd-images-area a img {width:100%; float:left;}
.pd-product-info-wrapper {float:left; position:relative;}
.pd-product-info {position:sticky;top:65px;padding-top:25px;float: left;width: 100%;}
.breadcrumb {float:left; width:100%; margin-bottom:10px;}
.breadcrumb li {float:left;margin-right: 20px;font-size: 11px;color:var(--black);position: relative; font-family: var(--font2);}
.breadcrumb li:before {content:">"; position:absolute; right:-13px; font-size:10px; font-weight:600; top:1px;}
.breadcrumb li:last-child:before {display:none;}
.breadcrumb li a {color:inherit;}
.pd-title {float:left; width:100%; display:grid; grid-template-columns:1fr 100px; align-items:center;}
.pd-title .left h1 {float:left;width:100%;font-size: 16px;font-weight:700;letter-spacing:-0.03em;margin-bottom:-5px;text-transform: uppercase;}
.pd-title .left span {font-size: 12px; color: #000; margin-top: 6px; float: left; font-family: var(--font2);}
.pd-title .right {float:left; width:100%;}
.pd-title .right .op {margin-right: 0;text-align:right;float:right;font-weight: 500;color: #000;font-size: 14px;}
.pd-title .right .np {float:right; text-align:right; color:var(--red); font-weight:600;}
.pd-color-selection-list {float:left; width:100%; display:flex; margin-top:40px; border-bottom:1px solid #ddd; padding-bottom:30px;}
.pd-color-selection-list li {max-width:60px; margin-right:4px;}
.pd-color-selection-list li a {border:1px solid #fff; display:block; filter: brightness(96.5%); padding: 10px; background: #fff;}
.pd-color-selection-list li a.active {border:1px solid var(--red);}
.fancybox-image {filter: brightness(96.5%);}
/* Size Chart */
.size-chart-wrapper {
	background-color: #fff;
	position: fixed;
	z-index: 9;
	top: 0;
	right: 0;
	height: 100%;
	max-width: 600px;
	width: 100%;
	padding: 20px 25px;
	overflow-y: auto;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: transform .55s cubic-bezier(.785, .135, .15, .86);
	-moz-transition: transform .55s cubic-bezier(.785, .135, .15, .86);
	-o-transition: transform .55s cubic-bezier(.785, .135, .15, .86);
	transition: transform .55s cubic-bezier(.785, .135, .15, .86);
}
.size-chart-wrapper.active {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0)}
.size-chart-overlay {position: fixed;top: 0;left: 0;z-index: 5;width: 100%;height: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;background-color: rgba(0,0,0,0.3);opacity: 0;visibility: hidden;}
.size-chart-overlay.active {opacity: 1;visibility: visible;}
.size-chart-header {float: left; width: 100%; text-align: center; font-size: 14px; font-weight: 600; margin-top: 5px; padding-bottom: 15px; border-bottom: 1px solid #ddd;margin-bottom: -1px;}
.size-chart-close {float: right;position: absolute;right: 30px;opacity: 0;transition: ease all .4s;top: 20px;}
.size-chart-close {opacity: 1;transition: ease all .4s;transition-delay: .7s;cursor: pointer;}
.size-chart-table {float:left;width:100%;font-weight:700;margin-bottom: 20px;}
.size-chart-table td, .size-chart-table th {border:1px solid #ddd;padding:12px;font-size:12px;color: var(--black);text-align:left; font-family: var(--font2);}
.size-chart-table th {background:#f3f3f3;color: var(--black);font-weight: 500; font-family: var(--font2);}
.size-chart-table td {color: var(--black2);text-align:center;font-weight: 400; font-family: var(--font2);}
h4.size-chart-title {float:left;width:100%;margin: 20px 0 25px 0;font-size: 14px;font-weight: 600;float: left;color: var(--black);text-transform: uppercase;text-align: center;}
tr.size-chart-title td {text-transform:uppercase;color: var(--black);font-size:12px;font-weight:700; font-family: var(--font2);}

.size-chart-btn {float:left;width:100%;margin:30px 0;font-size: 12px;font-weight: 500;cursor:pointer;text-transform:uppercase;}
.size-chart-btn img {float:left;margin: 0px 6px 0 0;}

.pd-variant-selection {float:left; width:100%;}
.pd-variant-selection li {float:left; font-size: 12px;padding: 7px 10px;position:relative;cursor:pointer;font-weight: 500; border:1px solid var(--black); color:var(--black); margin:1px; text-transform: uppercase;}
.pd-variant-selection li.active {background-color: var(--red); color:#fff; border:1px solid var(--red);}
.pd-variant-selection li.outofstock {color:#888; cursor:not-allowed; background-color:#f3f3f3; border:1px solid #f3f3f3;}
.pd-variant-selection li.outofstock.active {background:var(--red); color:#fff; opacity:.3;}
.basket-message {color:var(--red); text-align:center; float:left; width:100%; font-size:12px; margin-top:4px; font-family: var(--font2);}
.pd-add-basket-area {float:left;width:100%;display:grid;grid-template-columns:1fr 40px;grid-column-gap: 5px; margin-top:40px;}
.pd-add-basket {float:left; width:100%;}
.pd-add-basket button, .pd-add-basket button:focus {float:left; width:100%; background:var(--red); color:#fff; border:1px solid var(--red); height:40px; font-size:14px; font-weight:600; cursor:pointer; outline:none;}
.pd-add-fav-btn {display:grid; align-items:center; justify-content:center; border:1px solid var(--red); width:40px; height:40px;}
.pd-add-fav-btn .heart {display:block;}
.pd-add-fav-btn .heart-full {display:none;}
.pd-add-fav-btn.active .heart {display:none;}
.pd-add-fav-btn.active .heart-full {display:block;}

.bottom-product-detail-area {background:#fff;position:fixed;bottom: -80px;width:100%;padding:10px 0;box-shadow:0 0 4px 0 #ccc;z-index: 5; -webkit-transition: all .55s cubic-bezier(.785, .135, .15, .86);
	-moz-transition: all .55s cubic-bezier(.785, .135, .15, .86);
	-o-transition: all .55s cubic-bezier(.785, .135, .15, .86);
	transition: all .55s cubic-bezier(.785, .135, .15, .86);}
.bottom-product-detail-area.sticked {bottom:0; -webkit-transition: all .55s cubic-bezier(.785, .135, .15, .86);
	-moz-transition: all .55s cubic-bezier(.785, .135, .15, .86);
	-o-transition: all .55s cubic-bezier(.785, .135, .15, .86);
	transition: all .55s cubic-bezier(.785, .135, .15, .86);}	
.bottom-product-detail-area .container {grid-template-columns:1fr 150px 200px; grid-column-gap:10px;}
.bp-detail-name-price {float:left;width:100%;height: 50px;}
.bp-detial-name-title {float:left;margin-right: 25px;display: grid;align-items: center;height: 50px;font-weight: 500;font-size: 18px;}
.bp-detail-prices {float:left;display:flex;height: 50px;align-items: center;}
.bp-detail-prices .op {font-weight: 500; margin-right: 15px; font-size: 14px; margin-top: 2px;}
.bp-detail-prices .np {color: var(--red); font-weight: 600; font-size: 16px;}
.bp-variant-selection select {float:right; width:100%; border-left:1px solid #ccc; appearance:none; -moz-appearance:none; height:50px; padding:0px 20px 0px 21px; font-size:13px; font-weight:400; outline:none; border-right:none; border-bottom:none; border-top:none; text-align:center; background:url(../images/icon/down.svg) center right 12px no-repeat;}
.bp-add-basket-btn button {float:right; width:100%; background:var(--red); border:1px solid var(--red); color:#fff; height:50px; font-size:14px; font-weight:500;}
.pd-icons-wrapper {float:left;width:100%;display: grid;grid-row-gap: 15px;font-size:14px;margin-top: 15px;position: relative;grid-template-columns: 1fr 1fr;}
.pd-icons-wrapper-1 {margin-top: 20px;}
.pd-icons-wrapper > span {display:flex; align-items:center; height:30px; cursor:pointer; font-size:12px; font-family: var(--font2);}
.pd-icons-wrapper > span img {float:left; margin-right:10px;}
.pd-desc {position:relative;width:100%;grid-column-start:1;grid-column-end:3;display: none;overflow:hidden;background: var(--pink);padding: 15px 35px 15px 15px; font-family: var(--font2); font-size:13px; line-height: 1.9em;}
.pd-desc.active {height:auto;display: block;}
span.pd-desc-close {position:absolute; right:15px; top:10px; width:12px; cursor:pointer;}
.pd-recommendation-area {float:left; width:100%; margin-top:80px;}
.pd-recommendation-area .container {display:block;}
.pd-recommendation-area h5 {float:left; width:100%; text-align:center; font-size:20px; font-weight:500; margin-bottom:20px;}
.pd-recommendation {float:left; width:100%;}
.owl-prev, .owl-prev:focus {position:absolute;top: calc(50% - 50px);left: -26px;background: #fff !important;width: 52px;height: 52px;cursor:pointer;outline:none;z-index:1;border-radius: 50%;transform: rotate(180deg);}
.owl-prev img {margin-left:5px; float:left;}
.owl-next, .owl-next:focus {position:absolute;top: calc(50% - 50px);right: -26px;background: #fff !important;width: 52px;height: 52px;cursor:pointer;outline:none;z-index:1;border-radius: 50%;}
.owl-next img {margin-left: 3px;float:left;}
.pd-mobile-images-area {display: none !important;}
.pd-mobile-images-area .owl-dots {position:absolute; top:5px; right:15px;}
.pd-mobile-images-area .owl-dots button {background:#777; width:6px; height:6px; border-radius:50%; margin:0 1px; outline:none;}
.pd-mobile-images-area .owl-dots button.active {background:var(--black);}
.pd-mobile-images-area .item a {filter:brightness(96.5%); padding:40px; float:left; display:block; background:#fff;}
.product-detail-social-share {float:left; width:100%; border-top:1px solid #ddd; margin-top:30px; padding-top:30px; display:grid; grid-template-columns:55px 1fr; align-items:center;}
.product-detail-social-share span {float:left; font-weight:700; font-size:12px; font-family:var(--font2); line-height:1em;}


.mobile-add-to-cart-btn {position:fixed;bottom:10px;left:10px;width:calc(100% - 20px) !important;z-index:5;display:none;float: left;width: 100%;border: none;height: 52px;margin-top: 10px;background: var(--red);color: #fff;font-weight: 700;font-size: 16px;cursor: pointer;font-family:var(--font2);border-radius:4px;line-height:21px;font-family: var(--font2);}
.mobile-add-to-cart-btn > span {float: left;width: 140px;font-weight: 700;margin-top: 15px;font-size: 12px;text-align: left;margin-left: 15px;}
.mobile-add-to-cart-btn div {float:right;}
.mobile-add-to-cart-btn .basket-message {background: #fff; margin: 0; padding: 7px 0;}
.mobile-add-to-cart-btn div.prices {width:auto;float:right;margin-top: 10px;padding-right: 16px;display:block;}
.mobile-add-to-cart-btn div.prices .op {color: var(--pink);font-size:11px;margin-top: 5px;margin-left: 10px;}
.mobile-add-to-cart-btn div.prices .op span {color: var(--pink);}
.mobile-add-to-cart-btn div.prices .np {color:#fff; font-size:12px; margin-top:4px;font-weight: 700;}
.mobile-add-to-cart-btn div.prices .np span {color:#fff;}
.mobile-add-to-cart-btn div.prices .discount {color:#fff !important;font-size: 12px;margin-top: 3px;margin-right: 10px;font-weight: 900;}

.mobile-add-to-cart-novariant-btn {position:fixed; bottom:0; left:0px; width:100%; z-index:5; float: left; width: 100%; border: none; height: 52px; margin-top: 10px; background: #EC771B; color: #fff; font-weight: 700; font-size: 14px; cursor: pointer; font-family:var(--font2); border:4px solid #fff; display:none;}
.mobile-add-to-cart-novariant-btn button > span {float: left; width: 140px; font-weight: 600;  font-size: 12px; text-align: left; margin-left: 2px;color: #fff;margin-top: 17px;}
.mobile-add-to-cart-novariant-btn .add-to-cart, .mobile-add-to-cart-novariant-btn .basket-message {display: block;}
.mobile-add-to-cart-novariant-btn .add-to-cart .prices {width: auto; float: right; margin-top: 13px; padding-right: 5px; display: block;}
.mobile-add-to-cart-novariant-btn .add-to-cart .op {color:#000; font-size:11px;}
.mobile-add-to-cart-novariant-btn .add-to-cart .np {color:#fff; font-size:12px; margin-top:4px;font-weight: 700;}
.mobile-add-to-cart-novariant-btn .add-to-cart .discount {color:#fff !important;font-size: 11px; margin-top:3px;}
.mobile-add-to-cart-novariant-btn button {border: none; background: var(--red); height: 44px; width: 100%;font-family: var(--font2);}

.mobile-add-to-cart-area .add-to-cart, .mobile-add-to-cart-area .basket-message {display:block;}
.mobile-add-to-cart-area {position: fixed; height:180px; bottom: -200px;  width: 100%; background: #fff;  z-index: 5;  left: 0;  padding: 22px 10px 20px 10px;  border-radius: 10px 10px 0 0; transition: all .55s cubic-bezier(.785, .135, .15, .86); display:none;}
.mobile-add-to-cart-area.active {bottom:0; transition: all .55s cubic-bezier(.785, .135, .15, .86)}
.mobile-variations {float: left;  width: 100%;}
.mobile-variations ul {display:flex; justify-content:center; float:left; width:100%; margin-bottom:20px;}
.mobile-variations ul li {border: 1px solid #000;float: left;/* width: 40px; */height: 40px;display: flex;align-items: center;justify-content: center;background: #fff;margin: 0 3px;font-size: 12px;padding-top: 2px;font-weight: 500;cursor: pointer;font-family: var(--font2);padding: 0 5px;color: #000; position:relative;}
.mobile-variations ul li span {
    position: absolute;
    top: -15px;
    right: 0;
    background: var(--red);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    height: 14px;}
.mobile-variations ul li.active {background:var(--red);color:#fff;border: 1px solid var(--red);}
.mobile-variations ul li.outofstock {opacity: .5;background: #f3f3f3;cursor: not-allowed;color: #666;border: 1px solid #666;}
.mobile-add-to-cart-area button {background: var(--red);width: calc(100% - 20px);border: none;font-family: var(--font2);font-weight: 700;color: #fff;height: 44px;line-height: 44px;margin-left: 10px;border-radius: 4px;font-size: 12px;}
.mobile-add-to-cart-area h5 {float: left;width: 100%;text-align: center;font-size: 12px;margin-bottom: 20px;text-transform: uppercase;}
.mobile-atc-close {position: absolute; top: 15px; right: 20px; width: 20px;}
.mobile-add-to-cart-area .basket-message {margin: 0; padding: 0; position: absolute; bottom: 60px; left: 0; width: 100%;}
.mobile-atc-overlay {position:fixed; z-index:4; background:rgba(0,0,0,0.3); top:0; left:0; width:100%; height:100%; transition:ease all .2s; opacity:0; visibility:hidden;}
.mobile-atc-overlay.active {visibility:visible; opacity: 1; transition:ease all .2s;}
.pd-variant-selection li span {position:absolute;background:var(--red);top: -11px;width: 50px;color:#fff;height: 17px;display:flex;place-items:center;padding: 0 5px;font-size:10px;font-weight:700;text-align: center;justify-content: center; left: calc(50% - 25px);}

.pd-relations-area {float:left; width:100%; margin-top:50px; position:relative; z-index: 0;}
.pd-relations-area .container {display:block;}
.product-detail-carousel-area {float:left; width:100%;}
.product-detail-carousel-area h4 {float:left; width:100%; margin-bottom:25px;}
.product-detail-widget-carousel {float:left; width:100%;}

.pd-videos-area {float: left;width: 100%;}

.pd-videos-area-mobile {float: left;width: 100%;display: block;aspect-ratio: 700 / 1000;}
span.pd-video-clickable {float: left;width: 100%;position: absolute;top: 0;left: 0;height: 100%;}

.idil-info-wrapper {float: left;width: 100%;margin-top: 30px;padding-top: 30px;border-top: 1px solid #ddd;}
.idil-info-content {float: left;width: 100%;display: grid;grid-template-columns: 22px 1fr; grid-column-gap: 8px;align-items: center;}
.idil-info-content figure {width: 22px;height: 22px;aspect-ratio: 1 / 1; display: flex; justify-content: center;align-items: center;margin-bottom: 0;}
.idil-info-content figure img {max-height: 100%;}
.idil-info-content span {float: left;width: 100%;font-size: 12px;font-family: var(--font2);}

.idil-social-icons {float: left;width: 100%; display: flex;column-gap: 4px;justify-content: flex-end;}
.idil-social-icons li a {width: 36px;height: 36px;display: flex;justify-content: center;align-items: center;border: 1px solid var(--red);}

.mobile-add-to-cart-btn.spec-bg-color {background: var(--pink);color: var(--red);}
.mobile-add-to-cart-btn.spec-bg-color .prices .np {color: var(--red);}
.mobile-add-to-cart-btn.spec-bg-color .prices .np span {color: var(--red);}
.mobile-add-to-cart-btn.spec-bg-color div.prices .discount {color: #B62A2F !important;}
.mobile-add-to-cart-btn.spec-bg-color div.prices .op {color: var(--red);}
.mobile-add-to-cart-btn.spec-bg-color div.prices .op span {color: var(--red);}

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

}

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

}

/* TELEFON */
@media screen and (max-width :767px) {
 .product-detail-page .container {padding:0 10px; display:block;}
 .pd-images-area {display:none;}
 .pd-mobile-images-area {display: block !important;float: left;width: 100%;overflow: hidden;position: relative;}
 .pd-recommendation-area .container {padding:0 0px;}
 .pd-recommendation-area h5 {font-size:18px;}
 .mobile-add-to-cart-btn, .mobile-add-to-cart-novariant-btn {display:block;}
 .mobile-add-to-cart-area {display:block;}
 .pd-variant-selection, .pd-add-basket-area {display:none;}
}