/* Kurumsal 2028 / Gıda Sektörü Tema — yazı tipleri (Space Grotesk: başlık/arayüz, Fraunces: gövde metni) */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&display=swap');

/* ===== popup/css/component.css ===== */
@font-face {
			font-family: 'Times-New-Romance';
			src: url('../popup/css/Times-New-Romance.ttf');
			font-style: normal;
}
ul#products.grid>.new-product-block>span>li.field-product-card,
ul.home-product-grid>.new-product-block>span>li.field-product-card{
  width:auto!important;
  min-width:0!important;
}
.yazi{font-family:Times-New-Romance;
	      text-shadow: 0px 0px black;
    font-size: 20px;
}
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.md-modal {
	position: fixed;
        z-index: 11111 !important;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 9999;
	opacity: 0;
	background: rgba(52, 52, 52, 0.6);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #fff;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-5 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.md-show.md-effect-5 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-6 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg); 
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg); 
	opacity: 0;
}

.md-show.md-effect-6 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7{
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-8 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-8 .md-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-9 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-9 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-10 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
	background: #e74c3c;
} 

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
	background: transparent;
}

.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-13 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.md-show.md-effect-13 .md-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-14 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-15 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
	background: rgba(180,46,32,0.5);
}

.md-show.md-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}	

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay  {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.md-effect-17 .md-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
	background: rgba(143,27,15,0.8);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

.md-effect-18 .md-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.md-show.md-effect-18 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
	50% { 
		-webkit-transform: rotateX(10deg); 
		-webkit-animation-timing-function: ease-out; 
	}
}

/* Final shadow-free cart controls. */
#products.grid + .pager-container .show-items,
.pager-container .show-items,

/* Final shadow-free cart controls. */
.home-product-grid + .pager-container .show-items{
  display:none!important;
}

#products.grid .field-product-action,
.product-grid .field-product-action,
.home-product-grid .field-product-action,
#products.grid .field-product-action *,
.product-grid .field-product-action *,
.home-product-grid .field-product-action *{
	box-shadow:none!important;
	filter:none!important;
	backdrop-filter:none!important;
	-webkit-backdrop-filter:none!important;
}

@media(min-width:761px){
	#products.grid,
	.product-grid{
	  grid-template-columns:repeat(6,minmax(0,1fr))!important;
	  gap:14px!important;
	}
	#products.grid .ss-product-card,
	.product-grid .ss-product-card,
	.home-product-grid .ss-product-card{
	  width:100%!important;
	}
}

/* Final product-card flow: keep title, stock, price and action in separate rows. */
#products.grid .field-product-card,
.home-product-grid li.field-product-card,
.col-main>.content-container>.product-grid li.field-product-card{
	display:flex!important;
	flex-direction:column!important;
	position:relative!important;
	height:auto!important;
	min-height:360px!important;
	padding:10px!important;
	overflow:hidden!important;
}
#products.grid .field-product-card .field-product-media,
.home-product-grid li.field-product-card .field-product-media,
.col-main>.content-container>.product-grid li.field-product-card .field-product-media{
	position:relative!important;
	flex:0 0 150px!important;
	height:150px!important;
	min-height:150px!important;
	margin:0 0 8px!important;
}
#products.grid .field-product-card .field-product-media img,
.home-product-grid li.field-product-card .field-product-media img,
.col-main>.content-container>.product-grid li.field-product-card .field-product-media img{
	width:100%!important;
	height:150px!important;
	max-height:150px!important;
	object-fit:contain!important;
}
#products.grid .field-product-card .field-product-info,
.home-product-grid li.field-product-card .field-product-info,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info{
	flex:1 1 auto!important;
	display:flex!important;
	flex-direction:column!important;
	min-height:0!important;
	padding:0!important;
	overflow:hidden!important;
}
#products.grid .field-product-card .field-product-info>p:first-child,
.home-product-grid li.field-product-card .field-product-info>p:first-child,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info>p:first-child{
	min-height:38px!important;
	max-height:38px!important;
	margin:0 0 6px!important;
	overflow:hidden!important;
	line-height:1.35!important;
}
#products.grid .field-product-card .field-stock-meta-row,
.home-product-grid li.field-product-card .field-stock-meta-row,
.col-main>.content-container>.product-grid li.field-product-card .field-stock-meta-row{
	margin:0 0 5px!important;
}
#products.grid .field-product-card .field-unit-row,
.home-product-grid li.field-product-card .field-unit-row,
.col-main>.content-container>.product-grid li.field-product-card .field-unit-row{
	margin:0!important;
	font-size:11px!important;
}
#products.grid .field-product-card .field-price-row,
.home-product-grid li.field-product-card .field-price-row,
.col-main>.content-container>.product-grid li.field-product-card .field-price-row{
	position:static!important;
	flex:0 0 auto!important;
	height:auto!important;
	min-height:30px!important;
	margin:8px 0!important;
	padding:0!important;
	overflow:visible!important;
}
#products.grid .field-product-card .field-price-row strong,
.home-product-grid li.field-product-card .field-price-row strong,
.col-main>.content-container>.product-grid li.field-product-card .field-price-row strong{
	font-size:18px!important;
	line-height:1.2!important;
	white-space:nowrap!important;
	overflow:visible!important;
}
#products.grid .field-product-card .field-pending-row,
.home-product-grid li.field-product-card .field-pending-row,
.col-main>.content-container>.product-grid li.field-product-card .field-pending-row{
	flex:0 0 auto!important;
	min-height:18px!important;
	margin:0 0 6px!important;
	font-size:10px!important;
	overflow:hidden!important;
	text-overflow:ellipsis!important;
	white-space:nowrap!important;
}
#products.grid .field-product-card .field-product-action,
.home-product-grid li.field-product-card .field-product-action,
.col-main>.content-container>.product-grid li.field-product-card .field-product-action{
	position:static!important;
	flex:0 0 44px!important;
	height:44px!important;
	min-height:44px!important;
	margin:0!important;
	display:flex!important;
	justify-content:flex-end!important;
	align-items:center!important;
}
@media(max-width:760px){
	#products.grid .field-product-card,
	.home-product-grid li.field-product-card,
	.col-main>.content-container>.product-grid li.field-product-card{
	  min-height:330px!important;
	  padding:8px!important;
	}
	#products.grid .field-product-card .field-product-media,
	.home-product-grid li.field-product-card .field-product-media,
	.col-main>.content-container>.product-grid li.field-product-card .field-product-media{
	  flex-basis:112px!important;
	  height:112px!important;
	  min-height:112px!important;
	}
	#products.grid .field-product-card .field-product-media img,
	.home-product-grid li.field-product-card .field-product-media img,
	.col-main>.content-container>.product-grid li.field-product-card .field-product-media img{
	  height:112px!important;
	  max-height:112px!important;
	}
	#products.grid .field-product-card .field-price-row strong,
	.home-product-grid li.field-product-card .field-price-row strong,
	.col-main>.content-container>.product-grid li.field-product-card .field-price-row strong{
	  font-size:16px!important;
	}
}

/* Sepet kontrolunu kart icindeki diger bilgileri sikistirmadan %25 kucult. */
#products.grid .ss-product-card .field-product-action,
.product-grid .ss-product-card .field-product-action,
.home-product-grid .ss-product-card .field-product-action{
	transform:scale(.5625)!important;
	transform-origin:right bottom!important;
	box-shadow:none!important;
	filter:none!important;
}
#products.grid .ss-product-card .field-product-action *,
.product-grid .ss-product-card .field-product-action *,
.home-product-grid .ss-product-card .field-product-action *,
#products.grid .ss-product-card .field-product-action:before,
#products.grid .ss-product-card .field-product-action:after,
.product-grid .ss-product-card .field-product-action:before,
.product-grid .ss-product-card .field-product-action:after,
.home-product-grid .ss-product-card .field-product-action:before,
.home-product-grid .ss-product-card .field-product-action:after{
	box-shadow:none!important;
	filter:none!important;
	text-shadow:none!important;
}
#products.grid .ss-product-card.is-cart-added .field-product-action,
.product-grid .ss-product-card.is-cart-added .field-product-action,
.home-product-grid .ss-product-card.is-cart-added .field-product-action{
	transform:translateX(-50%) scale(.5625)!important;
	transform-origin:center bottom!important;
	box-shadow:none!important;
	filter:none!important;
}

@-moz-keyframes OpenTop {
	50% { 
		-moz-transform: rotateX(10deg); 
		-moz-animation-timing-function: ease-out; 
	}
}

@keyframes OpenTop {
	50% { 
		transform: rotateX(10deg); 
		animation-timing-function: ease-out; 
	}
}

.md-effect-19 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.md-show.md-effect-19 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

@media screen and (max-width: 32em) {
	body { font-size: 75%; }
}

/* ===== css/cssverticalmenu.css ===== */
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/

}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: grey; 
}

.glossymenu li a:hover{
background-image: url(glossyback2.gif);
}
.main .product-info-box .product-shop .price-box .priceciz {
	float:left;
	font-size: 14PX;
	font-family:'Fraunces',Georgia,serif;
	line-height:22px;
    color:red;
	text-decoration:line-through;
}
ul.form-list li .input-box .select {
             width: 252px;
             height: 35px;
             float: left;
             border: 1px solid #B4B4B4;
             padding: 8px 6px 7px;
             font-size: 11px;
             color: #5F5F5F;
         }
		 .account-login .content h2, .fieldset h2  { cursor:pointer; 
		 }

/* ===== css/ddsmoothmenu.css ===== */
.ddsmoothmenu{
    font: bold 14px Arial;
    
}

.ddsmoothmenu ul{
    z-index:100;
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
	width:auto !important; 
}

/*Top level list items*/
.ddsmoothmenu ul li{
    position: relative;
    display: inline;
    float: left;
    z-index: 999 !important;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
    display: block;
    padding: 8px 20px;
    padding-left: 0px;
    text-decoration: none;
    text-transform: uppercase;
}
.ddsmoothmenu ul li:last-child a{}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
    position: absolute;
    left: 0;
    display:none; /*collapse all sub menus to begin with*/
	width:auto !important;
    visibility: hidden;
	margin-top:-4px;
}
.ddsmoothmenu ul li ul ul{
    position: absolute;
    left: 0;
    display:none; /*collapse all sub menus to begin with*/
	width:auto !important;
    visibility: hidden;
	margin-top:0px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{ 
	margin-left:100px;
	 height:auto;

}
.ddsmoothmenu ul li ul li:hover{ height:auto; }
.ddsmoothmenu ul li ul li a {
    border-bottom: 1px solid #4A4A4A;
    border-top: 1px solid #252525;
}
.ddsmoothmenu ul li ul li:last-child {
    border-bottom: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
    top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
    width: 180px; /*width of sub menus*/
    padding:15px 20px;
    margin-left:-100px;
	font-size:11px;
	font-weight:normal;
    text-transform: none;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
    position: absolute;
    top: 12px;
    right: 7px;
}

.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
}

/* ===== css/elastislide.css ===== */
/* Elastislide Style */
.es-carousel-wrapper{
	background: #101010;
	padding:10px 37px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position:relative;
}
.es-carousel{
	overflow:hidden;
	background:#000;
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
	border-style:solid;
	border-color:#222;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:12px;
	background:transparent url(../images/nav.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:12px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:1.0;
}

/* ===== css/home_flexslider.css ===== */
/*

 * jQuery FlexSlider v2.0

 * http://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the GPLv2 license.

 * http://www.gnu.org/licenses/gpl-2.0.html

 *

 * Contributing author: Tyler Smith (@mbmufffin)

 */



 

/* Browser Resets */

/*.banner_box{text-align:center; width:700px; height:500px; float:left;}*/

.flexslider ol, .flexslider ul, .flexslider li{list-style: none outside none; margin:0px; padding:0px;}

.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus  {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 



/* FlexSlider Necessary Styles

*********************************/ 

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}





/* FlexSlider Default Theme

*********************************/

.flexslider {zoom: 1;}

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}

.loading .flex-viewport {max-height: 300px;}

.flexslider .slides {zoom: 1;}



.carousel li {margin-right: 5px}





/* Direction Nav */

.flex-direction-nav {*height: 0;}

.flex-direction-nav a {}

.flex-direction-nav .flex-next {
	background-position:left bottom; left:10px;
	-moz-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 
}

.flexslider:hover .flex-next {
	opacity:1; /*background-position:left top;*/
	-moz-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 

}

.flexslider:hover .flex-prev {opacity:1; /*background-position:right top;*/}

.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.flex-direction-nav a.flex-prev {

    background-position: right bottom;

    left:41px;

}



/* Control Nav */

.flex-control-paging{display:none;}

.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}

.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}

.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }



.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}

.flex-control-thumbs li {width: 25%; float: left; margin: 0;}

.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}

.flex-control-thumbs img:hover {opacity: 1;}

.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



@media screen and (max-width: 860px) {

  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}

  .flex-direction-nav .flex-next {opacity: 1; right: 0;}

}

/* ===== css/light_box.css ===== */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0; display:none!important;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/* ===== css/default.css ===== */
/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0; height: 100%;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #89867e;
	background: #fff;
}

a {
	color: #000;
	text-decoration: none;
}
a1 {
	color: #fff;
	text-decoration: none;
}

a:hover,
a:active {
	color: #333;
}

/* Header Style */
.main,
.container > header {
	margin: 0 auto;
	padding: 2em;
}

.container > header {
	text-align: center;
}

.container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}

.container > header span {
	display: block;
	font-size: 60%;
	opacity: 0.5;
	padding: 0 0 0.6em 0.1em;
}

/* To Navigation Style */
.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #888;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #333;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.container {
	height: 100%;
	position: relative;
}

.container > section {
	margin: 0 auto;
	padding: 5em 3em;
	text-align: center;
	color: #fff;
}

.container > section p {
	position: relative;
	margin: 0;
	padding: 1em;
	z-index: 1;
}

.container > section p.text {
	font-size: 1.4em;
}

.no-touch .note-touch {
	display: none;
}

.color-5 {
	background: #9e54bd;
}

.yaslasaga {
  margin:-22px 0 0 155px;
 
}

/* ===== liste/styles.css ===== */

/** list view **/
ul.list { list-style: none; width: 100%; }
ul.list li.modern { width:750px;height:150px; }
ul.list li.modern div.pro-img{    height: 140px;}
ul.list li.modern div.pro-img a img{    height: 100px;}
ul.list li.modern div.pro-content{   /*margin-top:-250px;*/}
ul.list li.modern div.pro-content p{    margin-top:-150px; margin-left:260px; width: 405px; height: 19px;  }
ul.list li.modern div.pro-content p a{ font-size:15px;}
ul.list li.modern div#kargorsmurn { margin-top:150px;}
ul.list li.modern div#kargorsmurn img{margin: -240px 0 0 -20px;}

ul.list li.modern div.pro-btn-block{       margin-top: -63px; margin-left:500px;  }
ul.list li.modern div.numble-wrapper{       margin-top: 0px; margin-left:0px; }
ul.list li.modern div#kargorsm {     margin-top: 30px;}

ul.list li.modern div#indrsm {  margin: 8px 0 0 3px;font-size: 18px;color: white;text-align: center;}
ul.list li.modern div.indurncls{  width:50px;}
ul.list li.modern div.indurncls img{  height:50px; width:50px; margin-left:20px; margin-top:83px;}
ul.list li.modern div.pro-price{  	display:block;padding:5px 10px 14px;	font-family:'Fraunces',Georgia,serif;font-size:16px;	font-weight:bold;text-align:center; width:230px; height:30px;position: absolute; margin-left:250px; margin-top:-50px;}
ul.list li.alt { background: #d7dfe0; }

ul.list li section.left { display: block; float: left; width: 350px; position: relative; padding-left: 20px; }
ul.list li section.right { display: block; float: right; margin-right: 10px; width: 250px; text-align: right; }

ul.list li section.left img.thumb { float: left; margin-right: 10px; }
ul.list li section.left img.featured-banner { position: absolute; left: -18px; top: 35px; }

ul.list li section.left h3 { font-family:'Space Grotesk',Arial,sans-serif; font-weight: bold; text-transform: uppercase; color: #707375; font-size: 1.4em; line-height: 1.6em; } 
ul.list li section.left span.meta { color: #93989b; font-weight: normal; font-size: 1.1em; }


ul.list li section.right span.price { font-weight: bold; display: block; margin-bottom: 15px; color: #ad3939; font-size: 1.6em; text-align: right; }

ul.list li section.right a.firstbtn { margin-right: 7px; }

ul.list div.urnsattur {     float:  right;    margin-top:  -100px;    margin-right: 47px;}









@media only screen and (max-width: 780px) {
    ul.list li.modern div.pro-price {width:100%;
    }
    ul.list li.modern .stokmik {    margin-right: 0px !important;
    margin-top: 0px !important;
    }
     ul.list li.modern div.pro-img a img{height: 100px;width: 120px;margin-left: -125px;}
    ul.list li.modern div.pro-price {margin-left:0px; }
    ul.list li.modern div.pro-content p{    margin-top:-170px; margin-left:130px; width: calc(100% - 100px); height: 19px;  }
    ul.list li.modern div.pro-btn-block {   margin-top: -63px; margin-left:0px;  }
    ul.list li.modern {height: 220px;    }
    ul.list li.modern div.numble-wrapper {     margin-top: 60px;}
     ul.list li.modern .pro-btn-block{
    display: inline-block;
    width: 100%;
    text-align: center;
}
    ul.list .numble-control {    margin-top: 20px !important;
    }
}
@media only screen and (max-width: 480px) {
    ul.list li.modern div.pro-img a img{height: 100px;width: 120px;margin-left: -125px;}
    ul.list li.modern div.pro-price {margin-left:0px; }
    ul.list li.modern div.pro-content p{    margin-top:-170px; margin-left:130px; width: 120px; height: 19px;  }
    ul.list li.modern div.pro-btn-block {   margin-top: -63px; margin-left:0px;  }
    ul.list li.modern {height: 220px;    }
    ul.list li.modern div.numble-wrapper {     margin-top: 60px;}
}
/** grid view **/
ul.grid { /*list-style: none; margin: 0 auto; padding-left: 25px;*/width: 120%;  }
ul.grid li.modern {width: 240px; height: 330px; border-right: 1px solid #b6bdbe; padding: 5px 22px; margin-bottom: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
ul.grid li.modern div.pro-img {    display: block; height: 175px; /*max-width:225px;*/ text-align: center; margin: 5px; z-index: 5;    }
ul.grid li.modern div.pro-content{   /*margin-top:-250px;*/   }
ul.grid li.modern div#kargorsmurn img{margin: -283px 0 0 -20px;}
ul.grid li.modern div.pro-img a img{    height: 175px; width:225px; margin-top:-8px;}

ul.grid li.modern div.pro-content p{      /*width: 195px;*/ height: 19px;  }
ul.grid li.modern div.pro-content p a{       /*margin-bottom: 10px;*/  }

ul.grid li.modern div.pro-btn-block{       margin-top: -40px;  }
ul.grid li.modern div.numble-wrapper{       margin-top: 40px; }
@media only screen and (max-width: 780px) {
    ul.grid li.modern {    }
    ul.grid li.modern div.numble-wrapper{       margin-top: 40px; }
        ul.grid li.modern .stokmik {     margin-right: 0px !important;  
     margin-top: 0px !important; 
        }
    ul.grid li.modern div.pro-img a img{  max-width:150%; margin-left:-15px; margin-top:-8px;}
  ul.grid li.modern .pro-btn-block{
    display: inline-block;
    width: 100%;
    text-align: center;
}
}
@media only screen and (max-width: 480px) {
    ul.grid li.modern div.pro-img a img{  max-width:225px;  margin-left:-15px; margin-top:-8px;}
}
ul.grid li.modern div#kargorsm {     margin-top: 39px;}
ul.grid li.modern div.indurncls{  width:50px;     margin-top: -175px;}
ul.grid li.modern div#indrsm { margin: -20px 0 0 0px;font-size: 22px;color: white;text-align: center;padding-top:10px;}

ul.grid li.modern .urnsattur{	text-align: center;}
ul.grid li.modern div.pro-price{  	display:block;clear:both;font-family:'Fraunces',Georgia,serif;font-size:16px;	font-weight:bold;text-align:center;    text-align: center;    height: 30px;}




ul.grid li.third { border: 0; }

ul.grid li section.left { position: relative; }
ul.grid li section.right { /* nothing */ }

ul.grid li section.left img.featured-banner { position: absolute; top: 0; }

ul.grid li section.left h3 { font-family:'Space Grotesk',Arial,sans-serif; font-weight: bold; text-transform: uppercase; color: #707375; font-size: 1.4em; line-height: 1.5em; } 
ul.grid li section.left span.meta { display: block; color: #93989b; font-weight: normal; font-size: 1.1em; margin-bottom: 7px; }

ul.grid li section.right span.price { font-weight: bold; display: block; margin-bottom: 5px; color: #ad3939; font-size: 1.75em; }


ul.grid li section.right span.darkview { 
opacity: 0;
margin: 0; 
position: absolute;
top: 0; 
left: 0; 
width: 190px; 
height: 200px;
margin: 0 15px; 
border-radius: 6px;
background: rgba(40, 45, 55, 0.75); 
overflow: hidden;
text-align: center;
padding-top: 35px;
box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
transition: opacity 0.2s linear 0s;
-webkit-transition: opacity 0.2s linear 0s;
-moz-transition: opacity 0.25s linear 0s;
-o-transition: opacity 0.25s linear 0s;  
}
ul.grid li:hover section.right span.darkview { opacity: 1; }

ul.grid li section.right span.darkview a.firstbtn { display: block; margin-bottom: 10px; }



/** list2 **/

ul.list2 div.urnsattur {    float: right;    margin-top: -55px;    margin-right: 200px;}

/** list view **/
ul.list2 { list-style: none; width: 100%; }
ul.list2 li.modern {    width: 100%;height:60px; }
ul.list2 li.modern svg{     height: 40px !important;    width: 40px !important;}
ul.list2 li.modern div.pro-img{    height: 55px;}
ul.list2 li.modern div.pro-img a img{     margin-left:-100px;    max-width: 150px;   height: 60px;    margin-top: -14px;}
ul.list2 li.modern div.pro-content{   /*margin-top:-250px;*/}
ul.list2 li.modern div.pro-content p{    margin-top:-85px;     margin-left: 150px;    width: calc(100% - 280px);height: 19px;  }
ul.list2 li.modern div.pro-content p a{ font-size:15px;}
ul.list2 li.modern div#kargorsmurn { margin-top:150px;}
ul.list2 li.modern div#kargorsmurn img{margin: -240px 0 0 -20px;}

ul.list2 li.modern div.pro-btn-block{       margin-top: -52px; margin-left: calc(100% - 160px);  }
ul.list2 li.modern div.numble-wrapper{       margin-top: 0px; margin-left:0px; }
ul.list2 li.modern div#kargorsm {     margin-top: 30px;}

ul.list2 li.modern div#indrsm {  margin: 8px 0 0 3px;font-size: 18px;color: white;text-align: center;}
ul.list2 li.modern div.indurncls{  width:50px;}
ul.list2 li.modern div.indurncls img{  height:50px; width:50px; margin-left:20px; margin-top:83px;}
ul.list2 li.modern div.pro-price{  	display:block;padding:5px 10px 14px;	font-family:'Fraunces',Georgia,serif;font-size:16px;	font-weight:bold;text-align:center; width:230px; height:30px;position: absolute;    margin-left: calc(100% - 240px);    margin-top: -80px;}
ul.list2 .btn-5 { height: 30px !important;  }
ul.list2 .numble-control {    padding: 2px !important;     }
  ul.list2 .numble-control .numble-increment {  top: -5px !important;}
  ul.list2  .numble-control .numble-decrement {
    top: 10px !important;
}
ul.list2 .indirim {      top: 5px !important;  left: calc(100% - 220px) !important;  }

ul.list2 .stokmik {       margin-right: -42px !important;    margin-top: -100px !important; }
ul.list2 li section.left { display: block; float: left; width: 350px; position: relative; padding-left: 20px; }
ul.list2 li section.right { display: block; float: right; margin-right: 10px; width: 250px; text-align: right; }

ul.list2 li section.left img.thumb { float: left; margin-right: 10px; }
ul.list2 li section.left img.featured-banner { position: absolute; left: -18px; top: 35px; }

ul.list2 li section.left h3 { font-family:'Space Grotesk',Arial,sans-serif; font-weight: bold; text-transform: uppercase; color: #707375; font-size: 1.4em; line-height: 1.6em; } 
ul.list2 li section.left span.meta { color: #93989b; font-weight: normal; font-size: 1.1em; }


ul.list2 li section.right span.price { font-weight: bold; display: block; margin-bottom: 15px; color: #ad3939; font-size: 1.6em; text-align: right; }

ul.list2 li section.right a.firstbtn { margin-right: 7px; }











@media only screen and (max-width: 780px) {
    ul.list2 li.modern div.pro-img a img{     margin-left:-170px;}
    ul.list2 li.modern div.pro-content p {    margin-left: 100px;
    }
    ul.list2 .stokmik {    margin-right: -52px !important;
    margin-top: -100px !important;
        
    }
    ul.list2 li.modern svg {height: 37px !important;
    }
}
@media only screen and (max-width: 480px) {
    ul.list2 li.modern div.pro-price{      padding: 0px 0px 0px;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    width: calc(100% - 185px);
    height: 30px;
    position: absolute;
    margin-left: calc(100% - 135px);
    margin-top: -78px;}
    ul.list2 li.modern div.pro-content p a {    font-size: 11px;}
    ul.list2 li.modern div.pro-content p {    width: calc(100% - 180px);   margin-left: 90px;}
    ul.list2 .btn-5 {    height: 30px !important;min-width:80px;padding: 0px 10px;}
     ul.list2  .numble-wrapper {display:none    }

    ul.list2 .pro-btn-block a.btn-5 {font-size:10px !important;
    }
    ul.list2 li.modern div.pro-btn-block {    margin-top: -52px;    margin-left: calc(100% - 120px);}
}




/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* ===== textboxplus/textboxplus.css ===== */
.test-area{
  margin-bottom: 20px;
}

.numble-control{
  width: 40px;
  padding:  7px;
  border: 1px solid #ccc;
  color: #CD1F25;
  font-family: Arial;
  background-color: #EEEEEE;
  position: absolute;
  margin-top: 2.5px;
  margin-right:180px;
  font-size: initial;
}

.numble-control .numble-arrow{
  position: absolute;
  right: 2px;
  font-size: 1em;
  cursor: pointer;
}

.numble-control .numble-increment{
  top: 1px;
}

.numble-control .numble-decrement{
  top: 15px;
}

.big .numble-control{
  height: 50px;
  width: 50px;
  padding: 10px;
  border: 1px solid #ccc;
  color: #CD1F25;
  font-family: Arial;
  background-color: #EEEEEE;
  position: relative;
  text-align: center;
  font-size: 23px;
}

.big .numble-control .numble-arrow{
  display: block;
  width: 50%;
  text-align: center;
  top: 50px;
  border-top: 1px solid #CD1F25;
  font-size: 0.5em;
}

.big .numble-control .numble-increment{
  left: 0px;
}

.big .numble-control .numble-decrement{
  right: 0;
  border-top: 1px solid rgb(204, 204, 204);
  border-left: 1px solid;
}

.external .numble-control{
  text-align: center;
}

/* ===== YENİ: Modern tasarım sistemi (en son, üzerine yazar) ===== */
/* =========================================================
   Sistem Spot - Modern Theme
   Yeni tasarım sistemi. Sunucu taraflı kontrollerin ID'lerine
   dokunulmadı; sadece görsel katman (HTML yapısı + CSS) yenilendi.
   ========================================================= */

:root{
  /* ===== Kurumsal 2028 / Gıda Sektörü Tema — Ana Token Seti =====
     "Hasat hassasiyeti": kurumsal, teknik bir kesinlik ile gıda kalite/
     izlenebilirlik dünyasının sakinliğini birleştiren, sıradışı bir kimlik.
     Klasik "sıcak krem + terracotta" veya "yapay zeka SaaS'ı" paletlerinden
     kaçınıldı; serin, bitkisel bir zemin + tek, güçlü bir "paprika" vurgusu. */
  --ss-green:        #0000ff;
  --ss-green-dark:   #121e30;
  --ss-green-light:  #E7EEE7;
  --ss-orange:       #C97A1E;
  --ss-red:          #C1392B;
  --ss-purple:       #6A3FB0;
  --ss-blue:         #2C5A82;
  --ss-gold:         #D69E1D;
  --ss-accent:       #D6432F;
  --ss-accent-dark:  #A6321F;
  /* Stok/kampanya durumlari birbirine karismasin diye AYRI, canli renkler:
     firsat/indirim -> accent (kirmizimsi), tukenmek uzere -> warning (amber),
     yakinda/bekleyen stok -> info (canli camgobegi), kampanya -> gold. */
  --ss-warning:      #E8890B;
  --ss-info:         #0E7C86;
  --ss-ink:          #17231C;
  --ss-text:         #17231C;
  --ss-text-muted:   #6E7568;
  --ss-border:       #D9E1D6;
  --ss-bg:           #F1F3ED;
  --ss-white:        #ffffff;
  --ss-radius-sm:    4px;
  --ss-radius-md:    8px;
  --ss-radius-lg:    12px;
  --ss-shadow:       0 1px 2px rgba(23,35,28,.07);
  --ss-shadow-md:    0 4px 16px rgba(23,35,28,.12);
  --ss-container:    1400px;
  --ss-font-display: 'Space Grotesk',Arial,Helvetica,sans-serif;
  --ss-font-body:    'Fraunces',Georgia,serif;
}

/* Baslik/arayuz elemanlari icin gosterim yazi tipi; govde metni Fraunces'i korur.
   Dosyanin ilerisinde ayni ogeler icin baska font-family kurallari da olabildigi
   icin (bu, birlestirilmis/eski bir CSS demeti) !important ile garantiye alindi -
   dosyanin kendi genel kullanim alaskani ile ayni yaklasim. */
h1,h2,h3,h4,h5,h6,
.cssmenu, #cssmenu, .cssmenu *, #cssmenu *,
.kategori-ikon,
button, input[type="submit"], input[type="button"], .btn, .buton,
.ss-badge, .pro-price, .price, .field-price,
.logo, .site-title{
  font-family:var(--ss-font-display) !important;
  letter-spacing:.01em;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body.BODY{
  font-family:var(--ss-font-body);
  background:var(--ss-bg);
  color:var(--ss-text);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
img{max-width:100%;display:block;}

.container,
.ss-container{
  max-width:var(--ss-container);
  margin:0 auto;
  padding:0 20px;
}

/* =========================== HEADER =========================== */
.header-wrapper{
  background:var(--ss-white);
  border-bottom:1px solid var(--ss-border);
  position:relative;
  z-index:50;
}

.header-wrapper header.container{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:18px;
  padding-top:14px;
  padding-bottom:14px;
}

/* Logo */
h1.logo{margin:0;order:1;flex:0 0 auto;}
h1.logo a#logoy{display:flex;align-items:center;gap:8px;}
h1.logo img{max-height:58px;width:auto;min-width:170px;}
h1.logo a#logoy::before{content:none;}
h1.logo a#logoy.logo-missing::after{
  content:none;
}
.footer-brand-name{
  display:inline-flex!important;
  align-items:center!important;
}
.footer-brand-name img{
  display:block!important;
  width:auto!important;
  max-width:220px!important;
  height:auto!important;
  max-height:58px!important;
}

/* Search block */
.search-block{
  order:3;
  flex:1 1 380px;
  position:relative;
  display:flex;
  align-items:center;
  background:var(--ss-white);
  border:1.5px solid var(--ss-border);
  border-radius:999px;
  padding:4px 4px 4px 18px;
  max-width:640px;
}
.search-block svg{position:static !important;margin:0 8px 0 0 !important;width:20px !important;height:20px !important;opacity:.55;}
.search-block .ASPanel,
.search-block span.aspNetHidden{display:contents;}
.search-block input[type="text"],
.search-block input#txturunadi{
  border:none !important;
  outline:none !important;
  background:transparent !important;
  font-size:15px !important;
  padding:10px 6px !important;
  flex:1;
  width:100%;
  color:var(--ss-text);
}
.search-block a.input-box,
.search-block a#btnara{
  background:var(--ss-green);
  color:#fff !important;
  border-radius:999px;
  padding:0 22px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  white-space:nowrap;
}
.search-block a.input-box p,
.search-block a#btnara p{margin:0;padding:0 !important;font-size:14px !important;height:auto !important;color:#fff;}
.search-block a.input-box:hover{background:var(--ss-green-dark);}
.search-tools{display:flex;align-items:center;gap:4px;margin-left:auto;}
.search-tool-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  padding:0;
  border:1px solid var(--ss-border);
  border-radius:50%;
  background:#f7fbf5;
  color:var(--ss-green-dark);
  cursor:pointer;
  font-size:15px;
}
.search-tool-button:hover{background:var(--ss-green-light);}
.search-tool-button:disabled{opacity:.55;cursor:wait;}
.ss-scan-modal{
  position:fixed;
  z-index:10000;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(15,35,18,.62);
}
.ss-scan-modal.show{display:flex;}
.ss-scan-box{
  width:min(440px,100%);
  padding:16px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}
.ss-scan-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#18361c;font-size:17px;}
.ss-scan-head button{border:0;background:transparent;color:#56705a;font-size:26px;cursor:pointer;}
#ssBarkodVideo{display:block;width:100%;height:230px;border-radius:12px;background:#162018;object-fit:cover;}
.ss-scan-status{padding:10px 0;color:#607064;font-size:12px;text-align:center;}
.ss-scan-manual{display:flex;gap:8px;}
.ss-scan-manual input{min-width:0;flex:1;height:42px;padding:0 12px;border:1px solid #dbe7d8;border-radius:9px;outline:none;}
.ss-scan-close{width:100%;margin-top:10px;}
@media(max-width:760px){
  .search-tools{width:100%;margin-top:4px;justify-content:flex-end;}
  .search-tools .search-submit{margin-left:auto;}
}

/* Tek ürün kartı standardı: ana sayfadaki tüm ürün listeleri aynı ölçüleri
   kullanır; liste türü yalnızca veri kaynağını değiştirir. */
.home-product-grid,
.home-category-grid,
#products.grid .new-product-block,
#products.grid .product-grid,.home-product-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  list-style:none!important;
}
.home-category-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
.home-category-grid>.new-product-block,
.home-category-grid>div,
.home-category-grid>span{
  display:contents!important;
}
.home-category-grid>.new-product-block>div,
.home-category-grid>.new-product-block>span,
.home-category-grid>div>div,
.home-category-grid>div>span{
  display:contents!important;
}
.home-category-grid .product-grid{
  display:contents!important;
  margin:0!important;
  padding:0!important;
}
.home-product-grid .ss-product-card,
#products.grid .ss-product-card,
#products.grid .product-grid .ss-product-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:auto!important;
  min-width:0!important;
  height:375px!important;
  min-height:375px!important;
  margin:0!important;
  padding:10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.home-product-grid .ss-product-card .field-product-media,
#products.grid .ss-product-card .field-product-media,
#products.grid .product-grid .ss-product-card .field-product-media{
  position:static!important;
  display:block!important;
  flex:0 0 154px!important;
  height:154px!important;
  min-height:154px!important;
  text-align:center!important;
}
.home-product-grid .ss-product-card .field-product-media img,
#products.grid .ss-product-card .field-product-media img,
#products.grid .product-grid .ss-product-card .field-product-media img{
  width:100%!important;
  height:154px!important;
  max-height:154px!important;
  object-fit:contain!important;
}
.home-product-grid .ss-product-card .field-product-info,
#products.grid .ss-product-card .field-product-info,
#products.grid .product-grid .ss-product-card .field-product-info{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:8px 0 70px!important;
}
.home-product-grid .ss-product-card .field-price-row,
#products.grid .ss-product-card .field-price-row,
#products.grid .product-grid .ss-product-card .field-price-row{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:48px!important;
  min-height:24px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
}
.home-product-grid .ss-product-card .field-product-action,
#products.grid .ss-product-card .field-product-action,
#products.grid .product-grid .ss-product-card .field-product-action,
.home-product-grid .ss-product-card>.pro-btn-block,
#products.grid .ss-product-card>.pro-btn-block,
#products.grid .product-grid .ss-product-card>.pro-btn-block{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:10px!important;
  height:32px!important;
  margin:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
@media(max-width:760px){
  .home-product-grid,
  #products.grid .new-product-block,
  #products.grid .product-grid,.home-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .home-product-grid .ss-product-card,
  #products.grid .ss-product-card,
  #products.grid .product-grid .ss-product-card{
    height:300px!important;
    min-height:300px!important;
    padding:8px!important;
  }
  .home-product-grid .ss-product-card .field-product-media,
  #products.grid .ss-product-card .field-product-media,
  #products.grid .product-grid .ss-product-card .field-product-media,
  .home-product-grid .ss-product-card .field-product-media img,
  #products.grid .ss-product-card .field-product-media img,
  #products.grid .product-grid .ss-product-card .field-product-media img{
    flex-basis:120px!important;
    height:120px!important;
    min-height:120px!important;
    max-height:120px!important;
  }
}

@media(max-width:900px){
  .mobMenu{
    display:block!important;
    flex-basis:100%;
    width:100%;
    margin:8px 0 0;
    box-sizing:border-box;
  }
  .mobMenu .mobbaslık{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:46px;
    box-sizing:border-box;
    margin:0;
    padding:12px 16px;
    border:1px solid var(--ss-green-light);
    border-radius:10px;
    background:var(--ss-green-light);
    color:var(--ss-green);
    font-size:14px;
    cursor:pointer;
  }
  .mobMenu .category-toggle{
    font-size:20px;
    line-height:1;
    transition:transform .2s ease;
  }
  .mobMenu .mobbaslık.mobdöndür .category-toggle{
    transform:rotate(180deg);
  }
  .mobMenu .mobile-category-panel{
    width:100%;
    max-height:52vh;
    overflow-y:auto;
    box-sizing:border-box;
    margin-top:6px;
    padding:4px 8px;
    border:1px solid var(--ss-border);
    border-radius:10px;
    background:#fff;
  }
  .mobMenu .mobile-category-link{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    box-sizing:border-box;
    padding:9px 8px;
    border-bottom:1px solid var(--ss-green-light);
    color:#25472e;
    text-decoration:none;
    font-size:14px;
  }
  .mobMenu .mobile-category-link:last-child{border-bottom:0;}
  .mobMenu .mobile-category-link:hover,
  .mobMenu .mobile-category-link:focus{background:#f1faed;color:var(--ss-green);}
}

@media(min-width:901px){
  .mobMenu{display:none!important;}
}

/* Final shared card geometry. Keep this block last so homepage sections and
   category results resolve to the same definition. */
.home-product-grid,
#products.grid .new-product-block,
#products.grid,
#products.grid .product-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  gap:18px!important;
}
.home-product-grid .ss-product-card,
#products.grid .ss-product-card,
#products.grid .product-grid .ss-product-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:auto!important;
  height:375px!important;
  min-height:375px!important;
  margin:0!important;
  padding:0 12px 8px!important;
  box-sizing:border-box!important;
}
.home-product-grid .ss-product-card .field-product-media,
#products.grid .ss-product-card .field-product-media,
#products.grid .product-grid .ss-product-card .field-product-media{
  position:relative!important;
  display:flex!important;
  flex:0 0 154px!important;
  align-items:center!important;
  justify-content:center!important;
  height:154px!important;
  min-height:154px!important;
}
.home-product-grid .ss-product-card .field-product-media img,
#products.grid .ss-product-card .field-product-media img,
#products.grid .product-grid .ss-product-card .field-product-media img{
  width:auto!important;
  height:132px!important;
  max-width:100%!important;
  max-height:132px!important;
  object-fit:contain!important;
}
.home-product-grid .ss-product-card .field-product-info,
#products.grid .ss-product-card .field-product-info,
#products.grid .product-grid .ss-product-card .field-product-info{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:0 2px 78px!important;
}
.home-product-grid .ss-product-card .field-price-row,
#products.grid .ss-product-card .field-price-row,
#products.grid .product-grid .ss-product-card .field-price-row{
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:76px!important;
  height:28px!important;
  min-height:28px!important;
}
.home-product-grid .ss-product-card .field-product-action,
#products.grid .ss-product-card .field-product-action,
#products.grid .product-grid .ss-product-card .field-product-action,
.home-product-grid .ss-product-card>.pro-btn-block,
#products.grid .ss-product-card>.pro-btn-block,
#products.grid .product-grid .ss-product-card>.pro-btn-block{
  position:absolute!important;
  left:auto!important;
  right:8px!important;
  bottom:8px!important;
  z-index:6!important;
}
@media(max-width:760px){
  .home-product-grid,
  #products.grid,
  #products.grid .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .home-product-grid .ss-product-card,
  #products.grid .ss-product-card,
  #products.grid .product-grid .ss-product-card{
    height:300px!important;
    min-height:300px!important;
  }
  .home-product-grid .ss-product-card .field-product-media,
  #products.grid .ss-product-card .field-product-media,
  #products.grid .product-grid .ss-product-card .field-product-media{
    flex-basis:120px!important;
    height:120px!important;
    min-height:120px!important;
  }
  .home-product-grid .ss-product-card .field-product-media img,
  #products.grid .ss-product-card .field-product-media img,
  #products.grid .product-grid .ss-product-card .field-product-media img{
    height:104px!important;
    max-height:104px!important;
  }
}

/* Son ortak yerlesim ayarlari: sayfa kenar bosluklari dar ve sepet orta kolona sigar. */
.content-wrapper>.ss-page-layout{
  grid-template-columns:200px minmax(0,1fr) 160px!important;
  gap:8px!important;
  width:calc(100% - 16px)!important;
  max-width:1500px!important;
  padding:8px!important;
}
.sepet-sayfa table.grid-table.sapetim{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.sepet-sayfa table.grid-table.sapetim th,
.sepet-sayfa table.grid-table.sapetim td{
  padding:9px 7px!important;
  font-size:12px!important;
  overflow:hidden;
}
.sepet-sayfa table.grid-table.sapetim th:first-child,
.sepet-sayfa table.grid-table.sapetim td:first-child{width:78px!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(2),
.sepet-sayfa table.grid-table.sapetim td:nth-child(2){width:88px!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(3),
.sepet-sayfa table.grid-table.sapetim td:nth-child(3){width:auto!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(4),
.sepet-sayfa table.grid-table.sapetim td:nth-child(4){width:118px!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(5),
.sepet-sayfa table.grid-table.sapetim td:nth-child(5){width:52px!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(6),
.sepet-sayfa table.grid-table.sapetim td:nth-child(6){width:102px!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(7),
.sepet-sayfa table.grid-table.sapetim td:nth-child(7){width:108px!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(8),
.sepet-sayfa table.grid-table.sapetim td:nth-child(8){width:46px!important;min-width:0!important;}
.sepet-sayfa .sepet-urun-ad-link{
  max-width:none!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sepet-sayfa .sepet-miktar-control{gap:2px!important;}
.sepet-sayfa .sepet-miktar-btn{width:24px!important;height:26px!important;}
.sepet-sayfa .sepet-miktar-input{width:38px!important;height:26px!important;}
.sepet-sayfa .sepet-aksiyon-tablo .rnk-rnk,
.sepet-sayfa a.rnk-rnk,
.sepet-sayfa input[type="submit"],
.sepet-sayfa input[type="button"]{
  background:var(--ss-green)!important;
  border-color:var(--ss-green)!important;
  color:#fff!important;
}
.sepet-sayfa .sepet-aksiyon-tablo .rnk-rnk:hover,
.sepet-sayfa a.rnk-rnk:hover{
  background:var(--ss-green-dark)!important;
  border-color:var(--ss-green-dark)!important;
}
.sepet-sayfa .siparis-ozet-toplam,
.sepet-sayfa table.sepet-ozet-tablo tr:last-child td{
  background:var(--ss-green-light)!important;
  color:var(--ss-green)!important;
}
@media(max-width:1100px){
  .content-wrapper>.ss-page-layout{
    grid-template-columns:180px minmax(0,1fr)!important;
  }
}

/* Ortak sayfa iskeleti: üç kolon yalnızca MasterPage tarafından tanımlanır. */
.content-wrapper>.ss-page-layout{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr) 180px!important;
  gap:16px!important;
  align-items:start!important;
  width:calc(100% - 32px)!important;
  max-width:1400px!important;
  margin:0 auto!important;
  padding:16px!important;
}
.content-wrapper>.ss-page-layout>[id$="panelkategori"]{
  display:block!important;
}
.content-wrapper>.ss-page-layout>.col-main{
  display:block!important;
  grid-column:2!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
}
.content-wrapper>.ss-page-layout>.home-aside{
  display:flex!important;
  grid-column:3!important;
}
.content-wrapper>.ss-page-layout>.clearfix{
  display:none!important;
}
.content-wrapper>.ss-page-layout>.service-strip,
.content-wrapper>.ss-page-layout>.promo-strip,
.content-wrapper>.ss-page-layout>.trust-grid,
.content-wrapper>.ss-page-layout>#kampanyagst{
  grid-column:1/-1!important;
}
.sepet-sayfa{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
@media(max-width:1100px){
  .content-wrapper>.ss-page-layout{
    grid-template-columns:190px minmax(0,1fr)!important;
  }
  .content-wrapper>.ss-page-layout>.home-aside{
    display:none!important;
  }
  .content-wrapper>.ss-page-layout>.col-main{
    grid-column:2!important;
  }
}
@media(max-width:760px){
  .content-wrapper>.ss-page-layout{
    display:block!important;
    width:100%!important;
    padding:12px!important;
  }
  .content-wrapper>.ss-page-layout>[id$="panelkategori"]{
    display:none!important;
  }
  .content-wrapper>.ss-page-layout>.col-main{
    width:100%!important;
  }
}

/* MasterPage zaten ana üç kolonlu düzeni sağladığı için sepet kendi grid'ini oluşturmaz. */
.sepet-sayfa{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.sepet-sayfa .sepet-tablo-wrap{
  width:100%!important;
  max-width:none!important;
  overflow-x:auto!important;
}
.sepet-sayfa table.grid-table.sapetim{
  width:100%!important;
  min-width:980px!important;
  table-layout:auto!important;
}
.sepet-sayfa .siparis-ozet-alani{
  display:flex!important;
  justify-content:flex-end!important;
  width:100%!important;
}

/* Right side: account + cart */
.top-nav{
  display:flex;
  align-items:center;
  gap:14px;
  order:4;
  font-size:13px;
}
.top-nav li a{color:var(--ss-text-muted);padding:6px 4px;}
.top-nav li a:hover{color:var(--ss-green-dark);}
ul#uyegiris.top-nav{
  order:4;
  background:var(--ss-green-light);
  border-radius:999px;
  padding:6px 6px;
}
ul#uyegiris.top-nav li a{
  padding:8px 16px;
  border-radius:999px;
  font-weight:600;
  color:var(--ss-green-dark);
}
ul#uyegiris.top-nav li:last-child a{background:var(--ss-green);color:#fff;}

.cart-block{
  display:none!important;
}
.ss-floating-cart{
  order:5;
  position:relative;
}
.cart-block > ul{
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--ss-white);
  border:1.5px solid var(--ss-border);
  border-radius:999px;
  padding:8px 18px;
  cursor:pointer;
}
.cart-block > ul::before{content:"🛍️";font-size:18px;}
.cart-block > ul li{font-size:13px;color:var(--ss-text-muted);}
.cart-block > ul li:first-child{font-weight:700;color:var(--ss-text);font-size:14px;}
.cart-block > ul li a img{display:none;}
.cart-block .remain_cart{
  position:absolute;right:0;top:calc(100% + 8px);
  background:#fff;border:1px solid var(--ss-border);
  border-radius:var(--ss-radius-md);
  box-shadow:var(--ss-shadow-md);
  min-width:300px;padding:14px;z-index:80;
}
.cart-block .remain_cart ol{list-style:none;margin:0;padding:0;}
.cart-block .remain_cart .detail-block{padding:8px 0;border-bottom:1px dashed var(--ss-border);}
.cart-block .remain_cart .total-block{font-weight:700;padding-top:10px;}
.cart-block .remain_cart a.colors-btn{
  display:block;text-align:center;background:var(--ss-green);
  color:#fff;border-radius:999px;padding:10px;margin-top:10px;font-weight:600;
}
.dolarkur{order:6;font-size:12px;color:var(--ss-text-muted);text-align:right;}

/* top-bar strip (delivery / help) */
.header-topline{
  background:var(--ss-green-dark);
  color:#fff;
  font-size:12.5px;
}
.header-topline .container{
  display:flex;justify-content:space-between;padding:6px 20px;
}

/* Category / navigation bar */
nav#smoothmenu1.ddsmoothmenu.mainMenu{
  order:7;
  flex-basis:100%;
  background:var(--ss-green);
  border-radius:var(--ss-radius-md);
  margin-top:4px;
}
nav#smoothmenu1 ul#nav{
  display:flex;
  flex-wrap:wrap;
  gap:2px;
  padding:4px 10px;
}
nav#smoothmenu1 ul#nav > li{position:relative;}
nav#smoothmenu1 ul#nav > li > a{
  display:block;
  color:#fff;
  font-weight:600;
  font-size:13.5px;
  padding:11px 16px;
  border-radius:8px;
}
nav#smoothmenu1 ul#nav > li:hover > a{background:rgba(255,255,255,.16);}
nav#smoothmenu1 ul#nav > li > ul{
  display:none;
  position:absolute;left:0;top:100%;
  background:#fff;min-width:220px;
  border-radius:var(--ss-radius-sm);
  box-shadow:var(--ss-shadow-md);
  padding:6px;z-index:60;
}
nav#smoothmenu1 ul#nav > li:hover > ul{display:block;}
nav#smoothmenu1 ul#nav > li > ul li a{
  color:var(--ss-text);padding:8px 12px;border-radius:6px;display:block;font-size:13px;
}
nav#smoothmenu1 ul#nav > li > ul li a:hover{background:var(--ss-green-light);color:var(--ss-green-dark);}

/* Mobile menu toggle (kept functional, simplified visuals) */
.mobMenu{order:8;display:none;flex-basis:100%;}
.mobMenu h1{display:flex;align-items:center;justify-content:space-between;background:var(--ss-green);color:#fff;border-radius:var(--ss-radius-sm);padding:10px 14px;margin:6px 0;font-size:14px;}
.mobMenu a.menuBox{width:22px;height:16px;position:relative;display:block;}
.mobMenu a.menuBox::before,.mobMenu a.menuBox::after,.mobMenu a.menuBox span{
  content:"";position:absolute;left:0;right:0;height:2px;background:#fff;
}
.mobMenu a.menuBox::before{top:0;}
.mobMenu a.menuBox::after{bottom:0;}

@media (max-width: 900px){
  nav#smoothmenu1.ddsmoothmenu.mainMenu{display:none;}
  .mobMenu{display:block;}
  .search-block{order:2;flex-basis:100%;max-width:none;}
  .top-nav,.dolarkur{display:none;}
}

/* =========================== HERO / BANNER =========================== */
.banner-wrapper{
  background:linear-gradient(135deg,var(--ss-green-light) 0%,#f4fbf3 60%);
  padding:26px 0;
}
.banner-block.container{padding:0 20px;}
.flexslider{
  border-radius:var(--ss-radius-lg);
  overflow:hidden;
  box-shadow:var(--ss-shadow-md);
}
.flexslider .slides li img{
  width:100% !important;height:auto !important;max-height:400px;object-fit:cover;
}

/* =========================== CATEGORY CHIPS (from Default.aspx altkategori blocks) === */
#anakategori{
  max-width:var(--ss-container);
  margin:18px auto 0;
  padding:0 20px;
}
#anakategori > div{display:flex;flex-wrap:wrap;gap:8px;}
#anakategori a{
  background:#fff;border:1px solid var(--ss-border);
  padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ss-text-muted);
}
#anakategori a:hover{border-color:var(--ss-green);color:var(--ss-green-dark);}

.tabloborder{margin:10px auto;max-width:var(--ss-container);padding:0 20px;}
.tabloborder td{border:none !important;}
.tabloborder a{
  display:block;background:#fff;border:1px solid var(--ss-border);border-radius:var(--ss-radius-sm);
  padding:10px 14px;font-size:13px;font-weight:600;color:var(--ss-text);text-align:center;
}
.tabloborder a:hover{border-color:var(--ss-green);color:var(--ss-green-dark);}

/* =========================== CONTENT LAYOUT =========================== */
section.content-wrapper{padding:26px 0 40px;}
.content-container.container{
  display:flex;align-items:flex-start;gap:26px;
  max-width:var(--ss-container);margin:0 auto;padding:0 20px;
}
.col-left{flex:0 0 250px;}
.col-main{flex:1 1 auto;min-width:0;}

.block.man-block{
  background:#fff;border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);
  margin-bottom:16px;overflow:hidden;box-shadow:var(--ss-shadow);
}
.block-title{
  background:var(--ss-green);color:#fff;font-weight:700;font-size:14px;padding:12px 16px;
}
.block-title a{color:#fff;}
#alt-basliklar,#datalist-alt-basliklar{
  padding:10px 16px;border-bottom:1px solid var(--ss-border);font-size:13.5px;
}
#alt-basliklar a,#datalist-alt-basliklar a{color:var(--ss-text-muted);display:flex;align-items:center;gap:8px;}
#alt-basliklar a:hover,#datalist-alt-basliklar a:hover{color:var(--ss-green-dark);}
.kategori-ikon{font-size:15px;line-height:1;flex:0 0 auto;}

/* Gerçek kategori listesi bu yapı üzerinden render ediliyor (MasterPage.master.cs -> cssmenu.InnerHtml) */
#cssmenu ul{list-style:none;margin:0;padding:0;}
#cssmenu ul > li{border-bottom:1px solid var(--ss-border);}
#cssmenu ul > li:last-child{border-bottom:none;}
#cssmenu ul > li > a{
  display:flex;align-items:center;gap:8px;
  padding:10px 16px;font-size:13.5px;color:var(--ss-text-muted);
}
#cssmenu ul > li > a:hover{color:var(--ss-green-dark);background:var(--ss-green-light);}
#cssmenu ul ul{padding-left:16px;background:var(--ss-bg);}
#cssmenu ul ul > li > a{padding:8px 16px 8px 24px;font-size:12.5px;}
#ynurnas ul,#mrklr ul,#hbrlr ul{background:transparent !important;padding:8px 10px;}
#ynurnas li,#hbrlr li{padding:8px 6px;border-bottom:1px dashed var(--ss-border);font-size:13px;}
#mrklr li{display:inline-block;padding:6px;}

/* =========================== PRODUCT GRID (homepage / listing) =========================== */
.category-banner img{border-radius:var(--ss-radius-md);margin-bottom:16px;}

.pager-container{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
  margin:6px 0 16px;
}
.pager .show-items{font-size:13px;color:var(--ss-text-muted);}
.view-by-block .short-by{display:flex;align-items:center;gap:8px;font-size:13px;}
.view-by-block select,.view-by-block select#DropDownList1,
select#DrpSirala{
  border:1px solid var(--ss-border);border-radius:8px;padding:8px 10px;font-size:13px;background:#fff;
}
.list-style-buttons a{display:inline-block;margin-right:6px;opacity:.5;}
.list-style-buttons a.active{opacity:1;}

ul#products.grid,

ul.home-product-grid{
  display:block !important;
  width:100% !important;
  margin:0 !important;
}
.new-product-block{
  display:block !important;
  width:100% !important;
  margin-left:-16px !important; /* li.modern'in margin-left:16px'ini dengeler, ilk kart sola yaslanır */
}
ul#products.grid::after,
.new-product-block::after,
ul.home-product-grid::after{content:"";display:table;clear:both;}
/* DataList RepeatLayout="Flow" her ürünü span (bazen div) ile sarabiliyor; bu durumda
   o sarmalayıcıyı kutu ağacından kaldırıp li.modern'in doğrudan grid/float bağlamında
   kalmasını sağlıyoruz. float tabanlı asıl mizanpaj bu sarmalayıcıya bağımlı DEĞİL
   (float, aradaki inline span/div'lerden "kaçıp" en yakın blok atadaki kardeşleriyle
   yan yana dizilir) - bu yüzden bu kural artık zorunlu değil, sadece ek güvenlik. */
.new-product-block > div,
.new-product-block > span{display:contents;}

.product-grid{padding:0 !important;margin:0 !important;width:100% !important;}
li.modern{
  position:relative;
  list-style:none;
  background:#fff;
  border:1px solid var(--ss-border) !important;
  border-right:1px solid var(--ss-border) !important;
  border-radius:var(--ss-radius-md);
  display:flex;
  flex-direction:column;
  transition:box-shadow .15s ease, transform .15s ease;
  /* ================= YERLEŞİM: float tabanlı (DataList'in aradaki span/div ile
     sarmalamasından ETKİLENMEZ - eski "ul.grid li.modern{width:240px;height:330px;...}"
     kuralıyla çakışmayı da !important ile kesin olarak kazanır) ================= */
  float:left !important;
  box-sizing:border-box !important;
  width:calc(25% - 16px) !important;
  margin:0 0 16px 16px !important;
  height:auto !important;
  padding:14px !important;
}
li.modern:hover{box-shadow:var(--ss-shadow-md);transform:translateY(-2px);}
@media only screen and (max-width:980px){ li.modern{width:calc(33.333% - 16px) !important;} }
@media only screen and (max-width:680px){ li.modern{width:calc(50% - 16px) !important;} }
@media only screen and (max-width:460px){ li.modern{width:calc(100% - 16px) !important;} }

.pro-img{
  position:relative;
  background:var(--ss-bg);
  border-radius:var(--ss-radius-sm);
  overflow:hidden;
  aspect-ratio:1/1;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:10px;
}
.pro-img img{width:100%;height:100%;object-fit:contain;padding:10px;}
.pro-img svg.indirim{top:8px !important;right:8px !important;}

.pro-content p{margin:0 0 6px;font-size:13.5px;line-height:1.35;min-height:2.7em;color:var(--ss-text);}
.pro-content a:hover{color:var(--ss-green-dark);}
.pro-content p.pro-kod{font-size:11.5px;color:var(--ss-text-muted);min-height:0;margin:0;white-space:nowrap;display:inline-block;flex:0 0 auto;}
.field-stock-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;margin:0 0 8px;min-width:0;}
.field-stock-row{display:inline-flex;align-items:center;gap:4px;flex-wrap:nowrap;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.field-stock-row .pro-stok{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.field-price-row strong{white-space:nowrap;}

.pro-price{
  font-size:16px;font-weight:800;color:var(--ss-text);margin:2px 0 12px;
}

.pro-btn-block.sapetle{margin-top:auto;}
.pro-btn-block .kontrol{display:inline-flex !important;}
.pro-btn-block asp\:panel,
.pro-btn-block .aspNetPanel{display:flex;align-items:center;justify-content:space-between;gap:8px;}
#PanelSepeteAt,
.pro-btn-block > span{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;}
input.style-example{
  width:52px !important;height:44px !important;border-radius:10px !important;
  border:1px solid var(--ss-border) !important;text-align:center;font-size:14px !important;
}
a.btn.btn-5.btn-5b.icon-cart{
  width:44px;height:44px;flex:0 0 auto;
  background:var(--ss-blue);
  color:#fff !important;
  border:none;
  border-radius:50%;
  padding:0;
  font-weight:700;
  text-align:center;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 3px 8px rgba(33,120,201,.35);
}
a.btn.btn-5.btn-5b.icon-cart span{font-size:22px;line-height:1;margin-top:-2px;}
a.btn.btn-5.btn-5b.icon-cart:hover{background:var(--ss-green-dark);transform:scale(1.05);}
a.btn.btn-5.btn-5b.icon-cart span::before{content:"";}

/* Badge ribbon helper (optional manual class you can add per item) */
.ss-badge{
  position:absolute;top:10px;left:10px;z-index:5;
  font-size:11px;font-weight:700;color:var(--ss-white);
  padding:4px 10px;border-radius:999px;
}
.ss-badge.firsat{background:var(--ss-accent);}
.ss-badge.hediyeli{background:var(--ss-purple);}
.ss-badge.kargo{background:var(--ss-blue);}
.ss-badge.yeni{background:var(--ss-blue);}
.ss-badge.organik{background:var(--ss-green);}
.ss-badge.cok-satan{background:var(--ss-purple);}
.ss-badge.bitmek-uzere{background:var(--ss-warning);top:auto;bottom:10px;left:10px;}
.ss-badge.kampanya{background:var(--ss-gold);top:10px;right:10px;left:auto;}

.pro-stok{margin:2px 0 2px !important;font-size:11.5px;font-weight:600;min-height:0 !important;}
.pro-stok.stok-pozitif{color:var(--ss-text-muted);}
.pro-stok.stok-negatif{color:var(--ss-red);}
.pro-bekleyen{margin:0 0 8px !important;font-size:11px;font-weight:600;color:var(--ss-info);
  background:#E3F2F3;display:inline-block;padding:3px 8px;border-radius:999px;min-height:0 !important;}

/* Kartlardaki bekleyen siparis etiketi daha kompakt olsun. */
.field-pending-row .pro-bekleyen{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  font-size:11px!important;
  line-height:15px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:transparent!important;
  border-radius:0!important;
}

/* Campaign / kampanyalı ürünler strip */
#kampanyagst .heading-block h5{
  font-size:20px;margin:20px 0 14px;color:var(--ss-text);
}
#kampanyagst .product-grid#mix{
  display:grid !important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;
}
#kampanyagst li.modern .pro-detail p{font-size:13px;min-height:2.4em;}
#kampanyagst .pro-price h6{color:var(--ss-green-dark);font-weight:800;}

.news-letter-container{
  display:flex;flex-wrap:wrap;gap:16px;margin:30px 0 6px;
}
.free-shipping-block{
  flex:1 1 240px;background:var(--ss-green);color:#fff;border-radius:var(--ss-radius-md);padding:22px;
}
.free-shipping-block h1{font-size:18px;margin:0 0 6px;}
.free-shipping-block p{margin:0;font-size:13px;opacity:.9;}
.news-letter-block{
  flex:2 1 400px;background:#fff;border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);
  padding:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;
}
.news-letter-block h2{flex:1 1 100%;font-size:15px;margin:0 0 4px;}
.news-letter-block input[type="text"]{
  flex:1;border:1px solid var(--ss-border);border-radius:8px;padding:10px 12px;font-size:13px;
}
.news-letter-block input[type="submit"]{
  background:var(--ss-green);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:700;cursor:pointer;
}

@media (max-width: 900px){
  .content-container.container{flex-direction:column;}
  .col-left{flex:1 1 auto;width:100%;}
}

/* =========================== FOOTER =========================== */
.footer-wrapper{
  background:var(--ss-ink);color:var(--ss-green-light);margin-top:36px;
}
.footer-wrapper footer.container{padding:36px 20px 18px;}
.link-block{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;
}
.link-block .link-title{color:#fff;font-weight:700;font-size:14px;margin-bottom:10px;}
.link-block ul li a{color:#B9C7B7;font-size:13px;line-height:2;}
.link-block ul li a:hover{color:#fff;}
.social-links{display:flex;gap:10px;margin-top:6px;}
.social-links img{width:20px;height:20px;filter:grayscale(1) brightness(2);opacity:.8;}
.social-links a:hover img{opacity:1;}
.payment-block{margin-top:12px;}
.footer-bottom-block{
  border-top:1px solid rgba(255,255,255,.1);margin-top:26px;padding-top:16px;
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;
  font-size:12px;color:#B9C7B7;
}
.copyright-block a{color:var(--ss-green-light);font-weight:600;}
.copyright-block{text-align:center;width:100%;margin:0;}
.brand-marquee{padding:26px 0 22px;background:var(--ss-green-light);border-top:1px solid var(--ss-green-light);border-bottom:1px solid var(--ss-green-light);overflow:hidden;}
.brand-marquee h2{text-align:center;margin:0 0 16px;color:#173b25;font-size:20px;}
.brand-marquee-viewport{overflow:hidden;}
.brand-marquee-track{display:flex;align-items:center;gap:28px;width:max-content;animation:ss-brand-scroll 24s linear infinite;}
.brand-marquee-item{display:flex;align-items:center;justify-content:center;width:150px;height:70px;padding:10px 18px;background:#fff;border:1px solid #e0eee2;border-radius:12px;box-sizing:border-box;flex:0 0 150px;}
.brand-marquee-item img{display:block;max-width:100%;max-height:48px;object-fit:contain;}
.brand-marquee-item:hover{border-color:var(--ss-green);box-shadow:0 5px 16px rgba(22,138,70,.12);}
@keyframes ss-brand-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.brand-marquee-track{animation:none;}}

/* =========================== MISC / UTILITIES =========================== */
.doviz{color:var(--ss-text-muted);}

/* =========================== ESKİ liste/styles.css KURALLARINI EZME =========================== */
/* liste/styles.css içindeki "ul.grid li.modern ..." / "ul.list li.modern ..." kuralları
   (eski liste görünümünün kalıntısı — negatif margin, sabit piksel boyutlar) bizim kartlarımızla
   (<ul class="grid">, <ul class="product-grid">) çakışıp fiyat/buton üst üste binmesine ve
   resim/metin taşmasına yol açıyordu. Yüksek özgüllükleri nedeniyle sadece !important ile
   güvenle ezilebiliyor. */
ul.grid li.modern div.pro-btn-block,
ul.list li.modern div.pro-btn-block,
ul.list2 li.modern div.pro-btn-block,
.product-grid li.modern div.pro-btn-block{
  margin-top:auto !important; margin-left:0 !important; margin-right:0 !important;
}
ul.grid li.modern div.pro-price,
ul.list li.modern div.pro-price,
ul.list2 li.modern div.pro-price,
.product-grid li.modern div.pro-price{
  position:static !important; width:auto !important; height:auto !important;
  margin:2px 0 12px !important; padding:0 !important; text-align:left !important;
  font-family:inherit !important;
}
ul.grid li.modern div.pro-img a img,
ul.list li.modern div.pro-img a img,
.product-grid li.modern div.pro-img a img{
  width:100% !important; height:100% !important; max-width:100% !important;
  margin:0 !important; padding:10px !important;
}
ul.grid li.modern div.pro-content p,
.product-grid li.modern div.pro-content p{
  height:auto !important; min-height:2.7em !important; width:auto !important;
}
ul.grid li.modern div.numble-wrapper{margin-top:0 !important;}

/* =========================== ONARIM: modern-theme.css HİÇBİR ZAMAN <link> İLE
   BAĞLANMAMIŞTI - bu yüzden arama-önerisi kutusu, hızlı erişim çubuğu ve TÜM
   Detay.aspx (ürün detay) sayfası stilleri şimdiye kadar tarayıcıya hiç
   yüklenmiyordu. Aşağıdaki blok o dosyadan BİREBİR buraya (gerçekten <link>
   edilen tek stylesheet) taşınmıştır. modern-theme.css artık kullanılmıyor. ===== */

.search-suggest{
  position:absolute;left:0;right:0;top:calc(100% + 6px);
  background:#fff;border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);
  box-shadow:var(--ss-shadow-md);z-index:90;max-height:320px;overflow-y:auto;padding:6px;
}

.search-suggest-item{
  padding:9px 14px;font-size:13.5px;color:var(--ss-text);border-radius:8px;cursor:pointer;
}
.search-suggest-item:hover{background:var(--ss-green-light);color:var(--ss-green-dark);}

/* Hızlı erişim çubuğu (Kampanyalar / Çok Satanlar / Yeni Gelenler / Haftanın Fırsatları) */
.quick-nav{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  padding:12px 16px;margin:0 auto;
}
.quick-nav a{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 16px;border-radius:999px;border:1.5px solid var(--ss-border);
  font-size:13.5px;font-weight:600;color:var(--ss-text);text-decoration:none;
  background:#fff;transition:all .15s ease;
}
.quick-nav a:hover{border-color:var(--ss-green);color:var(--ss-green-dark);background:var(--ss-green-light);}
.quick-nav a span{font-size:15px;line-height:1;}

/* ================= ÜRÜN DETAY SAYFASI (Detay.aspx) ================= */
.urun-detay-wrap{
  max-width:var(--ss-container);margin:0 auto;padding:28px 16px;
  display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:36px;
  background:transparent;
}
@media only screen and (max-width:880px){
  .urun-detay-wrap{grid-template-columns:1fr;padding:16px;gap:20px;}
  .urun-bilgi{padding:18px;}
}

.urun-galeri-ana{
  background:var(--ss-white);border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);
  display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1/1;
}
.urun-galeri-ana img{max-width:100%;max-height:100%;object-fit:contain;}
.urun-galeri-kucukler{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}
.urun-galeri-kucuk{
  width:64px;height:64px;object-fit:contain;background:var(--ss-white);
  border:1.5px solid var(--ss-border);border-radius:var(--ss-radius-sm);cursor:pointer;padding:4px;
}
.urun-galeri-kucuk:hover, .urun-galeri-kucuk.aktif{border-color:var(--ss-green);}
.urun-bilgi{background:#fff;border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);padding:24px;box-shadow:var(--ss-shadow);}
.urun-bilgi .urun-baslik{font-size:25px;color:var(--ss-green-dark);font-weight:800;letter-spacing:-.2px;margin-bottom:18px;}
.urun-bilgi .urun-meta{display:block;margin:0;}
.urun-bilgi-satir{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;padding:8px 0;border-bottom:1px solid var(--ss-border);}
.urun-bilgi-etiket{color:var(--ss-text-muted);font-size:13px;font-weight:600;}
.urun-bilgi-satir strong{color:var(--ss-text);font-size:15px;font-weight:750;text-align:right;}
.urun-bilgi .pro-btn-block{flex-wrap:wrap;}
.urun-bilgi .style-example{width:64px!important;height:44px!important;border:1px solid var(--ss-border)!important;border-radius:10px!important;text-align:center;font-weight:700;}
.urun-bilgi .urun-detay-sepet .btn{min-height:44px;padding:0 24px;border-radius:10px;background:var(--ss-green)!important;color:#fff!important;font-weight:700;}
.urun-bilgi .urun-detay-sepet .btn:hover{background:var(--ss-green-dark)!important;}

.urun-baslik{font-size:24px;font-weight:700;color:var(--ss-text);margin:0 0 10px;line-height:1.3;}
.urun-meta{display:flex;gap:20px;flex-wrap:wrap;color:var(--ss-text-muted);font-size:13.5px;margin-bottom:16px;}

.fiyat-blok{background:var(--ss-green-light);border-radius:var(--ss-radius-md);padding:4px 16px;margin:10px 0 0;}
.fiyat-satir{border-bottom:0;}
.fiyat-satir strong{font-size:24px;color:var(--ss-green-dark);font-weight:850;}
.fiyat-blok .priceciz{color:var(--ss-text-muted);text-decoration:line-through;font-size:15px;display:block;margin-bottom:2px;}
.fiyat-ana{font-size:28px;font-weight:800;color:var(--ss-green-dark);}
.fiyat-kdv{font-size:13px;color:var(--ss-text-muted);margin-top:2px;}
.fiyat-doviz{display:block;font-size:12.5px;color:var(--ss-text-muted);margin-top:6px;}

.havale-blok{
  background:#fff8ec;border:1px solid #f0e0b8;border-radius:var(--ss-radius-sm);
  padding:10px 14px;font-size:13.5px;color:#8a6d1f;margin-bottom:14px;
}

.stok-blok{margin:0;}
.stok-blok .pro-stok{padding:0;background:transparent;color:var(--ss-text);font-size:15px;font-weight:750;}

.beden-blok{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:16px;}
.beden-satir{display:flex;flex-direction:column;gap:6px;}
.beden-satir label{font-size:12.5px;color:var(--ss-text-muted);font-weight:600;}
.beden-satir select{padding:8px 12px;border:1.5px solid var(--ss-border);border-radius:var(--ss-radius-sm);}

.uyari-yazi{display:block;color:var(--ss-red);font-size:13.5px;font-weight:600;margin-bottom:10px;}

.urun-detay-sepet{display:flex;align-items:center;gap:14px;margin-top:8px;}
.urun-birim{margin:0;}
.urun-birim strong{color:var(--ss-text);font-weight:750;}
.urun-bilgi>.urun-detay-sepet{display:block;width:100%;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--ss-border);}
.urun-bilgi>.urun-detay-sepet .kontrol{display:flex;align-items:center;gap:8px;width:100%;}
.urun-bilgi>.urun-detay-sepet .field-server-add{display:flex!important;align-items:center;justify-content:center;flex:1 1 100%;width:100%;min-height:46px;border-radius:10px!important;background:var(--ss-green)!important;color:#fff!important;font-size:14px;font-weight:800;text-align:center;}
.urun-bilgi>.urun-detay-sepet .detail-cart-added{display:flex;align-items:center;justify-content:center;width:100%;gap:0;min-height:42px;border:1px solid var(--ss-green-border);border-radius:10px;background:var(--ss-green-soft);}
.urun-bilgi>.urun-detay-sepet .detail-cart-adjust{width:42px;height:38px;border:0;background:var(--ss-green);color:#fff;font-size:22px;font-weight:800;cursor:pointer;}
.urun-bilgi>.urun-detay-sepet .detail-cart-adjust:first-child{border-radius:8px 0 0 8px;}
.urun-bilgi>.urun-detay-sepet .detail-cart-adjust:last-child{border-radius:0 8px 8px 0;}
.urun-bilgi>.urun-detay-sepet .detail-cart-quantity{width:58px;height:38px;border:0;background:#fff;color:var(--ss-text);text-align:center;font-size:16px;font-weight:800;}
.urun-bilgi>.urun-detay-sepet .detail-cart-initial-hidden{display:none!important;}

.urun-detay-alt{padding-top:8px;padding-bottom:32px;}
.urun-aciklama-metni{background:var(--ss-white);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);padding:22px;line-height:1.7;color:var(--ss-text);}

.table-modern{width:100%;border-collapse:collapse;background:var(--ss-white);border-radius:var(--ss-radius-md);overflow:hidden;box-shadow:var(--ss-shadow);}
.table-modern th{background:var(--ss-green-light);color:var(--ss-green-dark);text-align:left;padding:10px 14px;font-size:13px;}
.table-modern td{padding:10px 14px;border-top:1px solid var(--ss-border);font-size:13.5px;}

.yorum-liste{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;}
.yorum-kart{background:var(--ss-white);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);padding:16px 18px;}
.yorum-ust{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13.5px;}
.yorum-tarih{color:var(--ss-text-muted);}
.yorum-form{display:flex;flex-direction:column;gap:8px;max-width:520px;}
.yorum-form label{font-size:12.5px;font-weight:600;color:var(--ss-text-muted);}
.yorum-form input.ss-arama-input, .yorum-form textarea.ss-arama-input{border-radius:var(--ss-radius-sm);padding:10px 14px;width:100%;box-sizing:border-box;font-family:inherit;border:1.5px solid var(--ss-border);font-size:13.5px;}
.yorum-form .btn{align-self:flex-start;margin-top:6px;}

/* =========================== SEPETİM (sepetim.aspx) - Cart page =========================== */
/* Bu sayfanın CSS sınıfları (sepet-sayfa, sepet-col-main, mGrid, sepet-tablo-wrap, vb.)
   önceki hesapta markup'a eklenmişti ama karşılık gelen kurallar HİÇBİR YERDE
   tanımlanmamıştı (modern-theme.css'te bile yoktu) - sayfa bu yüzden tamamen çıplak
   görünüyordu. Aşağıda sıfırdan yazıldı. */
.sepet-sayfa .page-title{font-size:22px;font-weight:700;margin:10px 0 20px;color:var(--ss-text);}
.sepet-col-main{max-width:var(--ss-container);margin:0 auto;}

.sepet-tablo-wrap{overflow-x:auto;background:var(--ss-white);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);margin-bottom:20px;}

table.mGrid{width:100%;border-collapse:collapse;font-size:13.5px;}
table.mGrid th{
  background:var(--ss-green-light);color:var(--ss-green-dark);text-align:left;
  padding:12px 10px;font-size:12.5px;font-weight:700;white-space:nowrap;
}
table.mGrid td{padding:10px;border-top:1px solid var(--ss-border);vertical-align:middle;}
table.mGrid tr.alt{background:var(--ss-bg);}
table.mGrid .pgr{padding:12px 10px;text-align:center;}
table.mGrid .pgr a,table.mGrid .pgr span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:26px;height:26px;padding:0 6px;margin:0 2px;border-radius:6px;font-size:12.5px;
}
table.mGrid .pgr span{background:var(--ss-green);color:#fff;font-weight:700;}
table.mGrid .pgr a{color:var(--ss-text-muted);}
table.mGrid .pgr a:hover{background:var(--ss-green-light);color:var(--ss-green-dark);}

.sepet-urun-resim-link{display:block;width:60px;height:60px;border-radius:var(--ss-radius-sm);overflow:hidden;background:var(--ss-bg);}
.sepet-urun-resim{width:100%;height:100%;object-fit:contain;}
.sepet-urun-ad-link{color:var(--ss-text);font-weight:600;font-size:13.5px;}
.sepet-urun-ad-link:hover{color:var(--ss-green-dark);}

table.mGrid input.style-example{width:52px !important;height:36px !important;border-radius:8px !important;border:1px solid var(--ss-border) !important;text-align:center;}
table.mGrid select.secenek{border:1px solid var(--ss-border);border-radius:8px;padding:6px 8px;font-size:12.5px;background:#fff;width:auto;min-width:100px;}
.sepet-sil-btn{width:22px;height:22px;opacity:.7;}
.sepet-sil-btn:hover{opacity:1;}
.auto-style2{white-space:nowrap;font-weight:600;}

/* Özet tablosu (Toplam Miktar / Ara Toplam / KDV / Genel Toplam / Havale-Kupon İndirimi) */
table.sepet-ozet-tablo{
  border-collapse:collapse;margin:0 0 18px auto;background:var(--ss-white);
  border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);overflow:hidden;
  min-width:320px;
}
table.sepet-ozet-tablo.sagacek{float:right;}
table.sepet-ozet-tablo td{padding:9px 16px;font-size:13.5px;border-top:1px solid var(--ss-border);}
table.sepet-ozet-tablo tr:first-child td{border-top:none;}
table.sepet-ozet-tablo tr:last-child td{color:var(--ss-green-dark);font-weight:800;font-size:15px;}

/* Aksiyon butonları satırı (Alışverişe Devam Et / Yazdır / Teklif / Boşalt / Satın Al) */
table.sepet-aksiyon-tablo{border-collapse:collapse;clear:both;margin-top:6px;}
table.sepet-aksiyon-tablo td{padding:4px 6px;vertical-align:middle;}
#sepete-at{display:inline-block;}
a.rnk-rnk{
  display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;
  background:var(--ss-green);color:#fff !important;border-radius:999px;font-weight:600;
  font-size:13.5px;white-space:nowrap;cursor:pointer;
}
a.rnk-rnk:hover{background:var(--ss-green-dark);}
.teklifkutu{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.teklifkutu #mesaj{font-size:12px;color:var(--ss-text-muted);}
input.tekliforn{width:70px;padding:8px;border:1px solid var(--ss-border);border-radius:8px;text-align:center;}

/* İndirim kuponu kutusu */
.shopping-cart-collaterals{
  clear:both;margin-top:28px;padding:18px 20px;background:var(--ss-white);
  border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);max-width:420px;
}
.shopping-cart-collaterals .box-title{font-weight:700;font-size:13.5px;color:var(--ss-text);margin-bottom:10px;}
.shopping-cart-collaterals .box-content{margin-bottom:12px;}
.shopping-cart-collaterals .box-content ul{margin:0;padding:0;}
.shopping-cart-collaterals input.box-content{
  width:100%;box-sizing:border-box;padding:10px 14px;border:1.5px solid var(--ss-border);
  border-radius:var(--ss-radius-sm);font-size:13.5px;
}
.colors-btn{
  background:var(--ss-green);color:#fff;border:none;border-radius:999px;
  padding:10px 22px;font-weight:600;font-size:13.5px;cursor:pointer;
}
.colors-btn:hover{background:var(--ss-green-dark);}

/* Onay / boş sepet durumları */
.sepet-onay-mesaji{
  background:var(--ss-green-light);color:var(--ss-green-dark);border-radius:var(--ss-radius-md);
  padding:20px 24px;font-size:15px;font-weight:700;text-align:center;margin:20px 0;
}
.sepet-bos-uyari{
  display:flex;align-items:center;gap:10px;justify-content:center;
  padding:40px 20px;color:var(--ss-text-muted);font-size:14px;
}
.sepet-bos-uyari img{width:28px;height:28px;}

/* =========================== ANA SAYFA REFERANS TEMASI ===========================
   Marka/ürün verileri ve sunucu tarafli kontroller korunur; bu katman yalnizca
   referanstaki acik yesil market arayuzunu uygular.
   (Kurumsal 2028/gida temasiyla tutarli olmasi icin degerler ana :root ile
   senkronize edildi; degisken adlari/kapsamlari AYNI kaldi.) */
:root{
  --ss-green:#0000ff;
  --ss-green-dark:#121e30;
  --ss-green-light:#E7EEE7;
  --ss-bg:#F1F3ED;
  --ss-border:#D9E1D6;
  --ss-text:#17231C;
}
body.BODY{background:var(--ss-bg);color:var(--ss-text);font-family:var(--ss-font-body);}
.ss-floating-cart-count{
  display:none!important;
}
.ss-floating-cart-total{
  display:inline-flex!important;
  margin-left:8px!important;
}
body.BODY{font-size:16px;line-height:1.4;}
.container{max-width:1400px;}
.header-wrapper{background:#fff;border-bottom:1px solid #edf2ea;box-shadow:0 1px 8px rgba(21,80,35,.04);}
.header-topline{display:none;}
.header-wrapper header.container{
  display:grid;grid-template-columns:185px minmax(280px,1fr) auto auto;gap:14px;
  align-items:center;padding:14px 16px 0;
}
.logo{margin:0;display:flex;align-items:center;min-height:58px;}
.logo a{display:flex;align-items:center;color:#105b28;font-size:25px;font-weight:800;text-decoration:none;}
.logo img{max-height:54px;object-fit:contain;}
.search-block{position:relative;display:flex;align-items:center;height:42px;border:1px solid #e2e9df;border-radius:24px;background:#fff;box-shadow:0 2px 10px rgba(20,70,30,.05);padding-left:38px;}
.search-block>svg{position:absolute;left:14px;width:17px;color:#8c6a9b;}
.search-block form,.search-block .input-box{display:flex;align-items:center;}
.search-block input.ss-arama-input{height:40px;border:0!important;outline:0;box-shadow:none;width:100%;font-size:12px;color:#4c5350;background:transparent;}
.search-block a.input-box{height:34px;min-width:48px;margin-right:4px;border-radius:18px;background:var(--ss-green);color:#fff;justify-content:center;text-decoration:none;}
.search-block a.input-box p{margin:0;font-size:0;}
.search-block a.input-box p:after{content:'⌕';font-size:20px;}
.top-nav{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;}
.top-nav li a{display:block;padding:11px 14px;border:1px solid var(--ss-green-light);border-radius:22px;background:#fbfef9;color:var(--ss-ink);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;}
.top-nav li a:hover{background:var(--ss-green-light);color:var(--ss-green-dark);}
.cart-block{display:flex;align-items:center;gap:8px;border:1px solid var(--ss-green-light);border-radius:22px;padding:5px 12px;background:#fbfef9;}
.cart-block>ul{display:flex;align-items:center;gap:7px;margin:0;padding:0;list-style:none;}
.cart-block>ul li{font-size:11px;color:var(--ss-ink);}
.cart-block>ul li:first-child{order:3;font-size:11px;font-weight:800;color:var(--ss-ink);}
.cart-block>ul li:nth-child(2) img{width:25px;height:25px;object-fit:contain;}
.dolarkur{display:none;}
.quick-nav{grid-column:1/-1;display:flex;gap:24px;padding:8px 0 12px;margin:0;}
.quick-nav a{border:0;background:transparent;padding:6px 2px;color:#1c261e;font-size:12px;font-weight:700;}
.quick-nav a:first-child{background:var(--ss-green);color:#fff;padding:9px 18px;border-radius:18px;}
.quick-nav a:hover{background:var(--ss-green-light);color:var(--ss-green-dark);}
nav#smoothmenu1{grid-column:1/-1;display:none;}
section.content-wrapper{padding:16px 0 40px;background:#fbfdf9;}
.content-wrapper>.content-container{display:grid;grid-template-columns:220px minmax(0,1fr) 180px;gap:16px;align-items:start;}
.content-wrapper>.content-container>.clearfix{display:none;}
.col-left{width:auto;min-width:0;}
.col-main{width:auto;}
.home-aside{min-width:0;display:flex;flex-direction:column;gap:14px;}
.aside-benefits,.aside-categories{padding:14px;border-radius:16px;background:#ecffe4;border:1px solid #d9f1cd;}
.aside-benefits{display:flex;flex-direction:column;gap:14px;}
.aside-benefit{display:flex;align-items:center;gap:9px;color:#12642e;}
.aside-benefit>span{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:21px;color:#0e7f37;}
.aside-benefit strong,.aside-benefit small{display:block;}
.aside-benefit strong{font-size:11px;}
.aside-benefit small{margin-top:2px;font-size:9px;color:#4b694d;}
.aside-deal{display:flex;flex-direction:column;gap:7px;min-height:145px;padding:16px;border-radius:16px;background:linear-gradient(135deg,var(--ss-green-light),var(--ss-green-light));color:var(--ss-green-dark);text-decoration:none;}
.aside-deal strong{font-size:18px;line-height:1.05;}
.aside-deal small{font-size:10px;line-height:1.35;}
.aside-deal b{align-self:flex-start;padding:7px 10px;border-radius:13px;background:var(--ss-green);color:#fff;font-size:9px;}
.aside-deal:hover{filter:saturate(1.12);}
.aside-categories{background:linear-gradient(145deg,#f3f8ff,#edf1fa);}
.aside-categories h3{margin:0 0 10px;color:#1a3824;font-size:13px;}
.aside-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.aside-category-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:10px;background:#fff;color:#27342a;text-align:center;text-decoration:none;}
.aside-category-grid a:hover{background:var(--ss-green-light);color:var(--ss-green-dark);}
.aside-category-grid span{font-size:19px;line-height:1;}
.aside-category-grid small{font-size:8px;}
.block.man-block{border:1px solid #e3eee0;border-radius:15px;background:#fff;box-shadow:0 2px 10px rgba(31,84,35,.04);overflow:hidden;}
.yanmenüler .block-title{background:var(--ss-green-light);color:#17632e;padding:13px 14px;font-size:13px;}
.yanmenüler .block-title a{color:inherit;font-weight:800;}
#alt-basliklar{padding:0;border-bottom:1px solid #f0f3ef;}
#alt-basliklar a{padding:5px 12px;color:#202821;font-size:11px;line-height:1.25;}
#alt-basliklar a:hover{background:#f1fbe9;color:var(--ss-green-dark);}
.kategori-ikon{width:17px;text-align:center;color:var(--ss-green-dark);}
.banner-wrapper{padding:0;background:transparent;}
.banner-block{padding:0;max-width:none;}
.flexslider{border:0!important;border-radius:17px;overflow:hidden;background:#dff5d7;box-shadow:none;}
.flexslider .slides img{width:100%;height:235px;object-fit:cover;border-radius:17px;}
.heading-block{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px;border:0;}
.heading-block h5{margin:0;color:#172019;font-size:18px;font-weight:800;}
.content-container.container{padding-left:0;padding-right:0;}
.product-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;list-style:none;}
.product-grid li.modern{min-width:0!important;width:auto!important;height:auto!important;min-height:220px;padding:10px!important;border:1px solid #e1e9df!important;border-radius:14px;background:#fff;box-shadow:0 1px 5px rgba(30,70,30,.03);display:flex;flex-direction:column;}
.product-grid li.modern:hover{border-color:#a9d79e!important;box-shadow:0 7px 18px rgba(30,110,40,.12);transform:translateY(-2px);}
.product-grid li.modern .pro-img{height:104px!important;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;}
.product-grid li.modern div.pro-img a img{padding:4px!important;object-fit:contain!important;}
.product-grid li.modern .pro-content p{font-size:11px;line-height:1.25;min-height:2.5em!important;margin:7px 0 3px;}
.product-grid li.modern .pro-kod{font-size:9px!important;margin-bottom:3px!important;}
.product-grid li.modern .pro-price{font-size:14px!important;margin-top:auto!important;margin-bottom:7px!important;color:#131a14!important;}
.product-grid li.modern .pro-btn-block{display:flex;justify-content:flex-end;padding:0!important;}
.product-grid li.modern .kontrol{display:flex;align-items:center;gap:4px;}
.product-grid li.modern .style-example{width:34px!important;height:28px!important;border-radius:8px!important;border:1px solid #dce8d9!important;font-size:11px;}
.product-grid li.modern .btn{width:28px;height:28px;padding:0!important;border-radius:8px!important;background:var(--ss-green)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;}
.pager-container{margin:16px 0;border:0;background:transparent;}
.pager-container .view-by-block{display:none;}
.news-letter-container{gap:14px;}
.free-shipping-block,.news-letter-block{border:0;background:var(--ss-green-light);border-radius:16px;}
.footer-wrapper{background:#00582a;margin-top:28px;}
.footer-wrapper footer.container{padding:32px 20px 18px;}
.footer-brand{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid rgba(215,255,216,.15);}
.footer-brand-name{color:#fff;font-size:24px;font-weight:800;text-decoration:none;}
.footer-brand p{margin:0;color:#bde6bf;font-size:11px;}
.footer-social-simple{display:flex;gap:8px;margin-left:auto;}
.footer-social-simple a{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;font-size:13px;text-decoration:none;}
.footer-social-simple a:hover{background:var(--ss-green);border-color:var(--ss-green);}
.link-block .link-title{font-size:13px;}
.link-block ul li a{color:#d4f1d3;font-size:12px;line-height:1.9;}
.footer-bottom-block{color:#c6e8c8;}
.service-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;padding:12px 20px;border-radius:16px;background:linear-gradient(90deg,#e3ffd1,#f0ffdf);border:1px solid #d8f0c9;}
.content-wrapper>.content-container>.service-strip,
.content-wrapper>.content-container>.promo-strip,
.content-wrapper>.content-container>.trust-grid,
.content-wrapper>.content-container>#kampanyagst{grid-column:1/-1;}
.service-item{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;color:#0f6b2d;}
.service-icon{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid var(--ss-green);border-radius:50%;font-size:21px;font-weight:700;}
.service-item strong{font-size:12px;line-height:1.2;}
.service-item small{font-size:10px;color:#314936;line-height:1.3;}
.promo-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;}
.promo-card{display:flex;align-items:center;gap:16px;min-height:105px;padding:16px 22px;border-radius:16px;text-decoration:none;overflow:hidden;}
.promo-card-green{background:linear-gradient(105deg,#d8ffc8,#b7f49e);}
.promo-card-lime{background:linear-gradient(105deg,#d9ffd0,#baf2a9);}
.promo-card-icon{font-size:48px;line-height:1;}
.promo-card span:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#0a5023;}
.promo-card strong{font-size:17px;}
.promo-card small{font-size:11px;line-height:1.35;}
.promo-card b{padding:7px 12px;margin-top:3px;border-radius:14px;background:#f05218;color:#fff;font-size:10px;}
.promo-card:hover{filter:saturate(1.1);transform:translateY(-1px);}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;}
.trust-card{display:flex;gap:12px;align-items:flex-start;min-height:100px;padding:18px;border-radius:16px;background:linear-gradient(120deg,var(--ss-green-light),var(--ss-green-light));border:1px solid var(--ss-border);color:var(--ss-green-dark);}
.trust-card>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid var(--ss-green);border-radius:50%;font-size:21px;flex:0 0 auto;}
.trust-card strong{font-size:14px;}
.trust-card p{margin:5px 0;font-size:11px;line-height:1.35;color:#29472e;}
.trust-card em{font-style:normal;color:#f39b00;font-size:15px;letter-spacing:1px;}
@media(max-width:1100px){
  .header-wrapper header.container{grid-template-columns:170px 1fr auto;}
  .cart-block{grid-column:3;}
  .top-nav{display:none;}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .service-strip{grid-template-columns:repeat(2,1fr);}
  .content-wrapper>.content-container{grid-template-columns:190px minmax(0,1fr);}
  .home-aside{display:none;}
}
@media(max-width:760px){
  .header-wrapper header.container{display:flex;flex-wrap:wrap;padding-top:8px;}
  .logo{width:100%;justify-content:center;}
  .search-block{flex:1 1 100%;}
  .cart-block{margin-left:auto;}
  .quick-nav{gap:8px;overflow:auto;white-space:nowrap;}
  .content-wrapper>.content-container{display:block;padding:0 12px;}
  .col-left{display:none;}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .service-strip,.promo-strip,.trust-grid{grid-template-columns:1fr;}
  .service-strip{padding:12px;}
  .promo-card{min-height:90px;padding:14px;}
  .footer-brand{flex-wrap:wrap;}
  .footer-social-simple{margin-left:0;width:100%;}
  .flexslider .slides img{height:150px;}
}

/* =========================== TAŞMASIZ RESPONSIVE SON KATMAN =========================== */
html,body{max-width:100%;overflow-x:hidden;}
*,*:before,*:after{box-sizing:border-box;}
img,svg,video,iframe{max-width:100%;}
input,select,textarea,button{max-width:100%;}
.container{width:100%;margin-left:auto;margin-right:auto;}
.content-wrapper,.content-wrapper>.content-container,.footer-wrapper{max-width:100%;overflow-x:clip;}
.product-grid,.product-grid li.modern,.promo-strip,.service-strip,.trust-grid{min-width:0;}
.product-grid li.modern{overflow:hidden;}
.product-grid li.modern .pro-content,.product-grid li.modern .pro-price{min-width:0;overflow-wrap:anywhere;}
.product-grid li.modern .pro-content p a{overflow-wrap:anywhere;}
.pager-container,.view-by-block,.short-by{max-width:100%;}
.short-by select{max-width:100%;}
.sepet-sayfa,.sepet-col-main,.urun-detay-wrap{width:100%;max-width:100%;overflow-x:hidden;}
.table-modern{display:block;overflow-x:auto;white-space:nowrap;}
table.mGrid{min-width:620px;}
.sepet-ozet-tablo{max-width:100%;float:none!important;margin-left:0!important;}
.sepet-aksiyon-tablo{max-width:100%;width:100%;}
.sepet-aksiyon-tablo td{white-space:normal;}
.shopping-cart-collaterals{max-width:100%;}

@media(max-width:760px){
  #products.grid,
  .home-product-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  #products.grid>.new-product-block,
  .home-product-grid>.new-product-block,.home-product-grid{
    display:contents!important;
  }
  #products.grid>.new-product-block>span,
  .home-product-grid>.new-product-block>span{
    display:contents!important;
  }
  #products.grid>.new-product-block>span>li.field-product-card,
  .home-product-grid>.new-product-block>span>li.field-product-card{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
}

@media (max-width:1100px) and (min-width:761px){
  .header-wrapper header.container{grid-template-columns:170px minmax(0,1fr) auto;gap:10px;}
  .search-block{min-width:0;}
  .search-block input.ss-arama-input{min-width:0;}
  .content-wrapper>.content-container{padding-left:12px;padding-right:12px;}
}
@media (max-width:760px){
  .header-wrapper header.container{width:100%;padding-left:12px;padding-right:12px;gap:8px;}
  .logo a{font-size:21px;}
  .logo img{max-height:45px;}
  .search-block{width:100%;min-width:0;}
  .cart-block{max-width:calc(100% - 8px);}
  .cart-block>ul li:first-child{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .quick-nav{width:100%;padding-left:4px;padding-right:4px;}
  .content-wrapper>.content-container{width:100%;padding-left:12px;padding-right:12px;}
  .col-main{width:100%;min-width:0;}
  .banner-wrapper,.banner-block,.flexslider{width:100%;min-width:0;}
  .flexslider .slides img{height:auto;min-height:120px;object-fit:cover;}
  .heading-block h5{font-size:15px;}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .product-grid li.modern{padding:8px!important;min-height:205px;}
  .product-grid li.modern .pro-img{height:90px!important;}
  .product-grid li.modern .pro-price{font-size:12px!important;}
  .promo-card{width:100%;min-width:0;}
  .promo-card strong{font-size:15px;}
  .promo-card-icon{font-size:38px;}
  .trust-card{min-width:0;padding:14px;}
  .footer-wrapper footer.container{width:100%;padding-left:16px;padding-right:16px;}
  .link-block{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
}

/* Sepet kontrolunun arkasindaki yari saydam panel ve blur kaldirildi. */
#products.grid .field-product-action,
.product-grid .field-product-action,
.home-product-grid .field-product-action,
#products.grid .field-product-action *,
.product-grid .field-product-action *,
.home-product-grid .field-product-action *{
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media (max-width:420px){
  .product-grid{grid-template-columns:1fr;}
  .product-grid li.modern{min-height:190px;}
  .product-grid li.modern .pro-img{height:105px!important;}
  .service-strip{gap:8px;padding:10px;}
  .service-item strong{font-size:11px;}
  .service-item small{font-size:9px;}
  .promo-card{padding:12px;gap:10px;}
  .promo-card strong{font-size:13px;}
  .promo-card small{font-size:10px;}
  .aside-deal{min-height:0;}
  .link-block{grid-template-columns:1fr;}
  .footer-brand-name{font-size:20px;}
}

/* =========================== ÜRÜN GRID ÇAKIŞMA DÜZELTMESİ ===========================
   DataList RepeatLayout=Flow kendi sarmalayıcısını üretir. Eski float/width
   kuralları bu sarmalayıcıyla birleşince kartlar tek sütuna düşüyordu. */
.col-main>.content-container{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
.col-main>.content-container>.product-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch;
}
.col-main>.content-container>.product-grid>.new-product-block{
  display:contents!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}
.col-main>.content-container>.product-grid>.new-product-block>span,
.col-main>.content-container>.product-grid>.new-product-block>div{
  display:contents!important;
}
.col-main>.content-container>.product-grid li.modern{
  float:none!important;
  width:auto!important;
  margin:0!important;
  min-width:0!important;
  max-width:none!important;
}
ul#products.grid,
ul.home-product-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
}
ul#products.grid>.new-product-block,
ul.home-product-grid>.new-product-block,.home-product-grid{
  display:contents!important;
  width:auto!important;
  margin:0!important;
}
ul#products.grid>.new-product-block>span,
ul#products.grid>.new-product-block>div,
ul.home-product-grid>.new-product-block>span,
ul.home-product-grid>.new-product-block>div{display:contents!important;}
ul#products.grid>.new-product-block>span>div,
ul.home-product-grid>.new-product-block>span>div{display:contents!important;}
ul#products.grid>.new-product-block .product-grid,
ul.home-product-grid>.new-product-block .product-grid{display:contents!important;}
ul#products.grid>.new-product-block>div>.product-grid,
ul.home-product-grid>.new-product-block>div>.product-grid{
  display:contents!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}
ul#products.grid>.new-product-block>div>.product-grid>li.modern,
ul.home-product-grid>.new-product-block>div>.product-grid>li.modern{
  float:none!important;
  width:auto!important;
  margin:0!important;
}
ul#products.grid>.new-product-block>li.modern,
ul.home-product-grid>.new-product-block>li.modern{
  float:none!important;
  display:flex!important;
  width:auto!important;
  margin:0!important;
  min-width:0!important;
}
ul#products.grid .product-grid li.modern,
ul.home-product-grid .product-grid li.modern{
  float:none!important;
  width:auto!important;
  margin:0!important;
  min-width:0!important;
}
.content-wrapper>.content-container{
  grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(160px,180px)!important;
  width:100%!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
.content-wrapper>.content-container>.col-main{min-width:0!important;width:100%!important;}
.content-wrapper>.content-container.ss-page-layout:has(> .col-main:first-child){
  grid-template-columns:minmax(0,1fr)!important;
}
.product-grid>.new-product-block,
.product-grid>div,
.product-grid>span{
  display:contents!important;
  float:none!important;
}
.product-grid>.new-product-block>div,
.product-grid>.new-product-block>span,
.product-grid>div>div,
.product-grid>div>span{display:contents!important;}
@media (max-width:1100px){
  .col-main>.content-container>.product-grid,
  ul#products.grid,
  .home-category-grid,
  ul.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  .col-main>.content-container>.product-grid,
  ul#products.grid,
  .home-category-grid,
  ul.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:420px){
  .col-main>.content-container>.product-grid,
  ul#products.grid,
  .home-category-grid,
  ul.home-product-grid{grid-template-columns:1fr!important;}
}

/* Tum liste kaynaklari kategori sayfasindaki tek kart/grid standardini kullanir. */
.home-category-grid,
.home-category-grid>div,
.home-category-grid>div>ul.product-grid,
.home-category-grid>span,
.home-category-grid>span>ul.product-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.home-category-grid>div,
.home-category-grid>span{
  display:contents!important;
}
.home-category-grid>div>ul.product-grid,
.home-category-grid>span>ul.product-grid{
  display:contents!important;
}
.home-category-grid li.field-product-card{
  float:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
.home-category-grid .field-product-card .field-product-media,
.home-category-grid .field-product-card .field-product-info,
.home-category-grid .field-product-card .field-price-row,
.home-category-grid .field-product-card .field-pending-row,
.home-category-grid .field-product-card .field-unit-row,
.home-category-grid .field-product-card>.pro-btn-block{
  box-sizing:border-box!important;
}
@media (max-width:1100px){
  .home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  .home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:420px){
  .home-category-grid{grid-template-columns:1fr!important;}
}

/* Saha siparisgirisi kart standardi: urun aksiyonu gorselin uzerinde,
   fiyat/stok/birim bilgileri kart govdesinde ve miktar sunucu kontroluyle senkron. */
.field-product-card .field-product-media{
  position:relative!important;
  overflow:hidden;
  min-height:126px!important;
}
.field-product-card .field-product-media img{
  display:block;
  width:100%!important;
  height:100%!important;
  min-height:126px;
  object-fit:contain!important;
}
.field-product-action{
  position:absolute;
  right:7px;
  bottom:7px;
  display:flex;
  align-items:center;
  gap:3px;
  padding:3px;
  border:1px solid #d9e7d6;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  box-shadow:0 3px 10px rgba(31,91,38,.14);
}
.field-add-button,.field-cart-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:27px;
  height:27px;
  padding:0 7px;
  border:0;
  border-radius:999px;
  background:#eef7eb;
  color:#1e7b2e;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}
.field-cart-button{
  background:var(--ss-green);
  color:#fff;
}
.field-quantity{
  min-width:18px;
  color:#1b2b1d;
  font-size:12px;
  font-weight:800;
  text-align:center;
}
.field-product-info .pro-kod{margin-bottom:5px!important;}
.field-price-row,.field-unit-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  font-size:11px;
  color:#617064;
}
.field-price-row strong{
  color:#1d762b;
  font-size:14px;
  white-space:nowrap;
}
.field-stock-row{min-height:15px;}
.field-stock-row .pro-stok,.field-stock-row .pro-bekleyen{
  margin:2px 0!important;
  font-size:10px!important;
}
.field-unit-row{
  justify-content:flex-start;
  margin-top:2px;
  padding-top:4px;
  border-top:1px solid #edf2eb;
}
.field-product-card .field-server-add{
  width:100%;
  min-height:36px;
  border-radius:9px!important;
  background:var(--ss-green)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800;
}
.field-product-card .field-quantity-input{
  width:42px!important;
  height:36px!important;
  padding:0 4px!important;
  text-align:center;
  font-size:12px!important;
}
.field-product-card .pro-btn-block .kontrol{
  width:100%;
  gap:6px;
}
.field-product-card .pro-btn-block .field-server-add{flex:1;}
@media (max-width:760px){
  .field-product-card .field-product-media{min-height:112px!important;}
  .field-product-card .field-product-media img{min-height:112px;}
  .field-price-row strong{font-size:12px;}
}

/* Saha ekranindaki son kart olculeri ve aksiyon yerlesimi. */
.field-product-card{
  min-height:400px!important;
  padding:10px 13px!important;
  border-radius:17px!important;
  border-color:#dfe6ee!important;
  box-shadow:0 2px 7px rgba(31,53,82,.10)!important;
}
.field-product-card .field-product-media{
  height:auto!important;
  aspect-ratio:1/1;
  min-height:0!important;
  margin:-1px 0 10px!important;
  border-radius:0!important;
  background:#fff!important;
}
.field-product-card .field-product-media img{
  min-height:0!important;
  padding:0!important;
}
.field-product-card .ss-badge.firsat,
.field-product-card .ss-badge.kampanya{
  top:5px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%);
  padding:4px 11px!important;
  white-space:nowrap;
  font-size:10px!important;
}
.field-product-card .ss-badge.firsat{background:var(--ss-accent)!important;}
.field-product-card .ss-badge.kampanya{background:var(--ss-gold)!important;}
.field-product-card .field-product-action{
  right:5px;
  bottom:5px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.field-product-card .field-quick-add{
  display:flex;
  align-items:center;
  justify-content:center;
  width:55px;
  height:55px;
  border:3px solid #fff;
  border-radius:50%;
  background:var(--ss-green);
  color:#fff;
  box-shadow:0 2px 11px rgba(18,148,71,.38);
  font-size:29px;
  font-weight:300;
  line-height:1;
  cursor:pointer;
}
.field-product-card .field-product-info{
  flex:1 1 auto;
}
.field-product-card .field-product-info>p:first-child{
  min-height:42px!important;
  margin:7px 0 2px!important;
  color:var(--ss-ink);
  font-size:14px!important;
  font-weight:500;
  line-height:1.35!important;
}
.field-product-card .field-product-info>p:first-child a{color:var(--ss-ink);}
.field-product-card .field-product-info .pro-kod{
  color:var(--ss-text-muted)!important;
  font-size:10px!important;
}
.field-product-card .field-price-row{
  margin:15px 0 2px!important;
  min-height:24px;
}
.field-product-card .field-price-row strong{
  color:var(--ss-ink)!important;
  font-size:18px!important;
  font-weight:800;
}
.field-product-card .field-unit-row{
  display:none;
}
.field-product-card .field-stock-row .pro-stok{
  color:var(--ss-text-muted)!important;
  font-size:11px!important;
  font-weight:400;
}
.field-product-card .field-stock-row .pro-stok.stok-negatif{color:#ff202d!important;}
.field-product-card .field-stock-row .pro-bekleyen{
  margin-top:8px!important;
  padding:4px 8px!important;
  background:var(--ss-info)!important;
  color:#fff!important;
  font-size:10px!important;
}
.field-product-card>.pro-btn-block{
  display:none!important;
}
.search-block{
  min-height:47px;
  height:47px!important;
  border-color:#d8e0eb!important;
  box-shadow:none!important;
  padding-left:38px!important;
}
.search-block input.ss-arama-input{
  font-size:15px!important;
}
.search-tools{gap:8px;}
.search-tool-button{
  width:74px;
  height:47px;
  border:1px solid var(--ss-green);
  border-radius:8px;
  background:var(--ss-ink)!important;
  color:var(--ss-white)!important;
  font-size:18px;
}
.search-tool-button:hover{background:var(--ss-white)!important;color:var(--ss-ink)!important;}
.search-submit{
  min-width:76px!important;
  height:47px!important;
  margin-right:0!important;
  border-radius:8px!important;
  background:var(--ss-green)!important;
  font-size:16px;
  font-weight:700;
}
.search-submit p:after{display:none!important;}
.search-submit p{font-size:16px!important;color:#fff!important;}
.ss-floating-cart{
  position:fixed;
  z-index:1200;
  top:82px;
  right:28px;
  display:flex;
  align-items:center;
  gap:6px;
  min-width:128px;
  height:43px;
  padding:0 14px 0 10px;
  border-radius:24px;
  background:var(--ss-green);
  color:#fff!important;
  box-shadow:0 5px 16px rgba(18,148,71,.30);
  text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease;
}
.ss-floating-cart-icon{font-size:20px;line-height:1;}
.ss-floating-cart-count{min-width:16px;color:#fff;font-size:14px;font-weight:800;text-align:center;}
.ss-floating-cart-total{font-size:14px;font-weight:800;white-space:nowrap;}
.ss-floating-cart.is-bumping{
  animation:ss-cart-bump .42s ease;
  box-shadow:0 7px 22px rgba(18,148,71,.55);
}
@keyframes ss-cart-bump{
  0%,100%{transform:scale(1);}
  45%{transform:scale(1.12);}
}
@media(max-width:760px){
  .field-product-card{min-height:340px!important;padding:8px!important;}
  .field-product-card .field-product-info>p:first-child{font-size:12px!important;}
  .field-product-card .field-price-row strong{font-size:15px!important;}
  .field-product-card .field-quick-add{width:48px;height:48px;font-size:25px;}
  .search-tool-button{width:48px;}
  .search-submit{min-width:58px!important;}
  .ss-floating-cart{top:72px;right:12px;min-width:112px;height:39px;padding:0 10px 0 8px;}
  .ss-floating-cart-total{font-size:11px;}
  .ss-floating-cart-count{font-size:12px;}
}

/* MinoSaha ürün kataloğu: ürün kartı, rozet ve liste/grid davranışı. */
#products.product-grid,
#products.grid,
.home-product-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;
  gap:18px!important;
  align-items:stretch;
}
#products.grid>.new-product-block,
#products.grid>.new-product-block>div,
#products.grid>.new-product-block>span,
#products.grid .product-grid,
.home-product-grid>.new-product-block,
.home-product-grid>.new-product-block>div,
.home-product-grid>.new-product-block>span,
.home-product-grid .product-grid,.home-product-grid{
  display:contents!important;
}
#products.grid>.new-product-block>span,
.home-product-grid>.new-product-block>span{
  display:contents!important;
}
#products.grid>li.field-product-card,
.home-product-grid>li.field-product-card{
  display:flex!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
}
#products.grid>span,
#products.grid>div,
#products.grid>.new-product-block,
.home-product-grid>span,
.home-product-grid>div,
.home-product-grid>.new-product-block,.home-product-grid{
  display:contents!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
#products.grid>.new-product-block:empty,
.home-product-grid>.new-product-block:empty{
  display:none!important;
}
#products.grid .field-product-card,
.home-product-grid .field-product-card{
  width:auto!important;
  min-width:0!important;
  min-height:403px!important;
  height:403px!important;
  padding:0 10px 10px!important;
  overflow:hidden!important;
  border:1px solid #e3e8f0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(15,23,42,.10)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#products.grid .field-product-card:hover,
.home-product-grid .field-product-card:hover{
  transform:translateY(-3px);
  border-color:#93c5fd!important;
  box-shadow:0 8px 22px rgba(37,99,235,.16)!important;
}
#products.grid .field-product-media,
.home-product-grid .field-product-media{
  position:relative;
  height:198px!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:10px 0 8px!important;
  border-radius:17px 17px 0 0!important;
  background:#fff!important;
}
#products.grid .field-product-media img,
.home-product-grid .field-product-media img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:contain!important;
}
#products.grid .field-product-info,
.home-product-grid .field-product-info{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0!important;
  padding:8px 4px 0!important;
}
#products.grid .field-product-info>p:first-child,
.home-product-grid .field-product-info>p:first-child{
  min-height:42px!important;
  max-height:42px!important;
  overflow:hidden!important;
  margin:0 0 3px!important;
  font-size:14px!important;
  line-height:1.48!important;
  font-weight:500!important;
}
#products.grid .field-product-info>p:first-child a,
.home-product-grid .field-product-info>p:first-child a{
  color:var(--ss-ink)!important;
}
#products.grid .field-product-info .pro-kod,
.home-product-grid .field-product-info .pro-kod{
  margin:0 0 13px!important;
  color:var(--ss-text-muted)!important;
  font-size:12px!important;
}
#products.grid .field-price-row,
.home-product-grid .field-price-row{
  min-height:25px;
  margin:0 0 4px!important;
}
#products.grid .field-price-row strong,
.home-product-grid .field-price-row strong{
  color:var(--ss-ink)!important;
  font-size:18px!important;
  font-weight:800!important;
}
#products.grid .field-unit-row,
.home-product-grid .field-unit-row{
  display:none!important;
  margin-top:auto;
  color:var(--ss-text-muted);
  font-size:11px;
}
#products.grid .field-unit-row strong,
.home-product-grid .field-unit-row strong{color:var(--ss-text);}
#products.grid .field-stock-row,
.home-product-grid .field-stock-row{
  min-height:17px;
  color:var(--ss-text-muted);
  font-size:12px;
}
#products.grid .field-stock-row .pro-bekleyen,
.home-product-grid .field-stock-row .pro-bekleyen{
  display:inline-flex;
  margin:3px 0 0!important;
  padding:3px 9px!important;
  border-radius:999px;
  background:#E3F2F3!important;
  color:var(--ss-info)!important;
  font-size:11px!important;
  font-weight:700!important;
}
#products.grid .field-product-action,
.home-product-grid .field-product-action{
  right:7px!important;
  bottom:7px!important;
}
#products.grid .field-quick-add,
.home-product-grid .field-quick-add{
  width:53px!important;
  height:53px!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  background:var(--ss-green)!important;
  box-shadow:0 3px 9px rgba(37,99,235,.30)!important;
  font-size:28px!important;
}
#products.grid .field-product-card>.pro-btn-block,
.home-product-grid .field-product-card>.pro-btn-block{
  display:none!important;
}
#products.grid .ss-badge.firsat,
#products.grid .ss-badge.kampanya,
.home-product-grid .ss-badge.firsat,
.home-product-grid .ss-badge.kampanya{
  top:1px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%);
  border-radius:999px!important;
}
#products.grid .ss-badge.firsat,
.home-product-grid .ss-badge.firsat{background:var(--ss-accent)!important;}
#products.grid .ss-badge.kampanya,
.home-product-grid .ss-badge.kampanya{background:var(--ss-gold)!important;}
#products.list{
  display:flex!important;
  flex-direction:column;
  gap:10px!important;
  list-style:none;
}
#products.list>.new-product-block,
#products.list>.new-product-block>div,
#products.list>.new-product-block>span,
#products.list .product-grid{
  display:contents!important;
}
#products.list .field-product-card{
  display:grid!important;
  grid-template-columns:100px minmax(0,1fr) auto!important;
  min-height:130px!important;
  padding:10px!important;
  border:1px solid var(--ss-border)!important;
  border-radius:14px!important;
  background:#fff!important;
}
#products.list .field-product-media{
  grid-row:1;
  grid-column:1;
  height:108px!important;
  min-height:0!important;
  margin:0!important;
  aspect-ratio:auto!important;
  padding:6px!important;
}
#products.list .field-product-info{
  grid-row:1;
  grid-column:2;
  padding:8px 14px!important;
}
#products.list .field-product-action{right:8px!important;bottom:8px!important;}
#products.list .field-price-row{grid-column:3;grid-row:1;align-self:center;padding:0 60px 0 10px;}
#products.list .field-unit-row{display:block!important;}
@media(max-width:760px){
  #products.product-grid,#products.grid,.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  #products.grid .field-product-card,
  .home-product-grid .field-product-card{min-height:330px!important;}
  #products.grid .field-product-media,
  .home-product-grid .field-product-media{height:135px!important;}
  #products.grid .field-product-info,
  .home-product-grid .field-product-info{padding:8px!important;}
  #products.grid .field-price-row strong,
  .home-product-grid .field-price-row strong{font-size:14px!important;}
  #products.list .field-product-card{grid-template-columns:76px minmax(0,1fr)!important;}
  #products.list .field-product-media{height:82px!important;}
  #products.list .field-price-row{grid-column:2;grid-row:2;padding:0 8px!important;}
}

/* siparissepeti.aspx saha standardi */
.sepet-sayfa .sepet-tablo-wrap.card{
  padding:0!important;
  border:1px solid var(--ss-border)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 6px 20px rgba(15,23,42,.08)!important;
}
.sepet-sayfa table.grid-table.sapetim{
  width:100%!important;
  min-width:900px!important;
  border-collapse:collapse!important;
  background:#fff!important;
  color:var(--ss-ink)!important;
  font-size:13px!important;
}
.sepet-sayfa table.grid-table.sapetim th{
  height:44px!important;
  padding:10px 12px!important;
  background:linear-gradient(90deg,var(--ss-green),var(--ss-green-dark))!important;
  color:#fff!important;
  border:0!important;
  font-weight:700!important;
  white-space:nowrap;
}
.sepet-sayfa table.grid-table.sapetim td{
  height:58px!important;
  padding:9px 12px!important;
  border-bottom:1px solid var(--ss-border)!important;
  border-top:0!important;
  vertical-align:middle!important;
  background:#fff!important;
}
.sepet-sayfa table.grid-table.sapetim tr.alt td{background:#fafbfd!important;}
.sepet-sayfa table.grid-table.sapetim tr:hover td{background:var(--ss-green-light)!important;}
.sepet-sayfa table.grid-table.sapetim th:first-child,
.sepet-sayfa table.grid-table.sapetim td:first-child{display:none!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(2),
.sepet-sayfa table.grid-table.sapetim td:nth-child(2){width:140px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(3),
.sepet-sayfa table.grid-table.sapetim td:nth-child(3){min-width:260px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(4),
.sepet-sayfa table.grid-table.sapetim td:nth-child(4){width:190px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(5),
.sepet-sayfa table.grid-table.sapetim td:nth-child(5){width:100px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(6),
.sepet-sayfa table.grid-table.sapetim td:nth-child(6){width:130px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(7),
.sepet-sayfa table.grid-table.sapetim td:nth-child(7){width:130px!important;}
.sepet-sayfa table.grid-table.sapetim .sepet-urun-kodu{
  color:var(--ss-text)!important;
  font-weight:700;
}
.sepet-sayfa table.grid-table.sapetim .sepet-urun-ad-link{
  max-width:none!important;
  color:var(--ss-ink)!important;
  font-weight:600;
}
.sepet-sayfa .sepet-miktar-control{
  display:inline-flex!important;
  gap:4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.sepet-sayfa .sepet-miktar-btn{
  width:34px!important;
  height:34px!important;
  border:1px solid #bfdbfe!important;
  border-radius:7px!important;
  background:var(--ss-green-light)!important;
  color:var(--ss-green)!important;
  font-size:18px!important;
}
.sepet-sayfa .sepet-miktar-btn:hover{
  background:var(--ss-green)!important;
  color:#fff!important;
}
.sepet-sayfa .sepet-miktar-input{
  width:50px!important;
  height:34px!important;
  border:1px solid #cbd5e1!important;
  border-radius:7px!important;
  background:#f8fafc!important;
  color:var(--ss-ink)!important;
}
.sepet-sayfa .sepet-sil-btn{
  width:30px!important;
  height:30px!important;
  padding:7px!important;
  border-radius:7px!important;
  background:#fee2e2!important;
}
.siparis-ozet-alani{
  display:flex!important;
  justify-content:flex-end!important;
  margin:20px 0 0!important;
}
.sepet-sayfa .siparis-ozet{
  width:min(100%,380px);
  overflow:hidden;
  border:1px solid var(--ss-border);
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 20px rgba(15,23,42,.08);
}
.sepet-sayfa .siparis-ozet-baslik{
  padding:13px 16px;
  background:#eff6ff;
  color:var(--ss-green-dark);
  font-size:15px;
  font-weight:800;
}
.sepet-sayfa .siparis-ozet-satir,
.sepet-sayfa .siparis-ozet-toplam,
.sepet-sayfa .siparis-ozet-kupon{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:10px 16px;
  border-top:1px solid var(--ss-border);
  color:var(--ss-text);
  font-size:13px;
}
.sepet-sayfa .siparis-ozet-deger{color:var(--ss-ink);font-weight:700;white-space:nowrap;}
.sepet-sayfa .siparis-ozet-toplam{
  background:var(--ss-green-light);
  color:var(--ss-green-dark);
  font-weight:800;
}
.sepet-sayfa .siparis-ozet-toplam span:last-child{
  color:var(--ss-green-dark);
  font-size:18px;
  font-weight:900;
  white-space:nowrap;
}
.sepet-sayfa .siparis-ozet-kupon{background:#f8fafc;}
.sepet-kupon-sunucu-kontrolleri{display:none!important;}
.sepet-sayfa .sepet-aksiyon-tablo{margin-top:16px!important;}
.sepet-sayfa .sepet-aksiyon-tablo .rnk-rnk{
  min-height:40px!important;
  border-radius:8px!important;
  background:var(--ss-green)!important;
  box-shadow:none!important;
}
.sepet-sayfa .sepet-aksiyon-tablo .rnk-rnk:hover{background:var(--ss-green-dark)!important;}
@media(max-width:760px){
  .sepet-sayfa table.grid-table.sapetim{min-width:760px!important;}
  .siparis-ozet-alani{justify-content:stretch!important;}
  .sepet-sayfa .siparis-ozet{width:100%;}
}

/* Final theme alignment for cart and product cards. */
.sepet-sayfa>.content-container{
  width:calc(100% - 32px)!important;
  max-width:1400px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:16px!important;
  padding-right:16px!important;
}
.sepet-sayfa .sepet-tablo-wrap.card,
.sepet-sayfa .siparis-ozet{
  border-color:#cfe8d4!important;
  box-shadow:0 6px 20px rgba(22,101,52,.10)!important;
}
.sepet-sayfa table.grid-table.sapetim th{
  background:linear-gradient(90deg,var(--ss-green),var(--ss-green-dark))!important;
}
.sepet-sayfa table.grid-table.sapetim td{border-color:#dcefe0!important;}
.sepet-sayfa table.grid-table.sapetim tr.alt td{background:#f7fcf8!important;}
.sepet-sayfa table.grid-table.sapetim tr:hover td{background:#eaf8ed!important;}
.sepet-sayfa .sepet-miktar-btn{
  border-color:#b9dfc2!important;
  background:#e6f7e9!important;
  color:var(--ss-green)!important;
}
.sepet-sayfa .sepet-miktar-btn:hover{background:var(--ss-green)!important;color:#fff!important;}
.sepet-sayfa .sepet-sil-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  border:1px solid #f3b5b5!important;
  border-radius:9px!important;
  background:#fff1f1!important;
  font-size:12px!important;
  line-height:1!important;
  text-decoration:none!important;
}
.sepet-sayfa .sepet-sil-btn{
  font-size:8.5px!important;
}
.sepet-sayfa .sepet-sil-btn:hover{background:#fee2e2!important;transform:scale(1.05);}
.sepet-sayfa .siparis-ozet-baslik{
  background:var(--ss-green-light)!important;
  color:var(--ss-green)!important;
}
.sepet-sayfa .siparis-ozet-toplam{
  background:#dff4d4!important;
  color:var(--ss-green)!important;
}
.sepet-sayfa .siparis-ozet-toplam span:last-child{color:var(--ss-green)!important;}

/* Sabit satis ust bar: yalnizca logo, arama, hesap ve sepet kaydirma boyunca gorunur. */
.header-wrapper{
  background:#fff!important;
  box-shadow:0 2px 12px rgba(15,23,42,.10)!important;
}
.ss-sticky-bar{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  z-index:9000!important;
  display:grid!important;
  grid-template-columns:minmax(180px,210px) minmax(0,1fr) auto auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:24px!important;
  width:calc(100% - 24px)!important;
  max-width:var(--ss-container)!important;
  transform:translateX(-50%)!important;
  min-height:78px;
  padding:10px 24px!important;
  background:#fff!important;
  border-bottom:1px solid var(--ss-border);
  box-shadow:0 3px 16px rgba(15,23,42,.12);
}
.header-wrapper header.container{
  position:relative;
  padding-top:92px!important;
  padding-bottom:0!important;
}
.ss-sticky-bar h1.logo{order:1;}
.ss-sticky-bar .search-block{
  order:2;
  min-width:320px!important;
  max-width:none!important;
  width:100%!important;
}
.ss-sticky-bar ul#uyegiris.top-nav{order:3;}
.ss-sticky-bar ul#uye.top-nav{
  order:3!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-width:0;
  margin:0!important;
  padding:0!important;
  justify-content:flex-end!important;
}
.ss-sticky-bar ul#uye.top-nav > div{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}
.ss-sticky-bar ul#uye.top-nav > div > li{
  display:block!important;
  flex:0 0 auto!important;
}
.ss-sticky-bar .ss-floating-cart{order:4;}
.header-wrapper h1.logo{
  min-width:180px;
  width:210px;
  height:52px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.header-wrapper h1.logo img{
  max-height:58px!important;
  max-width:180px!important;
  object-fit:contain;
}
.header-wrapper h1.logo a#logoy{
  min-width:180px;
  min-height:52px;
  color:#163b23;
  font-size:18px;
  font-weight:800;
  text-decoration:none;
}
.header-wrapper h1.logo img[src=""],
.header-wrapper h1.logo img:not([src]){
  display:none;
}
.header-wrapper .search-block{
  min-height:48px;
  height:48px!important;
  box-sizing:border-box!important;
  border-color:var(--ss-border)!important;
  box-shadow:none!important;
  min-width:0!important;
  overflow:hidden;
}
.header-wrapper .search-block > div[id$="PanelAra"]{
  display:contents!important;
  min-width:0!important;
}
.header-wrapper .search-tools{
  flex:0 0 auto!important;
  gap:8px;
  width:auto!important;
  min-width:0!important;
  position:relative;
  z-index:2;
}
.header-wrapper .search-tool-button{
  width:48px;
  height:42px;
  border-radius:8px;
  border-color:var(--ss-green);
  background:#fff;
}
.header-wrapper .search-submit{
  min-width:76px!important;
  height:42px!important;
  border-radius:8px!important;
  background:var(--ss-green)!important;
}
.header-wrapper .search-block input.ss-arama-input{
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
  box-sizing:border-box!important;
  overflow:hidden;
  text-overflow:ellipsis;
}
.header-wrapper .search-tools{flex:0 0 auto!important;}
.header-wrapper ul#uyegiris.top-nav{
  flex:0 0 auto;
  white-space:nowrap;
}
.header-wrapper ul#uyegiris.top-nav li a{
  white-space:nowrap;
}
/* Arama kutusu, sağdaki araçların altına taşmadan esnek biçimde küçülür. */
.header-wrapper .search-block{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  width:100%!important;
  padding-left:14px!important;
  padding-right:4px!important;
  gap:8px!important;
}
.header-wrapper .search-block>svg{
  position:static!important;
  flex:0 0 20px!important;
  margin:0!important;
}
.header-wrapper .search-block input.ss-arama-input{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:1px!important;
}
.header-wrapper .search-block .search-tools{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  white-space:nowrap!important;
}
.header-wrapper ul#uye.top-nav{
  max-width:520px;
  z-index:20;
}
.header-wrapper ul#uye.top-nav > div{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px;
}
.header-wrapper ul#uye.top-nav > div > li{
  display:block!important;
  flex:0 0 auto;
}
.header-wrapper .quick-nav ul#uye.top-nav .ss-account-title a{
  max-width:180px;
}
.header-wrapper ul#uye.top-nav .ss-account-title a{
  max-width:190px;
  display:block!important;
  padding:11px 14px!important;
  border:1px solid var(--ss-green-light);
  border-radius:22px;
  background:#fbfef9;
  color:var(--ss-ink);
  font-size:12px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
}
.header-wrapper ul#uye.top-nav > div > li a{
  white-space:nowrap!important;
}
.header-wrapper ul#uye.top-nav > div > li:last-child a{
  background:var(--ss-green);
  border-color:var(--ss-green);
  color:#fff;
}
@media(max-width:1100px){
  .header-wrapper ul#uye.top-nav .ss-account-title a{
    max-width:150px;
  }
}

/* Mobilde DataList'in olusturdugu ara span/div katmanlari kartlari tek kolona
   dusurmesin; liste ve tum kart sarmalayicilari iki kolonlu akista kalsin. */
@media (max-width:760px){
  ul.home-product-grid,
  ul.product-grid,
  ul#products.grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    gap:8px!important;
  }
  ul.home-product-grid > .new-product-block,
  ul.home-product-grid > .new-product-block > div,
  ul.home-product-grid > .new-product-block > span,
  ul.product-grid > .new-product-block,
  ul.product-grid > .new-product-block > div,
  ul.product-grid > .new-product-block > span,
  ul#products.grid > .new-product-block,
  ul#products.grid > .new-product-block > div,
  ul#products.grid > .new-product-block > span,.home-product-grid{
    display:contents!important;
  }
  ul.home-product-grid li.field-product-card,
  ul.product-grid li.field-product-card,
  ul#products.grid li.field-product-card{
    display:flex!important;
    grid-column:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
}
@media(max-width:760px){
  .header-wrapper .ss-sticky-bar ul#uye.top-nav{
    position:static!important;
    max-width:none;
    margin-left:auto!important;
  }
}
.ss-order-modal{
  position:fixed!important;
  inset:0!important;
  z-index:12000!important;
  align-items:center;
  justify-content:center;
}
.ss-order-modal.ss-order-hidden{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.ss-order-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.52);
}

.ss-order-dialog{
  position:relative;
  z-index:1;
  width:min(430px,calc(100% - 32px));
  padding:28px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 20px 60px rgba(15,23,42,.28);
}
.ss-order-dialog h3{margin:4px 0 8px;color:#123b24;font-size:22px;}
.ss-order-dialog p{margin:0 0 18px;color:var(--ss-text-muted);font-size:13px;line-height:1.5;}
.ss-order-icon{font-size:28px;}
.ss-order-close{
  position:absolute;top:10px;right:14px;border:0;background:transparent;
  color:var(--ss-text-muted);font-size:28px;line-height:1;cursor:pointer;
}
.ss-order-field{margin:12px 0;}
.ss-order-field label{display:block;margin-bottom:6px;color:var(--ss-text);font-size:13px;font-weight:700;}
.ss-order-input{
  width:100%;height:42px;padding:0 12px;border:1px solid var(--ss-border);
  border-radius:9px;box-sizing:border-box;font-size:14px;
}
.ss-order-submit{
  width:100%;height:44px;margin-top:8px;border:0;border-radius:9px;
  background:var(--ss-green);color:#fff;font-weight:800;cursor:pointer;
}
.ss-order-message{display:block;margin:8px 0;color:#b42318;font-size:13px;}
.ss-order-result{
  display:flex;justify-content:space-between;gap:14px;margin-top:16px;padding:13px 14px;
  border:1px solid #bbf7d0;border-radius:10px;background:#f0fdf4;color:var(--ss-green);
}
.ss-order-result strong{color:#14532d;}
.ss-login-modal{display:none;position:fixed!important;inset:0!important;z-index:12001!important;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .18s ease;}
.ss-login-modal.show{display:flex!important;visibility:visible;opacity:1;}
.ss-login-dialog{max-width:430px;}
.ss-login-icon{font-size:28px;margin-bottom:2px;}
.ss-login-remember{display:flex;align-items:center;gap:8px;margin:12px 0 4px;color:var(--ss-text);font-size:13px;cursor:pointer;}
.ss-login-remember input{width:16px;height:16px;accent-color:var(--ss-green);}
.ss-login-register{display:block;margin-top:14px;text-align:center;color:var(--ss-green);font-size:13px;font-weight:700;text-decoration:none;}
.ss-login-register:hover{text-decoration:underline;}
.ss-modal-open{overflow:hidden;}
.header-wrapper .ss-floating-cart{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  z-index:10000!important;
  min-width:214px;
  width:214px;
  max-width:100%;
  height:46px;
  padding:0 16px 0 11px;
  border-radius:25px;
  background:var(--ss-green)!important;
  box-shadow:0 6px 18px rgba(18,148,71,.28);
  display:flex!important;
  align-items:center!important;
  gap:6px;
  overflow:hidden;
}
.header-wrapper .ss-floating-cart-label{
  color:#fff;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  flex:0 0 auto;
}
.header-wrapper .ss-floating-cart-count{
  margin-left:auto;
}
.header-wrapper .ss-floating-cart-total{
  flex:0 1 auto;
  min-width:0;
  margin-left:auto!important;
  color:#fff;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Girişli kullanıcı header'ında arama ve hesap bağlantıları birbirine taşmasın. */
@media(min-width:761px){
  .header-wrapper .ss-sticky-bar{
    grid-template-columns:minmax(160px,190px) minmax(260px,1fr) minmax(0,auto) minmax(214px,214px)!important;
    gap:12px!important;
    min-width:0!important;
  }
  .header-wrapper .ss-sticky-bar .search-block,
  .header-wrapper .ss-sticky-bar ul#uye.top-nav,
  .header-wrapper .ss-sticky-bar .ss-floating-cart{
    min-width:0!important;
  }
  .header-wrapper .ss-sticky-bar ul#uye.top-nav{
    width:auto!important;
    max-width:none!important;
    overflow:hidden;
  }
  .header-wrapper .ss-sticky-bar ul#uye.top-nav > div{
    min-width:0!important;
    max-width:100%;
  }
  .header-wrapper .ss-sticky-bar ul#uye.top-nav > div > li{
    min-width:0!important;
  }
  .header-wrapper .ss-sticky-bar ul#uye.top-nav > div > li a{
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .header-wrapper .ss-sticky-bar ul#uye.top-nav .ss-account-title a{
    max-width:170px!important;
  }
}
@media(max-width:1100px){
  .ss-sticky-bar{
    grid-template-columns:140px minmax(300px,1fr) minmax(0,auto) minmax(190px,200px)!important;
    gap:10px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .ss-sticky-bar .search-block{min-width:300px!important;}
  .header-wrapper h1.logo{width:140px;min-width:140px;}
  .ss-sticky-bar .top-nav{gap:6px;}
}
@media(max-width:760px){
  .header-wrapper header.container{
    padding:0 12px!important;
  }
  .ss-sticky-bar{
    display:grid!important;
    grid-template-columns:minmax(90px,1fr) auto auto!important;
    min-height:104px;
    gap:10px!important;
    padding:7px 12px!important;
  }
  .header-wrapper header.container{padding-top:118px!important;}
  .header-wrapper h1.logo{
    min-width:100px;
    max-width:38%;
  }
  .header-wrapper h1.logo img{max-height:50px!important;min-width:150px!important;}
  .header-wrapper .search-block{
    order:6;
    grid-column:1 / -1;
    min-width:0!important;
    max-width:none;
  }
  .header-wrapper .ss-floating-cart{
    top:auto!important;
    right:auto!important;
    min-width:150px;
    width:150px;
    height:40px;
    padding:0 9px;
  }
  .header-wrapper .ss-floating-cart-label{font-size:11px;}
  .header-wrapper .ss-floating-cart-total{font-size:11px;}
  .header-wrapper .ss-floating-cart-count{font-size:12px;}
  .header-wrapper ul#uyegiris.top-nav{
    max-width:48%;
    overflow:hidden;
  }
  .header-wrapper ul#uyegiris.top-nav li a{
    padding:7px 8px;
    font-size:11px;
  }
}

/* Nihai siparis sepeti kolonlari: mini resim ve Sil basligi gorunur. */
.sepet-sayfa table.grid-table.sapetim th:first-child,
.sepet-sayfa table.grid-table.sapetim td:first-child{
  display:table-cell!important;
  width:92px!important;
  min-width:92px!important;
  text-align:center!important;
}
.sepet-sayfa table.grid-table.sapetim th:nth-child(2),
.sepet-sayfa table.grid-table.sapetim td:nth-child(2){width:130px!important;min-width:130px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(3),
.sepet-sayfa table.grid-table.sapetim td:nth-child(3){width:auto!important;min-width:240px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(4),
.sepet-sayfa table.grid-table.sapetim td:nth-child(4){width:190px!important;min-width:190px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(5),
.sepet-sayfa table.grid-table.sapetim td:nth-child(5){width:90px!important;min-width:90px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(6),
.sepet-sayfa table.grid-table.sapetim td:nth-child(6){width:130px!important;min-width:130px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(7),
.sepet-sayfa table.grid-table.sapetim td:nth-child(7){width:130px!important;min-width:130px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(8),
.sepet-sayfa table.grid-table.sapetim td:nth-child(8){width:60px!important;min-width:60px!important;text-align:center!important;}
.sepet-sayfa .sepet-urun-resim-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:64px!important;
  height:64px!important;
  overflow:hidden!important;
  border:1px solid var(--ss-green-light)!important;
  border-radius:10px!important;
  background:#fff!important;
}
.sepet-sayfa .sepet-urun-resim{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:4px!important;
}

/* Son kolon duzeni: eski mGrid kurallari mini resmi veya Tutar kolonunu gizleyemez. */
.sepet-sayfa table.grid-table.sapetim th:first-child,
.sepet-sayfa table.grid-table.sapetim td:first-child{
  display:table-cell!important;
  width:92px!important;
  min-width:92px!important;
}
.sepet-sayfa table.grid-table.sapetim th:nth-child(7),
.sepet-sayfa table.grid-table.sapetim td:nth-child(7){
  display:table-cell!important;
  width:130px!important;
  min-width:130px!important;
  visibility:visible!important;
}
.sepet-sayfa table.grid-table.sapetim th:nth-child(8),
.sepet-sayfa table.grid-table.sapetim td:nth-child(8){
  display:table-cell!important;
  width:60px!important;
  min-width:60px!important;
  visibility:visible!important;
}

/* Sepet ekraninin saha/market temali son yerlesimi. */
.sepet-sayfa{
  padding:0 0 52px!important;
  background:#fff;
}
.sepet-sayfa>.content-container{
  display:block!important;
  width:100%!important;
  max-width:1180px!important;
  padding-left:20px!important;
  padding-right:20px!important;
}
body:has(.sepet-sayfa) .content-wrapper>.content-container{
  display:block!important;
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
body:has(.sepet-sayfa) .content-wrapper>.content-container>#panelkategori,
body:has(.sepet-sayfa) .content-wrapper>.content-container>.home-aside{
  display:none!important;
}
body:has(.sepet-sayfa) .content-wrapper>.content-container>.col-main{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.sepet-sayfa .sepet-col-main{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.sepet-sayfa .content-container{
  max-width:1180px!important;
}
.sepet-sayfa .page-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 -20px 0!important;
  padding:16px;
  border:0;
  border-bottom:1px solid #e4eaf2;
  border-radius:0;
  background:#fff;
  color:var(--ss-ink)!important;
  font-size:19px!important;
  box-shadow:0 2px 5px rgba(27,45,77,.06);
}
.sepet-eski-ozet-kontrolleri{display:none!important;}
.sepet-tablo-wrap{
  margin:0!important;
  border:1px solid var(--ss-green-light)!important;
  border-radius:16px!important;
  box-shadow:0 4px 16px rgba(26,91,44,.07);
}
table.mGrid{
  min-width:780px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#f9fbfe;
}
table.mGrid th:first-child,table.mGrid td:first-child{display:none!important;}
table.mGrid th:nth-child(2),table.mGrid td:nth-child(2){width:145px!important;}
table.mGrid th:nth-child(3),table.mGrid td:nth-child(3){min-width:360px!important;}
table.mGrid th:nth-child(4),table.mGrid td:nth-child(4){width:215px!important;}
table.mGrid th:nth-child(5),table.mGrid td:nth-child(5){width:100px!important;}
table.mGrid th:nth-child(6),table.mGrid td:nth-child(6){width:145px!important;}
table.mGrid th:nth-child(7),table.mGrid td:nth-child(7){width:125px!important;}
.sepet-urun-kodu{
  color:#6a7d70;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.sepet-birim{
  color:#385a42;
  font-size:12px;
  font-weight:700;
}
.sepet-miktar-control{
  display:inline-flex;
  align-items:center;
  border:0;
  border-radius:999px;
  overflow:hidden;
  background:transparent;
}
.sepet-miktar-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--ss-green-light);
  color:var(--ss-green)!important;
  font-size:18px;
  font-weight:500;
  text-decoration:none!important;
}
.sepet-miktar-btn:hover{background:var(--ss-green);color:#fff!important;}
.sepet-miktar-input{
  width:56px!important;
  height:32px!important;
  padding:0!important;
  border:0!important;
  border:0!important;
  border-radius:7px!important;
  background:#e3eaf4!important;
  color:var(--ss-ink);
  font-size:14px;
  font-weight:800;
  text-align:center;
  -moz-appearance:textfield;
}
.sepet-miktar-input::-webkit-outer-spin-button,
.sepet-miktar-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
table.mGrid th{
  height:44px;
  padding:12px 14px!important;
  background:var(--ss-green)!important;
  color:#fff!important;
  border-bottom:0;
  font-size:13px!important;
}
table.mGrid td{
  height:58px;
  padding:12px 14px!important;
  border-top:1px solid var(--ss-border)!important;
  color:var(--ss-ink);
}
table.mGrid tr.alt td{background:#f9fbfe!important;}
table.mGrid tr:hover td{background:#f1f6ff!important;}
.sepet-urun-resim-link{
  width:70px!important;
  height:70px!important;
  border:1px solid #e4eee3;
  border-radius:12px!important;
  background:#fff!important;
}
.sepet-urun-ad-link{
  display:block;
  max-width:300px;
  color:#1b2920!important;
  font-size:14px!important;
  line-height:1.4;
}
table.mGrid .auto-style2{
  color:#17241b;
  font-size:14px;
  font-weight:800;
}
table.mGrid .secenek{
  border-color:#b9dfb6!important;
  color:#176d35;
}
.sepet-sil-btn{
  width:30px!important;
  height:30px!important;
  padding:6px;
  border-radius:50%;
  background:#fff1ef;
}
#toptutyaz{
  display:flex;
  justify-content:flex-end;
  margin-top:20px;
}
table.sepet-ozet-tablo{
  min-width:360px!important;
  margin:0!important;
  border:1px solid var(--ss-border)!important;
  border-radius:0 0 12px 12px!important;
  background:#f8fafc;
  box-shadow:none;
}
table.sepet-ozet-tablo td{
  padding:11px 16px!important;
}
table.sepet-ozet-tablo tr:last-child td{
  background:var(--ss-green-light);
  color:var(--ss-green)!important;
  font-size:18px!important;
  border-radius:8px;
}
table.sepet-aksiyon-tablo{
  display:flex;
  justify-content:flex-end;
  width:100%!important;
  margin:16px 0 0!important;
}
table.sepet-aksiyon-tablo tbody,
table.sepet-aksiyon-tablo tr{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
table.sepet-aksiyon-tablo td{padding:0!important;}
a.rnk-rnk{
  min-height:42px;
  padding:0 17px!important;
  background:var(--ss-green)!important;
  box-shadow:0 2px 6px rgba(18,148,71,.16);
}
a.rnk-rnk:hover{background:var(--ss-green-dark)!important;}
.shopping-cart-collaterals{
  margin:24px 0 0!important;
  max-width:430px!important;
  border-color:var(--ss-green-light)!important;
}
.sepet-bos-uyari{
  min-height:180px;
  border:1px dashed #b9dcb8;
  border-radius:16px;
  background:#fff;
  color:#58705c!important;
}
.sepet-bos-uyari img{display:none;}
@media(max-width:760px){
  .sepet-sayfa{padding:12px 0 34px!important;}
  .sepet-sayfa>.content-container{padding-left:12px!important;padding-right:12px!important;}
  .sepet-sayfa .page-title{padding:14px 16px;font-size:20px!important;}
  .sepet-tablo-wrap{border-radius:12px!important;}
  table.mGrid{min-width:780px!important;}
  table.mGrid th,table.mGrid td{padding:9px 10px!important;}
  .sepet-urun-resim-link{width:56px!important;height:56px!important;}
  .sepet-urun-ad-link{max-width:210px;font-size:12px!important;}
  #toptutyaz{display:block;}
  table.sepet-ozet-tablo{width:100%!important;min-width:0!important;}
  table.sepet-aksiyon-tablo,
  table.sepet-aksiyon-tablo tbody,
  table.sepet-aksiyon-tablo tr{display:block!important;}
  table.sepet-aksiyon-tablo td{display:inline-block;margin:4px 0;}
  a.rnk-rnk{min-height:38px;padding:0 12px!important;font-size:11px!important;}
}

/* Sepet son gorunum: eski genel mGrid kurallari bu kolonlari gizleyemez. */
.sepet-sayfa table.grid-table.sapetim th:first-child,
.sepet-sayfa table.grid-table.sapetim td:first-child,
.sepet-sayfa table.grid-table.sapetim th:nth-child(7),
.sepet-sayfa table.grid-table.sapetim td:nth-child(7),
.sepet-sayfa table.grid-table.sapetim th:nth-child(8),
.sepet-sayfa table.grid-table.sapetim td:nth-child(8){
  display:table-cell!important;
  visibility:visible!important;
}
.sepet-sayfa table.grid-table.sapetim th:first-child,
.sepet-sayfa table.grid-table.sapetim td:first-child{width:92px!important;min-width:92px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(7),
.sepet-sayfa table.grid-table.sapetim td:nth-child(7){width:130px!important;min-width:130px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(8),
.sepet-sayfa table.grid-table.sapetim td:nth-child(8){width:60px!important;min-width:60px!important;}

/* Sepet, ana sayfadaki kategori + içerik + avantaj kolon düzenini kullanır. */
body:has(.sepet-sayfa) .content-wrapper>.content-container{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr) 180px!important;
  gap:16px!important;
  align-items:start!important;
  width:calc(100% - 32px)!important;
  max-width:1400px!important;
  margin:0 auto!important;
  padding:16px!important;
}
body:has(.sepet-sayfa) .content-wrapper>.content-container>#panelkategori{
  display:block!important;
  grid-column:1!important;
}
body:has(.sepet-sayfa) .content-wrapper>.content-container>.col-main{
  display:block!important;
  grid-column:2!important;
  width:auto!important;
  min-width:0!important;
}
body:has(.sepet-sayfa) .content-wrapper>.content-container>.home-aside{
  display:block!important;
  grid-column:3!important;
}
.sepet-sayfa .sepet-col-main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.sepet-sayfa table.grid-table.sapetim th:nth-child(7),
.sepet-sayfa table.grid-table.sapetim td:nth-child(7),
.sepet-sayfa .sepet-satir-tutari,
.sepet-sayfa .sepet-satir-tutari-deger{
  display:table-cell!important;
  visibility:visible!important;
  opacity:1!important;
  color:#fff!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.sepet-sayfa .sepet-satir-tutari{
  text-align:right!important;
}
.sepet-sayfa .sepet-tablo-wrap{
  overflow-x:auto!important;
}
.sepet-sayfa .page-title{
  color:var(--ss-green)!important;
  font-family:var(--ss-font-display)!important;
}
.sepet-sayfa,
.sepet-sayfa table,
.sepet-sayfa button,
.sepet-sayfa input{
  font-family:var(--ss-font-body)!important;
}
@media(max-width:1100px){
  body:has(.sepet-sayfa) .content-wrapper>.content-container{
    grid-template-columns:190px minmax(0,1fr)!important;
  }
  body:has(.sepet-sayfa) .content-wrapper>.content-container>.home-aside{
    display:none!important;
  }
  body:has(.sepet-sayfa) .content-wrapper>.content-container>.col-main{
    grid-column:2!important;
  }
}
@media(max-width:760px){
  body:has(.sepet-sayfa) .content-wrapper>.content-container{
    display:block!important;
    width:100%!important;
    padding:12px!important;
  }
  body:has(.sepet-sayfa) .content-wrapper>.content-container>#panelkategori{
    display:none!important;
  }
}

/* Final shared spacing and cart fit overrides. */
.content-wrapper>.ss-page-layout{
  grid-template-columns:200px minmax(0,1fr) 160px!important;
  gap:8px!important;
  width:calc(100% - 16px)!important;
  max-width:1500px!important;
  padding:8px!important;
}
body:has(.sepet-sayfa) .content-wrapper>.content-container{
  grid-template-columns:200px minmax(0,1fr) 160px!important;
  gap:8px!important;
  width:calc(100% - 16px)!important;
  max-width:1500px!important;
  padding:8px!important;
}
.sepet-sayfa table.grid-table.sapetim{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.sepet-sayfa table.grid-table.sapetim th,
.sepet-sayfa table.grid-table.sapetim td{
  padding:9px 7px!important;
  font-size:12px!important;
  overflow:hidden;
}
.sepet-sayfa table.grid-table.sapetim th:first-child,
.sepet-sayfa table.grid-table.sapetim td:first-child{width:78px!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(2),
.sepet-sayfa table.grid-table.sapetim td:nth-child(2){width:88px!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(3),
.sepet-sayfa table.grid-table.sapetim td:nth-child(3){width:auto!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(4),
.sepet-sayfa table.grid-table.sapetim td:nth-child(4){width:118px!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(5),
.sepet-sayfa table.grid-table.sapetim td:nth-child(5){width:52px!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(6),
.sepet-sayfa table.grid-table.sapetim td:nth-child(6){width:102px!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(7),
.sepet-sayfa table.grid-table.sapetim td:nth-child(7){width:108px!important;min-width:0!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(8),
.sepet-sayfa table.grid-table.sapetim td:nth-child(8){width:46px!important;min-width:0!important;}
.sepet-sayfa .sepet-urun-ad-link{
  max-width:none!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sepet-sayfa .sepet-miktar-control{gap:2px!important;}
.sepet-sayfa .sepet-miktar-btn{width:24px!important;height:26px!important;}
.sepet-sayfa .sepet-miktar-input{width:38px!important;height:26px!important;}
.sepet-sayfa .sepet-aksiyon-tablo .rnk-rnk,
.sepet-sayfa a.rnk-rnk,
.sepet-sayfa input[type="submit"],
.sepet-sayfa input[type="button"]{
  background:var(--ss-green)!important;
  border-color:var(--ss-green)!important;
  color:#fff!important;
}
.sepet-sayfa .sepet-aksiyon-tablo .rnk-rnk:hover,
.sepet-sayfa a.rnk-rnk:hover{
  background:var(--ss-green-dark)!important;
  border-color:var(--ss-green-dark)!important;
}
.sepet-sayfa .siparis-ozet-toplam,
.sepet-sayfa table.sepet-ozet-tablo tr:last-child td{
  background:var(--ss-green-light)!important;
  color:var(--ss-green)!important;
}
@media(max-width:1100px){
  .content-wrapper>.ss-page-layout,
  body:has(.sepet-sayfa) .content-wrapper>.content-container{
    grid-template-columns:180px minmax(0,1fr)!important;
  }
}

/* Ürün kartları: kompakt dikdörtgen ve tema içi sağ-alt ekleme düğmesi. */
#products.grid .field-product-card,

/* Ürün kartları: kompakt dikdörtgen ve tema içi sağ-alt ekleme düğmesi. */
.home-product-grid .field-product-card{
  position:relative!important;
  min-height:292px!important;
  height:292px!important;
  padding:0 10px 10px!important;
  border-radius:11px!important;
  border-color:var(--ss-border)!important;
  box-shadow:0 2px 8px rgba(31,91,38,.09)!important;
}
#products.grid .field-product-media,
.home-product-grid .field-product-media{
  position:static!important;
  height:132px!important;
  padding:8px!important;
  border-radius:10px 10px 0 0!important;
}
#products.grid .field-product-info,
.home-product-grid .field-product-info{
  padding:0 2px 38px!important;
}
#products.grid .field-product-info>p:first-child,
.home-product-grid .field-product-info>p:first-child{
  min-height:36px!important;
  margin:6px 0 2px!important;
  font-size:13px!important;
  line-height:1.3!important;
}
#products.grid .field-product-info .pro-kod,
.home-product-grid .field-product-info .pro-kod{
  margin-bottom:7px!important;
  font-size:11px!important;
}
#products.grid .field-price-row,
.home-product-grid .field-price-row{
  min-height:22px!important;
  margin:0 0 2px!important;
}
#products.grid .field-price-row strong,
.home-product-grid .field-price-row strong{
  font-size:16px!important;
}
#products.grid .field-stock-row,
.home-product-grid .field-stock-row{
  min-height:14px!important;
  font-size:11px!important;
}
#products.grid .field-product-action,
.home-product-grid .field-product-action{
  position:absolute!important;
  top:auto!important;
  left:auto!important;
  right:8px!important;
  bottom:8px!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-height:30px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#products.grid .field-quick-add,
.home-product-grid .field-quick-add{
  flex:0 0 66px!important;
  width:66px!important;
  height:66px!important;
  margin-left:auto!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  background:var(--ss-green)!important;
  color:#fff!important;
  box-shadow:0 3px 12px rgba(18,148,71,.32)!important;
  font-size:27px!important;
  font-weight:700!important;
}
#products.grid .field-quick-add:hover,
.home-product-grid .field-quick-add:hover{
  background:var(--ss-green-dark)!important;
  transform:translateY(-1px);
}
#products.grid .field-cart-adjust,
#products.grid .field-cart-quantity,
.home-product-grid .field-cart-adjust,
.home-product-grid .field-cart-quantity{
  display:none;
}
#products.grid .field-product-card.is-cart-added .field-product-action,
.home-product-grid .field-product-card.is-cart-added .field-product-action{
  width:auto!important;
  height:30px!important;
}
#products.grid .field-cart-adjust,
.home-product-grid .field-cart-adjust{
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  padding:0;
  border:1px solid #777;
  border-radius:2px;
  background:#f4f4f4;
  color:#111;
  font-size:17px;
  font-weight:700;
  cursor:pointer;
}
#products.grid .field-cart-quantity,
.home-product-grid .field-cart-quantity{
  width:62px;
  height:30px;
  padding:0 4px;
  border:1px solid #777;
  background:#fff;
  color:#111;
  text-align:center;
  font-size:16px;
  font-weight:400;
  outline:0;
}
#products.grid .field-product-card.is-cart-added .field-cart-adjust,
#products.grid .field-product-card.is-cart-added .field-cart-quantity,
.home-product-grid .field-product-card.is-cart-added .field-cart-adjust,
.home-product-grid .field-product-card.is-cart-added .field-cart-quantity{
  display:flex;
}
#products.grid .field-product-card.is-cart-added .field-cart-quantity,
.home-product-grid .field-product-card.is-cart-added .field-cart-quantity{
  display:block;
}
#products.grid .field-product-card.is-cart-added .field-product-action,
.home-product-grid .field-product-card.is-cart-added .field-product-action{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#products.grid .field-cart-adjust:hover,
.home-product-grid .field-cart-adjust:hover{
  background:#e5e5e5;
}
#products.grid .field-product-card:hover,
.home-product-grid .field-product-card:hover{
  border-color:#9acb91!important;
  box-shadow:0 6px 16px rgba(30,110,40,.14)!important;
}
@media(max-width:760px){
  #products.grid .field-product-card,
  .home-product-grid .field-product-card{
    min-height:270px!important;
    height:270px!important;
  }
  #products.grid .field-product-media,
  .home-product-grid .field-product-media{height:139px!important;}
  #products.grid .field-quick-add,
  .home-product-grid .field-quick-add{
    flex-basis:58px!important;
    width:58px!important;
    height:58px!important;
    font-size:24px!important;
  }
}

/* Katalog görselleri kartı büyütmeden yüzde 20 daha geniş kullanır. */
#products.grid .field-product-media img,

/* Katalog görselleri kartı büyütmeden yüzde 20 daha geniş kullanır. */
.home-product-grid .field-product-media img{
  transform:scale(1.2)!important;
}

/* Ana sayfadaki popüler/çok satan kartları kategori kartlarıyla aynı standardı
   kullanır; böylece görsel alanı, bilgi aralıkları ve sepet kontrolü sayfaya göre değişmez. */
.col-main>.content-container>.product-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.col-main>.content-container>.product-grid li.field-product-card{
  position:relative!important;
  min-height:292px!important;
  height:292px!important;
  padding:0 10px 10px!important;
  border-radius:11px!important;
  border-color:var(--ss-border)!important;
  box-shadow:0 2px 8px rgba(31,91,38,.09)!important;
  overflow:hidden!important;
}
.col-main>.content-container>.product-grid li.field-product-card .field-product-media{
  position:static!important;
  height:132px!important;
  min-height:132px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:8px!important;
  border-radius:10px 10px 0 0!important;
}
.col-main>.content-container>.product-grid li.field-product-card .field-product-media img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  object-fit:contain!important;
  transform:scale(1.2)!important;
}
.col-main>.content-container>.product-grid li.field-product-card .field-product-info{
  padding:0 2px 38px!important;
}
.col-main>.content-container>.product-grid li.field-product-card .field-product-info>p:first-child{
  min-height:36px!important;
  margin:6px 0 2px!important;
  font-size:13px!important;
  line-height:1.3!important;
}
.col-main>.content-container>.product-grid li.field-product-card .field-product-info .pro-kod{
  margin-bottom:7px!important;
  font-size:11px!important;
}
.col-main>.content-container>.product-grid li.field-product-card .field-price-row{
  min-height:22px!important;
  margin:0 0 2px!important;
}
.col-main>.content-container>.product-grid li.field-product-card .field-price-row strong{
  color:var(--ss-ink)!important;
  font-size:16px!important;
  font-weight:800!important;
}
.col-main>.content-container>.product-grid li.field-product-card .field-product-action{
  position:absolute!important;
  top:auto!important;
  left:auto!important;
  right:8px!important;
  bottom:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-height:30px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.col-main>.content-container>.product-grid li.field-product-card .field-quick-add{
  display:flex!important;
  flex:0 0 66px!important;
  width:66px!important;
  height:66px!important;
  margin-left:auto!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  background:var(--ss-green)!important;
  color:#fff!important;
  box-shadow:0 3px 12px rgba(18,148,71,.32)!important;
  font-size:27px!important;
}
.col-main>.content-container>.product-grid li.field-product-card .field-cart-adjust,
.col-main>.content-container>.product-grid li.field-product-card .field-cart-quantity{
  display:none;
}
.col-main>.content-container>.product-grid li.field-product-card.is-cart-added .field-cart-adjust,
.col-main>.content-container>.product-grid li.field-product-card.is-cart-added .field-cart-quantity{
  display:flex;
}
.col-main>.content-container>.product-grid li.field-product-card.is-cart-added .field-cart-quantity{
  display:block;
}
.col-main>.content-container>.product-grid li.field-product-card.is-cart-added .field-product-action{
  width:auto!important;
  height:30px!important;
  overflow:visible!important;
}
.col-main>.content-container>.product-grid li.field-product-card>.pro-btn-block{
  display:none!important;
}
@media(max-width:760px){
  .col-main>.content-container>.product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .col-main>.content-container>.product-grid li.field-product-card{
    min-height:270px!important;
    height:270px!important;
  }
  .col-main>.content-container>.product-grid li.field-product-card .field-product-media{
    height:139px!important;
    min-height:139px!important;
  }
  .col-main>.content-container>.product-grid li.field-product-card .field-quick-add{
    flex-basis:58px!important;
    width:58px!important;
    height:58px!important;
    font-size:24px!important;
  }
}

@media(max-width:760px){
  /* Mobilde kategori paneli, ortak mobil menü içinden açılır. */
  .mobMenu{
    display:block!important;
    margin:0 12px 8px;
  }
  .mobMenu #menuInnner{
    max-height:60vh;
    overflow-y:auto;
    padding:6px 0;
    background:#fff;
    border:1px solid var(--ss-border);
    border-radius:10px;
  }
  .mobMenu .mobilmenu{
    display:block!important;
    padding:0 8px 8px;
  }
  .mobMenu .mobilmenu .mobbaslık{
    cursor:pointer;
    background:var(--ss-green-light);
    color:var(--ss-green);
    border:1px solid var(--ss-green-light);
  }
  .mobMenu #mobilmenuyap{
    display:none;
    max-height:360px;
    overflow-y:auto;
    padding:0 4px 8px;
  }
  .mobMenu #mobilmenuyap .yanmenüler{
    display:block!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
  }
  .mobMenu #mobilmenuyap .yanmenüler>div:not(#Menu),
  .mobMenu #mobilmenuyap #yeniurngstr,
  .mobMenu #mobilmenuyap #markagst,
  .mobMenu #mobilmenuyap #hbr{
    display:none!important;
  }
  .mobMenu #mobilmenuyap #alt-basliklar{
    padding:8px 10px!important;
    border-bottom:1px solid var(--ss-green-light)!important;
  }
  .mobMenu #mobilmenuyap #Menu{
    display:none!important;
  }
  #products.grid,
  .home-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
}

/* clearfix pseudo-elementi CSS Grid'de boş ürün hücresi oluşturmasın. */
ul#products.grid::before,
ul#products.grid::after,
ul#products.product-grid::before,
ul#products.product-grid::after,
ul.product-surface::before,
ul.product-surface::after,
ul#products.grid .new-product-block::before,
ul#products.grid .new-product-block::after,

/* clearfix pseudo-elementi CSS Grid'de boş ürün hücresi oluşturmasın. */
ul.home-product-grid::before,
ul.home-product-grid::after,
ul.home-product-grid .new-product-block::before,
ul.home-product-grid .new-product-block::after{
  content:none!important;
  display:none!important;
}
ul#products.grid>.new-product-block,
ul.home-product-grid>.new-product-block,.home-product-grid{
  grid-column:1/-1!important;
}

/* Ortak okunabilir tipografi ve mini sepetin anlik guncellenen gorunumu. */
body.BODY,
body.BODY input,
body.BODY button,
body.BODY select,
body.BODY textarea,
body.BODY table,
body.BODY a,
body.BODY p,
body.BODY li,
body.BODY span,
body.BODY label{
  font-family:var(--ss-font-body)!important;
  font-size:14px!important;
  line-height:1.35;
}
body.BODY h1,
body.BODY h2,
body.BODY h3,
body.BODY h4,
body.BODY h5,
body.BODY h6{
  font-family:var(--ss-font-display)!important;
  font-size:16px!important;
  line-height:1.3;
}
body.BODY .ss-floating-cart-label,
body.BODY .ss-floating-cart-total,
body.BODY .ss-floating-cart-count{
  font-size:14px!important;
}
body.BODY .ss-floating-cart{
  transition:transform .16s ease,box-shadow .16s ease;
}
body.BODY .ss-floating-cart.is-bumping{
  transform:scale(1.04);
}

/* Mobil son duzen: header elemanlari satira sigar, urunler her telefonda iki kolon olur. */
@media(max-width:760px){
  .header-wrapper .ss-sticky-bar{
    position:relative!important;
    left:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    min-height:96px!important;
    padding:8px 10px!important;
    gap:8px!important;
  }
  .header-wrapper header.container{
    padding-top:0!important;
  }
  .header-wrapper h1.logo{
    width:auto!important;
    min-width:0!important;
    max-width:145px!important;
    height:48px!important;
    overflow:hidden!important;
    justify-content:flex-start!important;
  }
  .header-wrapper h1.logo a#logoy{
    min-width:0!important;
    width:100%!important;
  }
  .header-wrapper h1.logo img{
    width:auto!important;
    min-width:0!important;
    max-width:130px!important;
    max-height:44px!important;
  }
  .header-wrapper .ss-floating-cart{
    position:static!important;
    grid-column:2!important;
    grid-row:1!important;
    width:auto!important;
    min-width:112px!important;
    max-width:210px!important;
    height:38px!important;
    padding:0 9px!important;
    margin:0!important;
  }
  .header-wrapper .ss-floating-cart-label,
  .header-wrapper .ss-floating-cart-total{
    font-size:11px!important;
  }
  .header-wrapper .search-block{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
  }
  .home-product-grid,
  .col-main>.content-container>.product-grid,
  #products.grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .home-product-grid li.field-product-card,
  .col-main>.content-container>.product-grid li.field-product-card,
  #products.grid .field-product-card{
    width:auto!important;
    min-width:0!important;
    height:300px!important;
    min-height:300px!important;
  }
}
@media(max-width:420px){
  .product-grid,
  .home-product-grid,
  .col-main>.content-container>.product-grid,
  #products.grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
.sepet-sayfa .siparis-ozet-deger{
  font-size:14px!important;
}

/* Son ortak tema katmanı: kategori ve ana sayfa ürün kartlarında aynı sepet
   kontrolü kullanılır; eski gri buton stilleri burada güvenli şekilde ezilir. */
:root{
  --ss-green:#0000ff;
  --ss-green-dark:#121e30;
  --ss-green-soft:#E7EEE7;
  --ss-green-border:#C7D6C9;
  --ss-ink:#17231C;
}

#products.grid .field-product-action,
.col-main>.content-container>.product-grid li.field-product-card .field-product-action,

.home-product-grid .field-product-action{
  right:8px!important;
  bottom:8px!important;
  gap:4px!important;
  min-height:36px!important;
  padding:3px!important;
  border:1px solid var(--ss-green-border)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 5px 16px rgba(22,138,70,.16)!important;
  backdrop-filter:blur(7px);
}

#products.grid .field-cart-adjust,
#products.grid .field-cart-quantity,
.col-main>.content-container>.product-grid li.field-product-card .field-cart-adjust,
.col-main>.content-container>.product-grid li.field-product-card .field-cart-quantity,

.home-product-grid .field-cart-adjust,
.home-product-grid .field-cart-quantity{
  box-sizing:border-box!important;
  height:32px!important;
  border:1px solid var(--ss-green-border)!important;
  border-radius:9px!important;
  outline:none!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
}

#products.grid .field-cart-adjust,
.col-main>.content-container>.product-grid li.field-product-card .field-cart-adjust,

.home-product-grid .field-cart-adjust{
  align-items:center;
  justify-content:center;
  width:32px!important;
  min-width:32px!important;
  padding:0!important;
  background:var(--ss-green-soft)!important;
  color:var(--ss-green-dark)!important;
  font-size:18px!important;
  font-weight:800!important;
}

#products.grid .field-cart-decrease,
.home-product-grid li.field-product-card .field-cart-decrease,
.col-main>.content-container>.product-grid li.field-product-card .field-cart-decrease{
  font-size:12.5px!important;
}

#products.grid .field-cart-adjust:hover,
.col-main>.content-container>.product-grid li.field-product-card .field-cart-adjust:hover,

.home-product-grid .field-cart-adjust:hover{
  border-color:var(--ss-green)!important;
  background:var(--ss-green)!important;
  color:#fff!important;
  transform:translateY(-1px);
}

#products.grid .field-cart-quantity,
.col-main>.content-container>.product-grid li.field-product-card .field-cart-quantity,

.home-product-grid .field-cart-quantity{
  width:58px!important;
  min-width:58px!important;
  padding:0 5px!important;
  background:#fff!important;
  color:var(--ss-ink)!important;
  font-size:15px!important;
  font-weight:800!important;
  text-align:center;
  -moz-appearance:textfield;
}

#products.grid .field-cart-quantity::-webkit-outer-spin-button,
#products.grid .field-cart-quantity::-webkit-inner-spin-button,
.col-main>.content-container>.product-grid li.field-product-card .field-cart-quantity::-webkit-outer-spin-button,
.col-main>.content-container>.product-grid li.field-product-card .field-cart-quantity::-webkit-inner-spin-button,

.home-product-grid .field-cart-quantity::-webkit-outer-spin-button,
.home-product-grid .field-cart-quantity::-webkit-inner-spin-button{
  margin:0;
  -webkit-appearance:none;
}

#products.grid .field-quick-add,
.col-main>.content-container>.product-grid li.field-product-card .field-quick-add,

.home-product-grid .field-quick-add{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,var(--ss-green),var(--ss-green-dark))!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(22,138,70,.28)!important;
  font-size:23px!important;
  font-weight:400!important;
  line-height:1!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}

#products.grid .field-product-card.is-cart-added .field-quick-add,
.col-main>.content-container>.product-grid li.field-product-card.is-cart-added .field-quick-add,

.home-product-grid .field-product-card.is-cart-added .field-quick-add{
  display:none!important;
}

#products.grid .field-quick-add:hover,
.col-main>.content-container>.product-grid li.field-product-card .field-quick-add:hover,

.home-product-grid .field-quick-add:hover{
  filter:brightness(1.06);
  transform:translateY(-2px)!important;
  box-shadow:0 10px 20px rgba(22,138,70,.35)!important;
}

#products.grid .field-quick-add:focus-visible,
#products.grid .field-cart-adjust:focus-visible,
.col-main>.content-container>.product-grid li.field-product-card .field-quick-add:focus-visible,
.col-main>.content-container>.product-grid li.field-product-card .field-cart-adjust:focus-visible,

.home-product-grid .field-quick-add:focus-visible,
.home-product-grid .field-cart-adjust:focus-visible{
  outline:3px solid rgba(36,164,91,.25)!important;
  outline-offset:2px;
}

/* Sepete eklenmis kartta miktar kontrolleri kendi satirinda ortalanir. */
#products.grid .field-product-card.is-cart-added .field-product-action,
.home-product-grid li.field-product-card.is-cart-added .field-product-action,
.col-main>.content-container>.product-grid li.field-product-card.is-cart-added .field-product-action{
  left:50%!important;
  right:auto!important;
  bottom:8px!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  max-width:calc(100% - 16px)!important;
  justify-content:center!important;
}

/* Ana sayfa vitrinleri kategori kartının görünür varsayılan durumunu kullanır:
   tek yuvarlak ekle butonu, miktar alanları yalnızca sepete eklenince açılır. */
ul.product-surface .field-product-action{
  right:12px!important;
  bottom:12px!important;
  gap:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
ul#products.grid .field-product-action,
ul.home-product-grid .field-product-action{
  right:12px!important;
  bottom:12px!important;
  gap:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
ul#products.grid .field-cart-adjust,
ul#products.grid .field-cart-quantity,
ul.home-product-grid .field-cart-adjust,
ul.home-product-grid .field-cart-quantity{
  display:none!important;
}
ul.product-surface .field-cart-adjust,
ul.product-surface .field-cart-quantity{
  display:none!important;
}
ul.product-surface .field-quick-add{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border:0!important;
  border-radius:50%!important;
  background:#11186B!important;
  color:#fff!important;
  box-shadow:0 8px 16px rgba(17,24,107,.24)!important;
  font-size:22px!important;
}
ul#products.grid .field-quick-add,
ul.home-product-grid .field-quick-add{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border:0!important;
  border-radius:50%!important;
  background:#11186B!important;
  color:#fff!important;
  box-shadow:0 8px 16px rgba(17,24,107,.24)!important;
  font-size:22px!important;
}
ul.product-surface .field-product-card{
  min-height:360px!important;
  border-radius:20px!important;
  background:#fff!important;
  overflow:hidden!important;
}
ul.product-surface .field-product-card .field-product-media{
  flex:0 0 220px!important;
  height:220px!important;
  min-height:220px!important;
  padding:12px 14px 0!important;
  box-sizing:border-box!important;
}
ul.product-surface .field-product-card .field-product-media img{
  padding:0!important;
}
ul.product-surface .field-product-card .field-product-info{
  padding:10px 16px 0!important;
}
ul.product-surface .field-product-card .field-product-info>p:first-child{
  min-height:42px!important;
  margin:0!important;
  font-family:Georgia,serif!important;
  font-size:18px!important;
  line-height:1.35!important;
}
ul.product-surface .field-product-card .field-price-row{
  justify-content:center!important;
  margin:16px 16px 0!important;
}
ul.product-surface .field-product-card .field-price-row strong{
  color:#11186B!important;
  font-family:Georgia,serif!important;
  font-size:25px!important;
}
ul.product-surface .field-product-card .field-unit-row{
  display:none!important;
}

/* Kartların tamamı aynı yükseklik ve bilgi ritmine sahip olur. */
#products.grid .field-product-card,
.col-main>.content-container>.product-grid li.field-product-card,

/* Kartların tamamı aynı yükseklik ve bilgi ritmine sahip olur. */
.home-product-grid .field-product-card{
  min-height:330px!important;
  height:330px!important;
  border:1px solid var(--ss-green-light)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(23,77,42,.08)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}

#products.grid .field-product-card:hover,
.col-main>.content-container>.product-grid li.field-product-card:hover,

.home-product-grid .field-product-card:hover{
  border-color:#9fd3ad!important;
  box-shadow:0 12px 24px rgba(23,77,42,.14)!important;
  transform:translateY(-2px);
}

/* Sayfa genelindeki aksiyon butonları da ürün kartlarıyla aynı temayı taşır. */
.search-tool-button,
.btn-primary,
.colors-btn,
.field-product-card .field-server-add{
  border:1px solid var(--ss-green)!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,var(--ss-green),var(--ss-green-dark))!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(22,138,70,.18)!important;
  font-weight:700!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}

.search-tool-button:hover,
.btn-primary:hover,
.colors-btn:hover,
.field-product-card .field-server-add:hover{
  filter:brightness(1.06);
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(22,138,70,.26)!important;
}

.btn-outline,
.ss-scan-close{
  border:1px solid var(--ss-green-border)!important;
  border-radius:10px!important;
  background:var(--ss-green-soft)!important;
  color:var(--ss-green-dark)!important;
  font-weight:700!important;
}

@media(max-width:760px){
  #products.grid .field-product-card,
  .col-main>.content-container>.product-grid li.field-product-card,
  .home-product-grid .field-product-card{
    min-height:300px!important;
    height:300px!important;
  }
  #products.grid .field-quick-add,
  .col-main>.content-container>.product-grid li.field-product-card .field-quick-add,
  .home-product-grid .field-quick-add{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:12px!important;
    font-size:21px!important;
  }
}

/* Final precedence layer for the product cards, cart table and responsive grid. */
#products.grid .field-product-card,
.home-product-grid li.field-product-card,
.col-main>.content-container>.product-grid li.field-product-card{
  position:relative!important;
  overflow:hidden!important;
}

#products.grid .field-product-card .field-product-info,
.home-product-grid li.field-product-card .field-product-info,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info{
  padding-bottom:76px!important;
}

#products.grid .field-product-card .field-price-row,
.home-product-grid li.field-product-card .field-price-row,
.col-main>.content-container>.product-grid li.field-product-card .field-price-row{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:52px!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  min-height:24px!important;
  margin:0!important;
  overflow:hidden!important;
}

#products.grid .field-product-card .field-price-row strong,
.home-product-grid li.field-product-card .field-price-row strong,
.col-main>.content-container>.product-grid li.field-product-card .field-price-row strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:18px!important;
}

#products.grid .field-product-card .field-product-action,
.home-product-grid li.field-product-card .field-product-action,
.col-main>.content-container>.product-grid li.field-product-card .field-product-action{
  bottom:7px!important;
  z-index:6!important;
}

#products.grid .field-product-card.is-cart-added .field-product-action,
.home-product-grid li.field-product-card.is-cart-added .field-product-action,
.col-main>.content-container>.product-grid li.field-product-card.is-cart-added .field-product-action{
  left:50%!important;
  right:auto!important;
  bottom:7px!important;
  transform:translateX(-50%)!important;
  max-width:calc(100% - 14px)!important;
  white-space:nowrap!important;
}

.home-product-grid,
.col-main>.content-container>.product-grid{
  grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;
}

.sepet-sayfa table.grid-table.sapetim{
  width:100%!important;
  table-layout:fixed!important;
}
.sepet-sayfa table.grid-table.sapetim th,
.sepet-sayfa table.grid-table.sapetim td{
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.sepet-sayfa table.grid-table.sapetim th:first-child,
.sepet-sayfa table.grid-table.sapetim td:first-child{width:76px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(2),
.sepet-sayfa table.grid-table.sapetim td:nth-child(2){width:105px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(3),
.sepet-sayfa table.grid-table.sapetim td:nth-child(3){width:auto!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(4),
.sepet-sayfa table.grid-table.sapetim td:nth-child(4){width:150px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(5),
.sepet-sayfa table.grid-table.sapetim td:nth-child(5){width:72px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(6),
.sepet-sayfa table.grid-table.sapetim td:nth-child(6){width:125px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(7),
.sepet-sayfa table.grid-table.sapetim td:nth-child(7){width:125px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(8),
.sepet-sayfa table.grid-table.sapetim td:nth-child(8){width:52px!important;}
.sepet-sayfa .sepet-urun-ad-link{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media(max-width:760px){
  .home-product-grid,
  .col-main>.content-container>.product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sepet-sayfa table.grid-table.sapetim{
    min-width:760px!important;
    table-layout:auto!important;
  }
}

/* En son kart katmani: fiyat, alt sepet kontrolunun ustunde ayri satirda kalir. */
#products.grid .field-product-card,
.home-product-grid li.field-product-card,
.col-main>.content-container>.product-grid li.field-product-card{
  min-height:375px!important;
  height:375px!important;
}
#products.grid .field-product-card .field-price-row,
.home-product-grid li.field-product-card .field-price-row,
.col-main>.content-container>.product-grid li.field-product-card .field-price-row{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:76px!important;
  min-height:26px!important;
  height:26px!important;
  z-index:2!important;
}
#products.grid .field-product-card .field-product-action,
.home-product-grid li.field-product-card .field-product-action,
.col-main>.content-container>.product-grid li.field-product-card .field-product-action{
  bottom:8px!important;
  z-index:8!important;
  min-height:42px!important;
}
#products.grid .field-product-card.is-cart-added .field-product-action,
.home-product-grid li.field-product-card.is-cart-added .field-product-action,
.col-main>.content-container>.product-grid li.field-product-card.is-cart-added .field-product-action{
  left:50%!important;
  right:auto!important;
  bottom:8px!important;
  transform:translateX(-50%)!important;
}
.home-product-grid,
#products.grid .new-product-block,
.col-main>.content-container>.product-grid{
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
}
@media(max-width:760px){
  #products.grid .field-product-card,
  .home-product-grid li.field-product-card,
  .col-main>.content-container>.product-grid li.field-product-card{
    min-height:300px!important;
    height:300px!important;
  }
  .home-product-grid,
  .col-main>.content-container>.product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Son UI duzeltmeleri: fiyat ve sepet kontrolu ayni yatay alanda cakismasin. */
#products.grid .field-product-card,
.home-product-grid li.field-product-card,
.col-main>.content-container>.product-grid li.field-product-card{
  position:relative!important;
  overflow:hidden!important;
}

#products.grid .field-product-card .field-info,
.home-product-grid li.field-product-card .field-product-info,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info{
  padding-bottom:76px!important;
}

#products.grid .field-product-card .field-price-row,
.home-product-grid li.field-product-card .field-price-row,
.col-main>.content-container>.product-grid li.field-product-card .field-price-row{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:52px!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  min-height:24px!important;
  margin:0!important;
  overflow:hidden!important;
}

#products.grid .field-product-card .field-price-row strong,
.home-product-grid li.field-product-card .field-price-row strong,
.col-main>.content-container>.product-grid li.field-product-card .field-price-row strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:18px!important;
}

#products.grid .field-product-card .field-product-action,
.home-product-grid li.field-product-card .field-product-action,
.col-main>.content-container>.product-grid li.field-product-card .field-product-action{
  bottom:7px!important;
  z-index:6!important;
}

#products.grid .field-product-card.is-cart-added .field-product-action,
.home-product-grid li.field-product-card.is-cart-added .field-product-action,
.col-main>.content-container>.product-grid li.field-product-card.is-cart-added .field-product-action{
  left:50%!important;
  right:auto!important;
  bottom:7px!important;
  transform:translateX(-50%)!important;
  max-width:calc(100% - 14px)!important;
  white-space:nowrap!important;
}

/* Ana sayfada 3 urun gibi eksik satirlar da kullanilabilir alani doldurur. */
.home-product-grid,
.col-main>.content-container>.product-grid{
  grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;
}

/* Sepet tablosunda kolonlar urun adi lehine dengelenir; yatay kayma azalir. */
.sepet-sayfa table.grid-table.sapetim{
  width:100%!important;
  table-layout:fixed!important;
}
.sepet-sayfa table.grid-table.sapetim th,
.sepet-sayfa table.grid-table.sapetim td{
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.sepet-sayfa table.grid-table.sapetim th:first-child,
.sepet-sayfa table.grid-table.sapetim td:first-child{width:76px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(2),
.sepet-sayfa table.grid-table.sapetim td:nth-child(2){width:105px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(3),
.sepet-sayfa table.grid-table.sapetim td:nth-child(3){width:auto!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(4),
.sepet-sayfa table.grid-table.sapetim td:nth-child(4){width:150px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(5),
.sepet-sayfa table.grid-table.sapetim td:nth-child(5){width:72px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(6),
.sepet-sayfa table.grid-table.sapetim td:nth-child(6){width:125px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(7),
.sepet-sayfa table.grid-table.sapetim td:nth-child(7){width:125px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(8),
.sepet-sayfa table.grid-table.sapetim td:nth-child(8){width:52px!important;}
.sepet-sayfa .sepet-urun-ad-link{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media(max-width:760px){
  .home-product-grid,
  .col-main>.content-container>.product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sepet-sayfa table.grid-table.sapetim{
    min-width:760px!important;
    table-layout:auto!important;
  }
}

/* Ana sayfa urunleri katalogla ayni sabit goruntu alanini kullanir. */
.home-product-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.home-product-grid > .new-product-block,
.home-product-grid > .new-product-block > div,
.home-product-grid > .new-product-block > span{
  display:contents!important;
}
.home-product-grid li.field-product-card{
  position:relative!important;
  box-sizing:border-box!important;
  width:auto!important;
  min-width:0!important;
  min-height:300px!important;
  height:300px!important;
  padding:0 10px 8px!important;
  overflow:hidden!important;
}
.home-product-grid li.field-product-card .field-product-media{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:calc(100% + 20px)!important;
  height:128px!important;
  min-height:128px!important;
  margin:0 -10px!important;
  padding:6px!important;
  aspect-ratio:auto!important;
}
.home-product-grid li.field-product-card .field-product-media > a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
}
.home-product-grid li.field-product-card .field-product-media img{
  display:block!important;
  width:auto!important;
  height:112px!important;
  max-width:100%!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.home-product-grid li.field-product-card .field-product-info{
  min-width:0!important;
  padding:0 2px 30px!important;
}
.home-product-grid li.field-product-card .field-product-info > p:first-child{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:5px 0 1px!important;
  overflow:hidden!important;
}
.home-product-grid li.field-product-card .field-product-action{
  right:7px!important;
  bottom:7px!important;
}

/* Ana sayfa ve katalog kartlarinin son ortak yerlesimi. */
#products.grid .field-product-card,
.home-product-grid li.field-product-card{
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  height:330px!important;
  min-height:330px!important;
  padding:0 12px!important;
}
#products.grid .field-product-card .field-product-media,
.home-product-grid li.field-product-card .field-product-media{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:154px!important;
  min-height:154px!important;
  margin:0!important;
  padding:8px!important;
}
#products.grid .field-product-card .field-product-media > a,
.home-product-grid li.field-product-card .field-product-media > a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
}
#products.grid .field-product-card .field-product-media img,
.home-product-grid li.field-product-card .field-product-media img{
  display:block!important;
  width:auto!important;
  height:132px!important;
  max-width:100%!important;
  max-height:132px!important;
  object-fit:contain!important;
  transform:none!important;
}
#products.grid .field-product-card .field-product-info,
.home-product-grid li.field-product-card .field-product-info{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
}
#products.grid .field-product-card .field-product-info > p:first-child,
.home-product-grid li.field-product-card .field-product-info > p:first-child{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:8px 0 2px!important;
  overflow:hidden!important;
  line-height:1.35!important;
}
#products.grid .field-product-card .field-product-info .pro-kod,
.home-product-grid li.field-product-card .field-product-info .pro-kod{
  height:18px!important;
  margin:0!important;
}
#products.grid .field-product-card .field-price-row,
.home-product-grid li.field-product-card .field-price-row{
  position:absolute!important;
  left:12px!important;
  right:5px!important;
  bottom:13px!important;
  display:flex!important;
  align-items:center!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  overflow:hidden!important;
}
#products.grid .field-product-card .field-price-row strong,
.home-product-grid li.field-product-card .field-price-row strong,
.col-main>.content-container>.product-grid li.field-product-card .field-price-row strong{
  white-space:nowrap!important;
  font-size:19px!important;
}
#products.grid .field-product-card .field-product-action,
.home-product-grid li.field-product-card .field-product-action{
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  top:auto!important;
  left:auto!important;
  z-index:5!important;
}

@media(max-width:760px){
  #products.grid .field-product-card,
  .home-product-grid li.field-product-card{
    height:300px!important;
    min-height:300px!important;
  }
  #products.grid .field-product-card .field-product-media,
  .home-product-grid li.field-product-card .field-product-media{
    height:136px!important;
    min-height:136px!important;
  }
  #products.grid .field-product-card .field-product-media img,
  .home-product-grid li.field-product-card .field-product-media img{
    height:116px!important;
    max-height:116px!important;
  }
}

/* Populer urunler haricindeki kartlarda onceki kompakt sepet butonu yerlesimi. */
#products.grid .field-product-card,
.home-product-grid:not(.popular-product-grid) li.field-product-card{
  height:300px!important;
  min-height:300px!important;
  padding:0 10px 8px!important;
}
#products.grid .field-product-card .field-product-media,
.home-product-grid:not(.popular-product-grid) li.field-product-card .field-product-media{
  height:128px!important;
  min-height:128px!important;
  margin:0!important;
  padding:6px!important;
}
#products.grid .field-product-card .field-product-media img,
.home-product-grid:not(.popular-product-grid) li.field-product-card .field-product-media img{
  height:112px!important;
  max-height:112px!important;
}
#products.grid .field-product-card .field-product-info,
.home-product-grid:not(.popular-product-grid) li.field-product-card .field-product-info{
  padding:0 2px 30px!important;
}
#products.grid .field-product-card .field-product-info > p:first-child,
.home-product-grid:not(.popular-product-grid) li.field-product-card .field-product-info > p:first-child{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:5px 0 1px!important;
}
#products.grid .field-product-card .field-price-row,
.home-product-grid:not(.popular-product-grid) li.field-product-card .field-price-row{
  position:static!important;
  display:flex!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
}
#products.grid .field-product-card .field-product-action,
.home-product-grid:not(.popular-product-grid) li.field-product-card .field-product-action{
  right:7px!important;
  bottom:7px!important;
}

/* Tum urun tiplerinde sepet butonu kartin sag altina sabitlenir. */
#products.grid .field-product-card,
.product-grid li.field-product-card,

/* Tum urun tiplerinde sepet butonu kartin sag altina sabitlenir. */
.home-product-grid .field-product-card{
  position:relative!important;
  overflow:hidden!important;
}
#products.grid .field-product-card .field-product-media,
.product-grid li.field-product-card .field-product-media,
.home-product-grid .field-product-card .field-product-media{
  position:static!important;
}
#products.grid .field-product-card .field-product-action,
.product-grid li.field-product-card .field-product-action,
.home-product-grid .field-product-card .field-product-action{
  position:absolute!important;
  top:auto!important;
  right:7px!important;
  bottom:7px!important;
  left:auto!important;
  z-index:10!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  box-sizing:border-box!important;
  max-width:calc(100% - 14px)!important;
  max-height:52px!important;
  padding:3px!important;
  overflow:hidden!important;
}
#products.grid .field-product-card .field-quick-add,
.product-grid li.field-product-card .field-quick-add,
.home-product-grid .field-product-card .field-quick-add{
  flex:0 0 37px!important;
  width:37px!important;
  min-width:37px!important;
  height:37px!important;
  min-height:37px!important;
  box-sizing:border-box!important;
}
#products.grid .field-product-card .field-cart-adjust,
#products.grid .field-product-card .field-cart-quantity,
.product-grid li.field-product-card .field-cart-adjust,
.product-grid li.field-product-card .field-cart-quantity,
.home-product-grid .field-product-card .field-cart-adjust,
.home-product-grid .field-product-card .field-cart-quantity{
  flex:0 0 auto!important;
  max-height:32px!important;
}

/* Tum urun listeleri icin tek kart standardi: populer, cok satan ve katalog ayni olcuyu kullanir. */
#products.grid .field-product-card,
.col-main>.content-container>.product-grid li.field-product-card, cok satan ve katalog ayni olcuyu kullanir. */
.home-product-grid .field-product-card{
  box-sizing:border-box!important;
  min-height:300px!important;
  height:300px!important;
  padding:0 10px 8px!important;
  overflow:hidden!important;
}
#products.grid .field-product-card .field-product-media,
.col-main>.content-container>.product-grid li.field-product-card .field-product-media,
.home-product-grid .field-product-card .field-product-media{
  box-sizing:border-box!important;
  height:128px!important;
  min-height:128px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:6px!important;
}
#products.grid .field-product-card .field-product-media > a,
.product-grid li.field-product-card .field-product-media > a,
.home-product-grid .field-product-card .field-product-media > a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
.product-grid li.field-product-card{
  box-sizing:border-box!important;
  min-height:300px!important;
  height:300px!important;
  overflow:hidden!important;
}
.product-grid li.field-product-card .field-product-media{
  box-sizing:border-box!important;
  height:128px!important;
  min-height:128px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:6px!important;
}
#products.grid .field-product-card .field-product-media img,
.product-grid li.field-product-card .field-product-media img,
.home-product-grid .field-product-card .field-product-media img{
  display:block!important;
  width:auto!important;
  height:112px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  transform:none!important;
}
#products.grid .field-product-card .field-product-info,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info,
.home-product-grid .field-product-card .field-product-info{
  box-sizing:border-box!important;
  padding:0 2px 30px!important;
}
#products.grid .field-product-card .field-product-info>p:first-child,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info>p:first-child,
.home-product-grid .field-product-card .field-product-info>p:first-child{
  box-sizing:border-box!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:5px 0 1px!important;
  overflow:hidden!important;
  line-height:1.3!important;
}
#products.grid .field-product-card .field-product-info .pro-kod,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info .pro-kod,
.home-product-grid .field-product-card .field-product-info .pro-kod{
  margin:0 0 4px!important;
}
#products.grid .field-product-card .field-price-row,
.col-main>.content-container>.product-grid li.field-product-card .field-price-row,
.home-product-grid .field-product-card .field-price-row{
  min-height:20px!important;
  margin:0!important;
}
#products.grid .field-product-card .field-product-action,
.col-main>.content-container>.product-grid li.field-product-card .field-product-action,
.home-product-grid .field-product-card .field-product-action{
  right:7px!important;
  bottom:7px!important;
}
#products.grid .field-product-card .field-quick-add,
.col-main>.content-container>.product-grid li.field-product-card .field-quick-add,
.home-product-grid .field-product-card .field-quick-add{
  width:37px!important;
  height:37px!important;
  min-width:37px!important;
  border-radius:11px!important;
  font-size:19px!important;
}

/* Fiyati kart icinde yukari alarak kod ile arasindaki boslugu azalt. */
#products.grid .field-product-card .field-price-row,
.home-product-grid li.field-product-card .field-price-row,
.col-main>.content-container>.product-grid li.field-product-card .field-price-row{
  bottom:53px!important;
}

/* Kod solda, stok sagda ayni satirda; fiyat da bu satirin ustunde kalsin. */
#products.grid .field-product-card .field-product-info .pro-kod,
.home-product-grid li.field-product-card .field-product-info .pro-kod,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info .pro-kod{
  display:inline-block!important;
  width:100%!important;
  box-sizing:border-box!important;
  vertical-align:top!important;
}
#products.grid .field-product-card .field-product-info > .pro-stok,
.home-product-grid li.field-product-card .field-product-info > .pro-stok,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info > .pro-stok{
  display:inline-block!important;
  width:52%!important;
  box-sizing:border-box!important;
  margin:0!important;
  text-align:right!important;
  vertical-align:top!important;
}
#products.grid .field-product-card .field-stock-row,
.home-product-grid li.field-product-card .field-stock-row,
.col-main>.content-container>.product-grid li.field-product-card .field-stock-row{
  position:relative!important;
  top:-6px!important;
  text-align:right!important;
}
#products.grid .field-product-card .field-stock-row .pro-stok,
.home-product-grid li.field-product-card .field-stock-row .pro-stok,
.col-main>.content-container>.product-grid li.field-product-card .field-stock-row .pro-stok{
  margin:0!important;
  text-align:right!important;
}

#products.grid .field-product-card .field-product-info,
.home-product-grid li.field-product-card .field-product-info,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-content:start!important;
  column-gap:6px!important;
}
#products.grid .field-product-card .field-product-info > p:first-child,
.home-product-grid li.field-product-card .field-product-info > p:first-child,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info > p:first-child{
  grid-column:1 / -1!important;
  grid-row:1!important;
}
#products.grid .field-product-card .field-product-info > .pro-kod,
.home-product-grid li.field-product-card .field-product-info > .pro-kod,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info > .pro-kod{
  grid-column:1!important;
  grid-row:2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:18px!important;
  text-align:left!important;
}
#products.grid .field-product-card .field-product-info > .field-price-row,
.home-product-grid li.field-product-card .field-product-info > .field-price-row,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info > .field-price-row{
  grid-column:1 / -1!important;
  grid-row:3!important;
  justify-content:center!important;
  text-align:center!important;
}
#products.grid .field-product-card .field-product-info > .field-stock-row,
.home-product-grid li.field-product-card .field-product-info > .field-stock-row,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info > .field-stock-row{
  grid-column:2!important;
  grid-row:2!important;
}
#products.grid .field-product-card .field-product-info > .pro-stok,
.home-product-grid li.field-product-card .field-product-info > .pro-stok,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info > .pro-stok{
  grid-column:2!important;
  grid-row:2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  position:relative!important;
  top:0!important;
  line-height:18px!important;
  vertical-align:middle!important;
  font-size:10px!important;
  text-align:left!important;
  transform:translate(-8px,10px)!important;
  width:calc(100% + 8px)!important;
  max-width:none!important;
}
#products.grid .field-product-card .field-product-info > .pro-kod,
.home-product-grid li.field-product-card .field-product-info > .pro-kod,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info > .pro-kod{
  line-height:18px!important;
  vertical-align:middle!important;
  transform:translateY(10px)!important;
}
#products.grid .field-product-card .field-stock-row,
.home-product-grid li.field-product-card .field-stock-row,
.col-main>.content-container>.product-grid li.field-product-card .field-stock-row{
  top:0!important;
  min-height:18px!important;
  line-height:18px!important;
  align-self:start!important;
}

/* Tukenmek uzere etiketi kartin sag icinde dikey serit olarak kalir. */
.field-product-card .field-product-media .ss-badge.bitmek-uzere{
  top:25px!important;
  right:0px!important;
  bottom:auto!important;
  left:auto!important;
  width:30px!important;
  height:145px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 2px!important;
  border-radius:10px!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  font-size:14px!important;
  line-height:1!important;
}

#products.grid .field-product-card .field-pending-row,
.home-product-grid li.field-product-card .field-pending-row,
.col-main>.content-container>.product-grid li.field-product-card .field-pending-row{
  position:absolute!important;
  left:12px!important;
  right:5px!important;
  bottom:-5px!important;
  display:block!important;
  text-align:left!important;
  z-index:1!important;
  min-height:15px!important;
}

#products.grid .field-product-card .field-product-info,
.home-product-grid li.field-product-card .field-product-info,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info{
  position:relative!important;
  z-index:2!important;
  padding-right:28px!important;
}

.field-product-card .field-stock-meta-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  width:100%!important;
  min-height:28px!important;
}
.field-product-card .field-stock-meta-row .pro-kod{
  flex:1 1 auto!important;
  width:auto!important;
  margin:0!important;
  transform:translateY(10px)!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.field-product-card .field-stock-meta-row .field-stock-row{
  flex:0 0 auto!important;
  width:auto!important;
  min-height:18px!important;
  margin:0!important;
  transform:translateY(10px)!important;
  text-align:right!important;
}
.field-product-card .field-stock-meta-row .field-stock-row .pro-stok{
  margin:0!important;
  white-space:nowrap!important;
  font-size:10px!important;
  text-align:right!important;
}
.field-product-card .field-unit-row{
  margin-top:5px!important;
  font-size:10px!important;
}
#products.grid .field-product-card .field-pending-row .pro-bekleyen,
.home-product-grid li.field-product-card .field-pending-row .pro-bekleyen,
.col-main>.content-container>.product-grid li.field-product-card .field-pending-row .pro-bekleyen{
  margin:0!important;
}

@media(max-width:760px){
  #products.grid .field-product-card,
  .col-main>.content-container>.product-grid li.field-product-card,
  .home-product-grid .field-product-card{
    min-height:280px!important;
    height:280px!important;
  }
  #products.grid .field-product-card .field-product-media,
  .col-main>.content-container>.product-grid li.field-product-card .field-product-media,
  .home-product-grid .field-product-card .field-product-media{
    height:120px!important;
    min-height:120px!important;
  }
  #products.grid .field-product-card .field-product-media img,
  .product-grid li.field-product-card .field-product-media img,
  .home-product-grid .field-product-card .field-product-media img{
    height:104px!important;
    max-height:104px!important;
  }
}

/* Final precedence layer: keep price and cart controls in separate rows. */
#products.grid .field-product-card .field-product-info,
.home-product-grid li.field-product-card .field-product-info,
.col-main>.content-container>.product-grid li.field-product-card .field-product-info{
  padding-bottom:76px!important;
}
#products.grid .field-product-card .field-price-row,
.home-product-grid li.field-product-card .field-price-row,
.col-main>.content-container>.product-grid li.field-product-card .field-price-row{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:52px!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  min-height:24px!important;
  margin:0!important;
  overflow:hidden!important;
}
#products.grid .field-product-card .field-price-row strong,
.home-product-grid li.field-product-card .field-price-row strong,
.col-main>.content-container>.product-grid li.field-product-card .field-price-row strong{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#products.grid .field-product-card.is-cart-added .field-product-action,
.home-product-grid li.field-product-card.is-cart-added .field-product-action,
.col-main>.content-container>.product-grid li.field-product-card.is-cart-added .field-product-action{
  left:50%!important;
  right:auto!important;
  bottom:7px!important;
  transform:translateX(-50%)!important;
  max-width:calc(100% - 14px)!important;
  white-space:nowrap!important;
  z-index:6!important;
}
.home-product-grid,
.col-main>.content-container>.product-grid{
  grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;
}
.sepet-sayfa table.grid-table.sapetim{
  width:100%!important;
  table-layout:fixed!important;
}
.sepet-sayfa table.grid-table.sapetim th,
.sepet-sayfa table.grid-table.sapetim td{
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.sepet-sayfa table.grid-table.sapetim th:first-child,
.sepet-sayfa table.grid-table.sapetim td:first-child{width:76px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(2),
.sepet-sayfa table.grid-table.sapetim td:nth-child(2){width:105px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(4),
.sepet-sayfa table.grid-table.sapetim td:nth-child(4){width:150px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(5),
.sepet-sayfa table.grid-table.sapetim td:nth-child(5){width:72px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(6),
.sepet-sayfa table.grid-table.sapetim td:nth-child(6){width:125px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(7),
.sepet-sayfa table.grid-table.sapetim td:nth-child(7){width:125px!important;}
.sepet-sayfa table.grid-table.sapetim th:nth-child(8),
.sepet-sayfa table.grid-table.sapetim td:nth-child(8){width:52px!important;}
.sepet-sayfa .sepet-urun-ad-link{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media(max-width:760px){
  .home-product-grid,
  .col-main>.content-container>.product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sepet-sayfa table.grid-table.sapetim{
    min-width:760px!important;
    table-layout:auto!important;
  }
}

/* Gercek son katman: fiyat satiri ile sepet miktar kontrolu ayridir. */
#products.grid .field-product-card,
.home-product-grid li.field-product-card,
.col-main>.content-container>.product-grid li.field-product-card{
  min-height:375px!important;
  height:375px!important;
}
#products.grid .field-product-card .field-price-row,
.home-product-grid li.field-product-card .field-price-row,
.col-main>.content-container>.product-grid li.field-product-card .field-price-row{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:76px!important;
  height:26px!important;
  min-height:26px!important;
  margin:0!important;
  z-index:2!important;
  overflow:hidden!important;
}
#products.grid .field-product-card .field-product-action,
.home-product-grid li.field-product-card .field-product-action,
.col-main>.content-container>.product-grid li.field-product-card .field-product-action{
  bottom:8px!important;
  z-index:8!important;
}
#products.grid .field-product-card.is-cart-added .field-product-action,
.home-product-grid li.field-product-card.is-cart-added .field-product-action,
.col-main>.content-container>.product-grid li.field-product-card.is-cart-added .field-product-action{
  left:50%!important;
  right:auto!important;
  bottom:8px!important;
  transform:translateX(-50%)!important;
}
.home-product-grid,
#products.grid .new-product-block,
.col-main>.content-container>.product-grid{
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
}
@media(max-width:760px){
  #products.grid .field-product-card,
  .home-product-grid li.field-product-card,
  .col-main>.content-container>.product-grid li.field-product-card{
    min-height:300px!important;
    height:300px!important;
  }
  .home-product-grid,
  .col-main>.content-container>.product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Tek urun karti standardi: ana sayfa, kategori ve Urunler.aspx ayni olcuyu kullanir. */
.ss-product-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:375px!important;
  min-height:375px!important;
  padding:0 12px 8px!important;
  overflow:hidden!important;
  border:1px solid var(--ss-green-light)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(23,77,42,.08)!important;
}
.ss-product-card .field-product-media{
  position:relative!important;
  display:flex!important;
  flex:0 0 154px!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:154px!important;
  min-height:154px!important;
  margin:0!important;
  padding:8px!important;
  box-sizing:border-box!important;
}
.ss-product-card .field-product-media>a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
.ss-product-card .field-product-media img{
  display:block!important;
  width:auto!important;
  height:132px!important;
  max-width:100%!important;
  max-height:132px!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.ss-product-card .field-product-info{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  padding:0 2px 78px!important;
  box-sizing:border-box!important;
}
.ss-product-card .field-product-info>p:first-child{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:8px 0 3px!important;
  overflow:hidden!important;
  line-height:1.35!important;
  font-size:16px!important;
}
.ss-product-card .field-product-info>p:first-child a{
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
.ss-product-card .field-stock-meta-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  min-height:24px!important;
  margin:0!important;
}
.ss-product-card .field-stock-meta-row .pro-kod{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  transform:none!important;
  font-size:12px!important;
  line-height:18px!important;
}
.ss-product-card .field-stock-meta-row .field-stock-row{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  transform:none!important;
  text-align:right!important;
}
.ss-product-card .field-stock-meta-row .field-stock-row .pro-stok{
  margin:0!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:10px!important;
}
.ss-product-card .field-unit-row{
  margin-top:6px!important;
  font-size:11px!important;
}
.ss-product-card .field-price-row,
.ss-product-card>.pro-price{
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:76px!important;
  display:flex!important;
  align-items:center!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  overflow:hidden!important;
  z-index:2!important;
}
.ss-product-card .field-price-row strong,
.ss-product-card>.pro-price strong,
.ss-product-card>.pro-price{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ss-ink)!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:28px!important;
}
.ss-product-card .field-product-action{
  position:absolute!important;
  left:auto!important;
  right:8px!important;
  bottom:8px!important;
  z-index:6!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-height:42px!important;
  margin:0!important;
  padding:3px!important;
}
.ss-product-card.is-cart-added .field-product-action{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  white-space:nowrap!important;
}
.ss-product-card .field-pending-row{
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:48px!important;
  z-index:1!important;
  min-height:16px!important;
  margin:0!important;
  overflow:hidden!important;
}
.ss-product-card .field-pending-row p{
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
}
.ss-product-card .pro-btn-block .field-server-add{
  height:42px!important;
  min-width:42px!important;
  padding:0 14px!important;
}

#products.grid,
#products.grid .new-product-block,
.product-grid,
.home-product-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
#products.grid>.new-product-block,
#products.grid>.new-product-block>div,
#products.grid>.new-product-block>span,
.product-grid>.new-product-block,
.product-grid>.new-product-block>div,
.product-grid>.new-product-block>span,
.home-product-grid>.new-product-block,
.home-product-grid>.new-product-block>div,
.home-product-grid>.new-product-block>span,.home-product-grid{
  display:contents!important;
}
#products.grid .ss-product-card,
.product-grid .ss-product-card,
.home-product-grid .ss-product-card{
  grid-column:auto!important;
}

@media(max-width:760px){
  .ss-product-card{
    height:300px!important;
    min-height:300px!important;
  }
  .ss-product-card .field-product-media{
    flex-basis:120px!important;
    height:120px!important;
    min-height:120px!important;
  }
  .ss-product-card .field-product-media img{
    height:104px!important;
    max-height:104px!important;
  }
  .ss-product-card .field-product-info>p:first-child{
    font-size:14px!important;
  }
  #products.grid,
  .product-grid,
  .home-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
}

/* Absolute final card layout. Keep content rows in normal flow so legacy
   catalog rules cannot make the title and stock text overlap. */
#products.grid .ss-product-card,
.product-grid .ss-product-card,
.home-product-grid .ss-product-card{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:360px!important;
  min-height:360px!important;
  max-height:360px!important;
  padding:10px 12px 8px!important;
  overflow:hidden!important;
}
#products.grid .ss-product-card .field-product-media,
.product-grid .ss-product-card .field-product-media,
.home-product-grid .ss-product-card .field-product-media{
  flex:0 0 188px!important;
  width:100%!important;
  height:188px!important;
  min-height:188px!important;
  max-height:188px!important;
  margin:0 0 10px!important;
  padding:0!important;
}
#products.grid .ss-product-card .field-product-media img,
.product-grid .ss-product-card .field-product-media img,
.home-product-grid .ss-product-card .field-product-media img{
  width:100%!important;
  height:188px!important;
  max-width:100%!important;
  max-height:188px!important;
  object-fit:contain!important;
  transform:none!important;
}
#products.grid .ss-product-card .field-product-info,
.product-grid .ss-product-card .field-product-info,
.home-product-grid .ss-product-card .field-product-info{
  display:block!important;
  flex:0 0 104px!important;
  width:100%!important;
  height:104px!important;
  min-height:104px!important;
  max-height:104px!important;
  padding:0 2px!important;
}
#products.grid .ss-product-card .field-product-info>p:first-child,
.product-grid .ss-product-card .field-product-info>p:first-child,
.home-product-grid .ss-product-card .field-product-info>p:first-child{
  display:block!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0 0 5px!important;
  line-height:21px!important;
  transform:none!important;
}
#products.grid .ss-product-card .field-stock-meta-row,
.product-grid .ss-product-card .field-stock-meta-row,
.home-product-grid .ss-product-card .field-stock-meta-row{
  display:flex!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
  transform:none!important;
}
#products.grid .ss-product-card .field-stock-meta-row .pro-kod,
.product-grid .ss-product-card .field-stock-meta-row .pro-kod,
.home-product-grid .ss-product-card .field-stock-meta-row .pro-kod,
#products.grid .ss-product-card .field-stock-meta-row .field-stock-row,
.product-grid .ss-product-card .field-stock-meta-row .field-stock-row,
.home-product-grid .ss-product-card .field-stock-meta-row .field-stock-row{
  position:static!important;
  width:auto!important;
  margin:0!important;
  transform:none!important;
  line-height:20px!important;
}
#products.grid .ss-product-card .field-unit-row,
.product-grid .ss-product-card .field-unit-row,
.home-product-grid .ss-product-card .field-unit-row{
  display:none!important;
}
#products.grid .ss-product-card .field-price-row,
#products.grid .ss-product-card>.pro-price,
.product-grid .ss-product-card .field-price-row,
.product-grid .ss-product-card>.pro-price,
.home-product-grid .ss-product-card .field-price-row,
.home-product-grid .ss-product-card>.pro-price{
  position:absolute!important;
  left:14px!important;
  right:auto!important;
  bottom:-20px!important;
  width:calc(100% - 28px)!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  transform:none!important;
}
#products.grid .ss-product-card .field-pending-row,
.product-grid .ss-product-card .field-pending-row,
.home-product-grid .ss-product-card .field-pending-row{
  position:absolute!important;
  left:14px!important;
  right:auto!important;
  bottom:43px!important;
  width:calc(100% - 90px)!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
  transform:none!important;
}
#products.grid .ss-product-card .field-product-action,
.product-grid .ss-product-card .field-product-action,
.home-product-grid .ss-product-card .field-product-action{
  position:absolute!important;
  left:auto!important;
  right:8px!important;
  bottom:8px!important;
  width:auto!important;
  height:55px!important;
  min-height:55px!important;
  margin:0!important;
  transform:none!important;
}
#products.grid .ss-product-card .field-quick-add,
.product-grid .ss-product-card .field-quick-add,
.home-product-grid .ss-product-card .field-quick-add{
  width:45px!important;
  height:45px!important;
  min-width:45px!important;
  border-radius:50%!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media(max-width:760px){
  #products.grid .ss-product-card,
  .product-grid .ss-product-card,
  .home-product-grid .ss-product-card{
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
  }
  #products.grid .ss-product-card .field-product-media,
  .product-grid .ss-product-card .field-product-media,
  .home-product-grid .ss-product-card .field-product-media{
    flex-basis:188px!important;
    height:188px!important;
    min-height:188px!important;
    max-height:188px!important;
  }
  #products.grid .ss-product-card .field-product-media img,
  .product-grid .ss-product-card .field-product-media img,
  .home-product-grid .ss-product-card .field-product-media img{
    height:188px!important;
    max-height:188px!important;
  }
}

/* Discount label follows the desktop order-entry card: centered above the
   product image and independent from the image flow. */
.ss-product-card .field-product-media .ss-badge.firsat{
  top:-1px!important;
  left:50%!important;
  right:auto!important;
  z-index:8!important;
  transform:translateX(-50%)!important;
  padding:4px 11px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:16px!important;
}

/* Final product-card geometry: the data source may change, the arrangement
   remains identical on the home and category product lists. */
#products.grid,
.product-grid,
.home-product-grid{
  grid-template-columns:repeat(auto-fill,minmax(216px,216px))!important;
  justify-content:start!important;
  gap:14px!important;
  align-items:start!important;
}
#products.grid .ss-product-card,
.product-grid .ss-product-card,
.home-product-grid .ss-product-card{
  width:216px!important;
  height:360px!important;
  min-height:360px!important;
  max-height:360px!important;
  padding:10px 10px 8px!important;
  border-radius:18px!important;
  box-sizing:border-box!important;
}
#products.grid .ss-product-card .field-product-media,
.product-grid .ss-product-card .field-product-media,
.home-product-grid .ss-product-card .field-product-media{
  flex:0 0 188px!important;
  width:100%!important;
  height:188px!important;
  min-height:188px!important;
  max-height:188px!important;
  margin:0 0 10px!important;
}
#products.grid .ss-product-card .field-product-media img,
.product-grid .ss-product-card .field-product-media img,
.home-product-grid .ss-product-card .field-product-media img{
  width:100%!important;
  height:188px!important;
  max-width:100%!important;
  max-height:188px!important;
  object-fit:contain!important;
  transform:none!important;
}
#products.grid .ss-product-card .field-product-info,
.product-grid .ss-product-card .field-product-info,
.home-product-grid .ss-product-card .field-product-info{
  height:104px!important;
  min-height:104px!important;
  max-height:104px!important;
  padding:0 2px!important;
  flex:0 0 104px!important;
}
#products.grid .ss-product-card .field-product-info>p:first-child,
.product-grid .ss-product-card .field-product-info>p:first-child,
.home-product-grid .ss-product-card .field-product-info>p:first-child{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0 0 5px!important;
  line-height:21px!important;
}
#products.grid .ss-product-card .field-stock-meta-row,
.product-grid .ss-product-card .field-stock-meta-row,
.home-product-grid .ss-product-card .field-stock-meta-row{
  min-height:18px!important;
  height:18px!important;
}
#products.grid .ss-product-card .field-unit-row,
.product-grid .ss-product-card .field-unit-row,
.home-product-grid .ss-product-card .field-unit-row{
  display:none!important;
}
#products.grid .ss-product-card .field-price-row,
#products.grid .ss-product-card>.pro-price,
.product-grid .ss-product-card .field-price-row,
.product-grid .ss-product-card>.pro-price,
.home-product-grid .ss-product-card .field-price-row,
.home-product-grid .ss-product-card>.pro-price{
  left:1px!important;
  right:auto!important;
  bottom:-5px!important;
  width:calc(100% - 24px)!important;
  height:28px!important;
  min-height:28px!important;
}
#products.grid .ss-product-card .field-pending-row,
.product-grid .ss-product-card .field-pending-row,
.home-product-grid .ss-product-card .field-pending-row{
  left:12px!important;
  right:auto!important;
  bottom:18px!important;
  width:calc(100% - 24px)!important;
  height:22px!important;
  min-height:22px!important;
  z-index:3!important;
}
#products.grid .ss-product-card .field-product-action,
.product-grid .ss-product-card .field-product-action,
.home-product-grid .ss-product-card .field-product-action{
  right:8px!important;
  bottom:8px!important;
  left:auto!important;
  width:auto!important;
  height:55px!important;
  min-height:55px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
#products.grid .ss-product-card .field-quick-add,
.product-grid .ss-product-card .field-quick-add,
.home-product-grid .ss-product-card .field-quick-add{
  width:55px!important;
  height:55px!important;
  min-width:55px!important;
  border-radius:50%!important;
}
@media(max-width:760px){
  #products.grid,
  .product-grid,
  .home-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  #products.grid .ss-product-card,
  .product-grid .ss-product-card,
  .home-product-grid .ss-product-card{
    width:100%!important;
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
  }
  #products.grid .ss-product-card .field-product-media,
  .product-grid .ss-product-card .field-product-media,
  .home-product-grid .ss-product-card .field-product-media,
  #products.grid .ss-product-card .field-product-media img,
  .product-grid .ss-product-card .field-product-media img,
  .home-product-grid .ss-product-card .field-product-media img{
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
  }
  #products.grid .ss-product-card .field-product-media,
  .product-grid .ss-product-card .field-product-media,
  .home-product-grid .ss-product-card .field-product-media{
    flex-basis:150px!important;
  }
  #products.grid .ss-product-card .field-product-info,
  .product-grid .ss-product-card .field-product-info,
  .home-product-grid .ss-product-card .field-product-info{
    flex-basis:100px!important;
    height:100px!important;
    min-height:100px!important;
  }
  #products.grid .ss-product-card .field-quick-add,
  .product-grid .ss-product-card .field-quick-add,
  .home-product-grid .ss-product-card .field-quick-add{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
}

  /* Son kural: quick-add olcusu tum eski responsive kurallarindan sonra uygulanir. */
  #products.grid .ss-product-card .field-quick-add,
  .product-grid .ss-product-card .field-quick-add,
  .home-product-grid .ss-product-card .field-quick-add{
    width:45px!important;
    height:45px!important;
    min-width:45px!important;
    border-radius:50%!important;
    box-shadow:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  #products.grid .field-product-card.is-cart-added .field-product-action,
  .home-product-grid li.field-product-card.is-cart-added .field-product-action,
  .col-main>.content-container>.product-grid li.field-product-card.is-cart-added .field-product-action{
    left:50%!important;
    right:auto!important;
    bottom:1px!important;
    transform:translateX(-50%) scale(.88)!important;
    transform-origin:center bottom!important;
  }

  #products.grid .field-product-action,
  .product-grid .field-product-action,
  .home-product-grid .field-product-action{
    transform:scale(.5625)!important;
    transform-origin:right bottom!important;
  }

/* Final shadow-free cart controls. */
#products.grid .field-product-action,
.product-grid .field-product-action,
.home-product-grid .field-product-action,
#products.grid .field-product-action *,
.product-grid .field-product-action *,
.home-product-grid .field-product-action *{
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.ss-coming-stock{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:10px;padding:0 42px;border-radius:10px;background:var(--ss-info);color:var(--ss-white);font-size:13px;font-weight:800}.ss-out-of-stock .field-product-action:not(.ss-stock-action){display:none!important}

/* Keep the unavailable state in the same action slot as the cart controls. */
.field-product-action .ss-coming-stock{
  width:100%!important;
  min-height:30px!important;
  height:14px!important;
  margin:0!important;
  box-sizing:border-box!important;
  transform:translateY(15px)!important;
}
.field-product-action.ss-stock-action{
  justify-content:stretch!important;
  transform:none!important;
}
.field-product-action.ss-stock-action .ss-coming-stock{
  transform:translateY(15px)!important;
}

/* Detail-page cart controls stay inside the product information card. */
.urun-bilgi .field-product-action{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  min-height:46px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.urun-bilgi .field-product-action .kontrol{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
}
.urun-bilgi .field-product-action .detail-cart-initial-hidden{
  display:none!important;
}
.urun-bilgi .field-product-action .field-server-add{
  position:static!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-height:46px!important;
  margin:0!important;
  border-radius:10px!important;
}

/* Logo uyumlu son tema paleti: lacivert, logo kirmizisi ve temiz beyaz zemin. */
:root{
  --ss-green:#11186b;
  --ss-green-dark:#0b104f;
  --ss-green-light:#eef0f8;
  --ss-orange:#f20d18;
  --ss-red:#f20d18;
  --ss-purple:#4a3f91;
  --ss-blue:#11186b;
  --ss-gold:#f2a900;
  --ss-accent:#f20d18;
  --ss-accent-dark:#c80a13;
  --ss-warning:#e28b00;
  --ss-info:#263b91;
  --ss-ink:#171b4f;
  --ss-text:#171b4f;
  --ss-text-muted:#62677e;
  --ss-border:#dce0ee;
  --ss-bg:#f7f8fc;
  --ss-white:#ffffff;
  --ss-shadow:0 1px 2px rgba(17,24,107,.08);
  --ss-shadow-md:0 4px 16px rgba(17,24,107,.14);
}
body.BODY{background:var(--ss-bg);color:var(--ss-text);}
.header-topline{background:var(--ss-green-dark);}
.banner-wrapper{background:linear-gradient(135deg,var(--ss-green-light) 0%,#ffffff 60%);}
.pro-price,.field-price-row,.sepet-satir-tutari-deger{color:var(--ss-green)!important;}
.ss-coming-stock,.product-badge,.badge-discount{background:var(--ss-accent)!important;color:#fff!important;}
.search-block a.input-box,.cart-block,.top-nav li:last-child a,
nav#smoothmenu1.ddsmoothmenu.mainMenu,.mobMenu h1{
  background:var(--ss-green)!important;
}
.search-block a.input-box:hover,
.sepet-sayfa .sepet-aksiyon-tablo .rnk-rnk:hover{
  background:var(--ss-green-dark)!important;
}
.btn-5,.field-product-action button,.field-product-action a{border-color:var(--ss-green)!important;}
.btn-5:hover,.field-product-action button:hover,.field-product-action a:hover{
  background:var(--ss-accent)!important;border-color:var(--ss-accent)!important;
}

/* Etiket anlamlarini birbirinden ayir: iskonto kirmizi, kritik stok turuncu,
   stok bekleyen urun lacivert-mor. */
.ss-badge.firsat,
.product-badge,
.badge-discount{
  background:#f20d18!important;
  color:#fff!important;
}
.ss-badge.bitmek-uzere{
  background:#e47b12!important;
  color:#fff!important;
}
.ss-coming-stock{
  background:#4a3f91!important;
  color:#fff!important;
}

/* Tum sayfalarda ortak logo paleti. Sayfa iclerindeki eski yesil inline
   kurallari da burada tek bir son katmanla ayni sisteme alinir. */
body.BODY,
section.content-wrapper{background:var(--ss-bg)!important;color:var(--ss-text)!important;}
.header-wrapper{background:#fff!important;border-color:var(--ss-border)!important;}
.quick-nav{background:#fff!important;border-color:var(--ss-border)!important;}
.quick-nav a{color:var(--ss-text)!important;}
.quick-nav a:hover{background:var(--ss-green)!important;color:#fff!important;}

.footer-wrapper{background:var(--ss-green-dark)!important;color:var(--ss-green-light)!important;}
.footer-wrapper .link-block .link-title{color:#fff!important;}
.footer-wrapper .link-block ul li a,
.footer-wrapper .footer-bottom-block{color:#c7cbe4!important;}
.footer-wrapper .link-block ul li a:hover,
.footer-wrapper .copyright-block a{color:#fff!important;}
.footer-wrapper .footer-bottom-block{border-color:rgba(255,255,255,.2)!important;}
.brand-marquee{background:var(--ss-green-light)!important;border-color:var(--ss-border)!important;}
.brand-marquee h2{color:var(--ss-green-dark)!important;}

.sepet-sayfa .sepet-tablo-wrap,
.sepet-sayfa .siparis-ozet,
.urun-bilgi,
.address-card,
.checkout-card,
.orders-card{
  background:#fff!important;
  border-color:var(--ss-border)!important;
  box-shadow:var(--ss-shadow-md)!important;
}
.sepet-sayfa table.grid-table.sapetim th,
.siparis-ozet-baslik{
  background:var(--ss-green)!important;
  color:#fff!important;
}
.sepet-sayfa table.grid-table.sapetim td{border-color:var(--ss-border)!important;color:var(--ss-text)!important;}
.sepet-sayfa .siparis-ozet-satir,
.sepet-sayfa .siparis-ozet-toplam{border-color:var(--ss-border)!important;}
.sepet-sayfa .siparis-ozet-deger,
.sepet-sayfa .siparis-ozet-toplam span:last-child{color:var(--ss-green)!important;}
.sepet-sayfa .sepet-sil-btn{color:var(--ss-accent)!important;border-color:#f3b7bd!important;}

/* Sepet GridView: eski yesil mGrid kurallarinin uzerine son logo temasi. */
.sepet-sayfa table.grid-table.sapetim,
.sepet-sayfa table.grid-table.sapetim tbody{
  background:#fff!important;
  color:var(--ss-text)!important;
}
.sepet-sayfa table.grid-table.sapetim th{
  background:var(--ss-green-dark)!important;
  color:#fff!important;
  border-color:var(--ss-green-dark)!important;
}
.sepet-sayfa table.grid-table.sapetim td{
  background:#fff!important;
  color:var(--ss-text)!important;
  border-color:var(--ss-border)!important;
}
.sepet-sayfa table.grid-table.sapetim tr.alt td{
  background:#f7f8fc!important;
}
.sepet-sayfa table.grid-table.sapetim tr:hover td{
  background:var(--ss-green-light)!important;
}
.sepet-sayfa table.grid-table.sapetim .sepet-urun-kodu,
.sepet-sayfa table.grid-table.sapetim .sepet-birim,
.sepet-sayfa table.grid-table.sapetim .auto-style2,
.sepet-sayfa table.grid-table.sapetim .sepet-satir-tutari-deger{
  color:var(--ss-text)!important;
}
.sepet-sayfa table.grid-table.sapetim .sepet-urun-ad-link{
  color:var(--ss-green-dark)!important;
}
.sepet-sayfa table.grid-table.sapetim .sepet-urun-ad-link:hover{
  color:var(--ss-accent)!important;
}
.sepet-sayfa .sepet-miktar-btn{
  border-color:var(--ss-border)!important;
  background:var(--ss-green-light)!important;
  color:var(--ss-green)!important;
}
.sepet-sayfa .sepet-miktar-btn:hover{
  border-color:var(--ss-accent)!important;
  background:var(--ss-accent)!important;
  color:#fff!important;
}
.sepet-sayfa .sepet-miktar-input{
  border-color:var(--ss-border)!important;
  background:#fff!important;
  color:var(--ss-text)!important;
}
.sepet-sayfa .sepet-sil-btn{
  background:#fff!important;
  color:var(--ss-accent)!important;
  border-color:#f3b7bd!important;
}
.sepet-sayfa .sepet-sil-btn:hover{
  background:#fff0f1!important;
  color:var(--ss-accent-dark)!important;
}

/* Eski mGrid ve yan menu kurallari icin en son, sayfa-ozel palet kilidi. */
body.BODY .sepet-sayfa table.grid-table.sapetim th,
body.BODY .sepet-sayfa table.grid-table.sapetim thead th{
  background:#0b104f!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#0b104f!important;
}
body.BODY .sepet-sayfa table.grid-table.sapetim td{
  background:#fff!important;
  color:#171b4f!important;
  border-color:#dce0ee!important;
}
body.BODY .sepet-sayfa table.grid-table.sapetim tr.alt td{
  background:#f7f8fc!important;
}
body.BODY .sepet-sayfa table.grid-table.sapetim tr:hover td{
  background:#eef0f8!important;
}
body.BODY .sepet-sayfa .sepet-miktar-btn{
  background:#eef0f8!important;
  color:#11186b!important;
  border-color:#dce0ee!important;
}
body.BODY .sepet-sayfa .sepet-miktar-btn:hover{
  background:#f20d18!important;
  color:#fff!important;
  border-color:#f20d18!important;
}
body.BODY .sepet-sayfa .siparis-ozet-baslik{
  background:#11186b!important;
  color:#fff!important;
}
body.BODY .yanmenüler .block-title,
body.BODY .yanmenüler .block-title a{
  background:#0b104f!important;
  color:#fff!important;
}
body.BODY .yanmenüler #alt-basliklar a,
body.BODY .yanmenüler #cssmenu ul > li > a{
  background:#fff!important;
  color:#171b4f!important;
}
body.BODY .yanmenüler #alt-basliklar a:hover,
body.BODY .yanmenüler #cssmenu ul > li > a:hover{
  background:#eef0f8!important;
  color:#0b104f!important;
}

/* Mobil header: misafir kullanicinin Uye Ol / Giris Yap butonlarini gizleme. */
@media(max-width:760px){
  .header-wrapper .ss-sticky-bar{
    grid-template-columns:minmax(82px,1fr) minmax(84px,auto) minmax(112px,auto)!important;
    gap:6px!important;
  }
  .header-wrapper h1.logo,
  .header-wrapper h1.logo a#logoy{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
  }
  .header-wrapper h1.logo img{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
  }
  .header-wrapper ul#uyegiris.top-nav{
    display:flex!important;
    grid-column:2!important;
    grid-row:1!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:3px!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:3px!important;
    overflow:visible!important;
    background:var(--ss-green-light)!important;
    border-radius:999px!important;
  }
  .header-wrapper ul#uyegiris.top-nav li{
    display:block!important;
    min-width:0!important;
  }
  .header-wrapper ul#uyegiris.top-nav li a{
    display:block!important;
    padding:7px 5px!important;
    font-size:10px!important;
    line-height:1!important;
    color:var(--ss-green-dark)!important;
    border-radius:999px!important;
  }
  .header-wrapper ul#uyegiris.top-nav li:last-child a{
    background:var(--ss-green)!important;
    color:#fff!important;
  }
  .header-wrapper .ss-floating-cart{
    grid-column:3!important;
    grid-row:1!important;
    min-width:112px!important;
    width:112px!important;
    max-width:112px!important;
  }
}

/* Son ortak kart ölçüleri: tüm ürün yüzeyleri aynı DOM ve aynı ölçekte görünür. */
ul.product-surface,
ul#products.grid,
ul.home-product-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
ul#products.grid>.new-product-block,
ul#products.grid>.new-product-block>span,
ul.home-product-grid>.new-product-block,
ul.home-product-grid>.new-product-block>span,.home-product-grid{
  display:contents!important;
}
ul.product-surface .field-product-card,
ul#products.grid .field-product-card,
ul.home-product-grid .field-product-card{
  display:flex!important;
  flex-direction:column!important;
  float:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
/* Vitrinlerde veri yokken üretilen boş placeholder satırları ilk kart için
   görünür bir grid hücresi bırakmamalı. Gerçek kartlar bu sınıfı taşır. */
ul.product-surface>li:not(.field-product-card),
ul.product-surface>li:empty{
  display:none!important;
}
ul.product-surface .field-product-card .field-product-media,
ul#products.grid .field-product-card .field-product-media,
ul.home-product-grid .field-product-card .field-product-media{
  flex:0 0 175px!important;
  height:175px!important;
  min-height:175px!important;
}
ul.product-surface .field-product-card .field-product-media img,
ul#products.grid .field-product-card .field-product-media img,
ul.home-product-grid .field-product-card .field-product-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  margin:0!important;
  padding:10px!important;
  box-sizing:border-box!important;
}
ul.product-surface .field-product-card .field-product-info,
ul#products.grid .field-product-card .field-product-info,
ul.home-product-grid .field-product-card .field-product-info{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:10px 12px 0!important;
  box-sizing:border-box!important;
}
ul.product-surface .field-product-card .field-price-row,
ul#products.grid .field-product-card .field-price-row,
ul.home-product-grid .field-product-card .field-price-row{
  margin:2px 12px 0!important;
  padding:0!important;
  min-height:24px!important;
  box-sizing:border-box!important;
}
ul.product-surface .field-product-card .field-pending-row,
ul#products.grid .field-product-card .field-pending-row,
ul.home-product-grid .field-product-card .field-pending-row{
  margin:0 12px!important;
  min-height:20px!important;
  box-sizing:border-box!important;
}
@media (max-width:1100px){
  ul.product-surface,
  ul#products.grid,
  ul.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  ul.product-surface,
  ul#products.grid,
  ul.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:420px){
  ul.product-surface,
  ul#products.grid,
  ul.home-product-grid{grid-template-columns:1fr!important;}
}

/* Kategori basligi ve menuleri son tema katmaninda okunabilir tut. */
.mobMenu .mobbaslık,
.mobMenu .mobbaslık span{
  background:var(--ss-green-dark)!important;
  color:#fff!important;
}
.mobMenu .mobbaslık .category-toggle{
  color:#fff!important;
}
.mobMenu .mobile-category-panel{
  background:#fff!important;
  border-color:var(--ss-border)!important;
}
.mobMenu .mobile-category-link{
  color:var(--ss-text)!important;
  border-bottom-color:var(--ss-border)!important;
}
.mobMenu .mobile-category-link:hover,
.mobMenu .mobile-category-link:focus{
  background:var(--ss-green-light)!important;
  color:var(--ss-green-dark)!important;
}
.yanmenüler .block-title{
  background:var(--ss-green-dark)!important;
  color:#fff!important;
}
.yanmenüler .block-title a{
  color:#fff!important;
}
#alt-basliklar a,
#datalist-alt-basliklar a,
#cssmenu ul > li > a{
  color:var(--ss-text)!important;
}
#alt-basliklar a:hover,
#datalist-alt-basliklar a:hover,
#cssmenu ul > li > a:hover{
  background:var(--ss-green-light)!important;
  color:var(--ss-green-dark)!important;
}
.kategori-ikon{
  color:var(--ss-accent)!important;
}

/* Mobil mini sepet: metin yerine ikon ve sayisal bilgiler kalir. */
@media(max-width:760px){
  .header-wrapper .ss-floating-cart{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:112px!important;
    width:auto!important;
    max-width:145px!important;
    padding:0 8px!important;
  }
  .header-wrapper .ss-floating-cart-label{
    display:none!important;
  }
  .header-wrapper .ss-floating-cart-icon{
    flex:0 0 auto!important;
    font-size:18px!important;
  }
  .header-wrapper .ss-floating-cart-count,
  .header-wrapper .ss-floating-cart-total{
    margin-left:0!important;
    flex:0 0 auto!important;
    font-size:11px!important;
  }
  .header-wrapper .ss-floating-cart-total{
    max-width:92px!important;
  }
}

.urun-detay-wrap .urun-bilgi .urun-baslik{color:var(--ss-green-dark)!important;}
.urun-bilgi-satir{border-color:var(--ss-border)!important;}
.urun-bilgi-etiket{color:var(--ss-text-muted)!important;}
.urun-bilgi-satir strong{color:var(--ss-text)!important;}
.urun-bilgi>.urun-detay-sepet .field-server-add,
.urun-bilgi .urun-detay-sepet .detail-cart-adjust{
  background:var(--ss-green)!important;color:#fff!important;
}
.urun-bilgi>.urun-detay-sepet .field-server-add:hover{background:var(--ss-accent)!important;}
.urun-bilgi .detail-cart-added{background:var(--ss-green-light)!important;border-color:var(--ss-border)!important;}

.address-card h1,.checkout-hero h1,.checkout-card h2,.orders-hero h1,
.detail-head h2{color:var(--ss-green-dark)!important;}
.address-card p,.checkout-hero p,.orders-hero p,.orders-empty{color:var(--ss-text-muted)!important;}
.address-form label,.choice-form label,.checkout-form label,.card-entry label{color:var(--ss-text)!important;}
.address-form input,.address-form textarea,.address-form select,
.choice-form input,.checkout-form input,.card-entry input{
  border-color:var(--ss-border)!important;background:#fff!important;color:var(--ss-text)!important;
}
.address-form input:focus,.address-form textarea:focus,.address-form select:focus,
.checkout-form input:focus,.card-entry input:focus{
  border-color:var(--ss-green)!important;outline-color:rgba(17,24,107,.15)!important;
}
.address-submit,.choice-submit,.checkout-submit,.detail-button{
  background:var(--ss-green)!important;color:#fff!important;
}
.address-submit:hover,.choice-submit:hover,.checkout-submit:hover,.detail-button:hover{
  background:var(--ss-accent)!important;
}
.choice-button,.checkout-tab{border-color:var(--ss-border)!important;background:var(--ss-green-light)!important;color:var(--ss-green-dark)!important;}
.choice-button.active,.checkout-tab.active{background:var(--ss-green)!important;color:#fff!important;border-color:var(--ss-green)!important;}
.choice-panel,.checkout-note,.checkout-payment-placeholder,.card-entry{background:var(--ss-green-light)!important;border-color:var(--ss-border)!important;}
.cart-step.done,.cart-step.active{color:var(--ss-green)!important;}
.cart-step.done .cart-step-number,.cart-step.active .cart-step-number{background:var(--ss-green)!important;color:#fff!important;}
.cart-step.active .cart-step-number{box-shadow:0 0 0 5px var(--ss-green-light)!important;}
.cart-step.done:after{background:var(--ss-green)!important;}
.orders-table{border-color:var(--ss-border)!important;}
.orders-table th{background:var(--ss-green-light)!important;color:var(--ss-green-dark)!important;}
.orders-table td,.detail-table th,.detail-table td{border-color:var(--ss-border)!important;color:var(--ss-text)!important;}
.orders-table tr:hover td{background:var(--ss-green-light)!important;}
.order-total{color:var(--ss-green)!important;}
.order-status{background:var(--ss-green-light)!important;color:var(--ss-green-dark)!important;}
.detail-close{background:var(--ss-green-light)!important;color:var(--ss-green-dark)!important;}
.detail-modal{background:rgba(11,16,79,.55)!important;}

/* Sayfa bazli son kontrast duzeltmeleri. */
.quick-nav a,
.quick-nav a:hover,
.quick-nav a:focus{color:var(--ss-green-dark)!important;background:transparent!important;}
.quick-nav a:first-child,
.quick-nav a:first-child:hover,
.quick-nav a:first-child:focus{
  background:var(--ss-green)!important;
  color:#fff!important;
  border-radius:18px!important;
}
.home-product-grid .field-product-action a.btn.btn-5.btn-5b.icon-cart,
#products.grid .field-product-action a.btn.btn-5.btn-5b.icon-cart,
.product-grid .field-product-action a.btn.btn-5.btn-5b.icon-cart{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--ss-green)!important;
  color:#fff!important;
  border:0!important;
}
.home-product-grid .field-product-action a.btn.btn-5.btn-5b.icon-cart:hover,
#products.grid .field-product-action a.btn.btn-5.btn-5b.icon-cart:hover,
.product-grid .field-product-action a.btn.btn-5.btn-5b.icon-cart:hover{
  background:var(--ss-accent)!important;
  color:#fff!important;
}
.register-card,.account-card{background:#fff!important;border-color:var(--ss-border)!important;box-shadow:var(--ss-shadow-md)!important;}
.register-card h1,.account-card h1{color:var(--ss-green-dark)!important;}
.register-card p,.account-card p{color:var(--ss-text-muted)!important;}
.register-form label,.account-form label{color:var(--ss-text)!important;}
.register-form input,.register-form textarea,.register-form select,
.account-form input,.account-form textarea,.account-form select{
  background:#fff!important;border-color:var(--ss-border)!important;color:var(--ss-text)!important;
}
.register-form input:focus,.register-form textarea:focus,.register-form select:focus,
.account-form input:focus,.account-form textarea:focus,.account-form select:focus{
  border-color:var(--ss-green)!important;
  outline:3px solid rgba(17,24,107,.14)!important;
  box-shadow:none!important;
}
.register-submit,.account-submit{
  background:var(--ss-green)!important;color:#fff!important;
  box-shadow:0 6px 16px rgba(17,24,107,.2)!important;
}
.register-submit:hover,.account-submit:hover{background:var(--ss-accent)!important;filter:none!important;}
.register-error,.account-error{color:#c80a13!important;}
.register-success,.account-success{color:var(--ss-green)!important;}

/* Turkiye Finans odeme sayfasi ve tum kartlarda ortak tema. */
.tf-card{
  background:#fff!important;
  border-color:var(--ss-border)!important;
  box-shadow:var(--ss-shadow-md)!important;
}
.tf-card h1{color:var(--ss-green-dark)!important;}
.tf-card p{color:var(--ss-text-muted)!important;}
.tf-secure{
  background:var(--ss-green-light)!important;
  color:var(--ss-green-dark)!important;
}
.tf-total{color:var(--ss-green)!important;}
.tf-back{
  background:var(--ss-green)!important;
  color:#fff!important;
}
.tf-back:hover{background:var(--ss-accent)!important;color:#fff!important;}

/* Mobilde stok uyarisi tek satir kalir; kart icinde tasmaz. */
.field-product-action .ss-coming-stock,
.ss-coming-stock{
  min-height:30px!important;
  height:30px!important;
  padding:0 8px!important;
  line-height:30px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transform:none!important;
  background:#4a3f91!important;
  color:#fff!important;
}
@media(max-width:760px){
  .field-product-action .ss-coming-stock,
  .ss-coming-stock{
    min-height:30px!important;
    height:30px!important;
    padding:0 6px!important;
    font-size:11px!important;
    line-height:30px!important;
  }
}

/* Tüm ürün listelerinde mobilde sabit iki kolon kullanılır. */
@media(max-width:760px){
  ul.product-surface,
  ul#products.grid,
  ul#products.product-grid,
  ul.product-grid,
  ul.home-product-grid,
  ul.home-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Ana sayfa vitrinlerinde sepet kontrolü kategori kartındaki gibi görselin
   sağ alt köşesine sabitlenir. */
ul.product-surface .field-product-action{
  right:5px!important;
  bottom:5px!important;
  z-index:6!important;
}
ul.product-surface .field-quick-add{
  width:55px!important;
  height:55px!important;
  min-width:55px!important;
}
ul.product-surface .field-product-action{
  position:static!important;
  align-self:center!important;
  justify-content:center!important;
  margin:4px auto 5px!important;
  width:max-content!important;
}
ul.product-surface .field-product-card.is-cart-added .field-product-action{
  position:static!important;
  display:flex!important;
  align-self:center!important;
  justify-content:center!important;
  margin:4px auto 5px!important;
  transform:none!important;
}
ul.product-surface .field-product-card:not(.is-cart-added) .field-product-action{
  position:absolute!important;
  right:5px!important;
  bottom:5px!important;
  align-self:auto!important;
  margin:0!important;
  width:auto!important;
  z-index:8!important;
}
ul.product-surface .field-product-card:not(.is-cart-added) .field-quick-add{
  display:inline-flex!important;
}
ul.product-surface .field-product-card.is-cart-added .field-cart-adjust{
  display:inline-flex!important;
}
ul.product-surface .field-product-card.is-cart-added .field-cart-quantity{
  display:inline-block!important;
}
ul.product-surface .field-product-card.is-cart-added .field-quick-add{
  display:none!important;
}

/* Sepete eklenen tüm kartlarda ortak, temaya uygun ortalanmış miktar seti. */
ul.product-surface .field-product-card.is-cart-added .field-product-action,
ul#products.grid .field-product-card.is-cart-added .field-product-action,
ul.product-grid .field-product-card.is-cart-added .field-product-action,
ul.home-product-grid .field-product-card.is-cart-added .field-product-action{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-height:42px!important;
  padding:3px!important;
  border:1px solid #dbe4f1!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(17,24,107,.16)!important;
  white-space:nowrap!important;
  z-index:8!important;
}
ul.product-surface .field-product-card.is-cart-added .field-cart-adjust,
ul#products.grid .field-product-card.is-cart-added .field-cart-adjust,
ul.product-grid .field-product-card.is-cart-added .field-cart-adjust,
ul.home-product-grid .field-product-card.is-cart-added .field-cart-adjust{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#11186b!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:700!important;
}
ul.product-surface .field-product-card.is-cart-added .field-cart-quantity,
ul#products.grid .field-product-card.is-cart-added .field-cart-quantity,
ul.product-grid .field-product-card.is-cart-added .field-cart-quantity,
ul.home-product-grid .field-product-card.is-cart-added .field-cart-quantity{
  display:inline-block!important;
  width:34px!important;
  height:32px!important;
  min-width:34px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#11186b!important;
  text-align:center!important;
  font-size:16px!important;
  font-weight:800!important;
}

/* Tek bir ortak sepet durumu: tüm ürün kartlarında ortalanmış − 1 + seti. */
.field-product-card.is-cart-added .field-product-action{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:max-content!important;
  min-width:112px!important;
  min-height:42px!important;
  margin:4px auto 5px!important;
  padding:3px!important;
  border:1px solid #dbe4f1!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(17,24,107,.16)!important;
  transform:none!important;
}
.field-product-card.is-cart-added .field-cart-adjust{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#11186b!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:700!important;
}
.field-product-card.is-cart-added .field-cart-quantity{
  display:inline-block!important;
  width:34px!important;
  height:32px!important;
  min-width:34px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#11186b!important;
  text-align:center!important;
  font-size:16px!important;
  font-weight:800!important;
}
.field-product-card.is-cart-added .field-quick-add{
  display:none!important;
}

ul.product-surface .field-quick-add{
  width:45px!important;
  height:45px!important;
  min-width:45px!important;
}
ul.product-surface .field-product-card .field-price-row{
  width:100%!important;
  margin:16px 0 0!important;
  padding:0 16px!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  gap:5px!important;
}
ul.product-surface .field-product-card .field-price-row strong{
  font-size:25px!important;
  line-height:28px!important;
}
ul.product-surface .field-product-card .field-price-currency{
  color:#11186b!important;
  font-family:Georgia,serif!important;
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:28px!important;
}