/* Reset & Basics 
------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
	font-family: 'Karrik';
	src: url('../fonts/Karrik-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


:root {
	/* Renk Değişkenleri */
	--birinci-color: #b1947f;
	--ikinci-color: #181516;
	--ucuncu-color: #ede8e6;
	/* zemin */
	--dorduncu-color: #d5c6bc;
	--besinci-color: #594436;


	--baslik-font: 'Karrik', sans-serif;
	--metin-font: "Inter", sans-serif;
	/* 
	'Jost', sans-serif;
	"DM Sans", sans-serif;
	*/

	--paddingContent: 0 8px;

	--transition-fast: 0.25s ease;
	--transition-med: 0.35s ease;
}

/* html - body
------------------------------------- */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: clip;
	max-width: 100%;
	/* font-size:14px; */
}

body {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--ikinci-color);
	background-color: var(--ucuncu-color);
	font-family: var(--metin-font);
	overflow-x: clip;
	max-width: 100%;
	position: relative;
}

/* Typography
------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 1rem;
	font-weight: 400;
	line-height: 1.2;
	color: var(--ikinci-color);
	font-family: var(--baslik-font);
}

h1 {
	font-size: 3.2rem;
}

h2 {
	font-size: 2.8rem;
}

h3 {
	font-size: 2.2rem;
}

h4 {
	font-size: 1.6rem;
}

h5 {
	font-size: 1rem;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

b,
strong {
	font-weight: 600;
}

small {
	font-size: .8rem;
}

em {
	font-style: italic;
}

/* FORM
------------------------------------- */
input:focus,
textarea:focus,
select:focus {
	outline: none !important;
	box-shadow: none !important;
}

/* Links */
a {
	text-decoration: none;
	color: var(--ikinci-color);
}

/* img
------------------------------------- */
img {
	border: none;
	padding: 0;
	margin: 0;
	display: block;
	max-width: 100%;
}

/* btn
------------------------------------- */
button {
	border: none;
	background: none;
	cursor: pointer;
	border-radius: 3px;
}

.btn {
	text-align: center;
	padding: .5rem 2rem;
	font-size: 1rem;
	line-height: 1.5;
	border: none;
	border-radius: 3px;
	transition: all .5s;
	cursor: pointer;
	margin: .5rem 0;
	background-color: var(--birinci-color);
	color: var(--ikinci-color);
	margin-right: .8rem;
}

.btn:hover {
	color: #fff;
	background-color: var(--ikinci-color);
	border-color: var(--ikinci-color);
	text-decoration: none;
}

.btn:focus,
.btn.focus {}

.btn.disabled,
.btn:disabled {
	color: #fff;
	background-color: #aaa;
	border-color: #aaa;
}

.btn span {
	margin-right: 0;
}


.btnDetay {
	border: none;
	border-bottom: 2px solid var(--ikinci-color);
	padding-bottom: 2px;
	font-family: var(--baslik-font);
	font-size: 1.4rem;
	line-height: 1.2;
	text-align: left;
	margin-bottom: 16px;
	transition: all .5s;
	border-radius: 0;
	width: auto;
	cursor: pointer;
	align-self: flex-start;
}

.btnDetay:hover {
	color: var(--besinci-color);
	margin-bottom: 16px;
}

@media only screen and (min-width:900px) and (max-width:1367px) {
	h1 {
		font-size: 2.4rem;
	}

	h2 {
		font-size: 2.2rem;
	}

	h3 {
		font-size: 2rem;
	}

	h4 {
		font-size: 1.8rem;
	}

	h5 {
		font-size: 1.6rem;
	}
}

@media only screen and (max-width:899px) {
	h1 {
		font-size: 1.8rem;
	}

	h2 {
		font-size: 1.7rem;
	}

	h3 {
		font-size: 1.6rem;
	}

	h4 {
		font-size: 1.5rem;
	}

	h5 {
		font-size: 1.4rem;
	}
}



/* GRID
------------------------------------- */
/* Genel Konteyner Özellikleri */
.aContainer-full,
.aContainer-genis,
.aContainer-dar,
.aContainer {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	display: flex;
	/* İçindeki öğeleri flex yönetebilmek için */
	flex-direction: column;
	/* İçerik varsayılan olarak yukarıdan aşağı aksın */
	overflow-x: clip;
}

/* Genişlik Tanımları */
.aContainer-full {
	max-width: 1920px;
}

.aContainer-genis {
	max-width: 1440px;
}

.aContainer-dar {
	max-width: 960px;
}

.aContainer {
	max-width: 1368px;
}

.aRow {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

[class*="aCol-"] {
	position: relative;
}

.aCol-1-12 {
	width: 8.3333%;
}

.aCol-2-12 {
	width: 16.6666%;
}

.aCol-3-12 {
	width: 25%;
}

.aCol-4-12 {
	width: 33.3333%;
}

.aCol-5-12 {
	width: 41.6666%;
}

.aCol-6-12 {
	width: 50%;
}

.aCol-7-12 {
	width: 58.3333%;
}

.aCol-8-12 {
	width: 66.6666%;
}

.aCol-9-12 {
	width: 75%;
}

.aCol-10-12 {
	width: 83.3333%;
}

.aCol-11-12 {
	width: 91.6666%;
}

.aCol-12-12 {
	width: 100%;
}

/* 5'li Sistem */
.aCol-1-5 {
	width: 20%;
}

.aCol-2-5 {
	width: 40%;
}

.aCol-3-5 {
	width: 60%;
}

.aCol-4-5 {
	width: 80%;
}

.aContent {
	position: relative;
	/* background:#fff; */
	width: 100%;
	padding: var(--paddingContent);
	box-sizing: border-box;
}

/* FLEX */
.a-display-flex {
	display: flex;
}

.a-flex-direction-column {
	flex-direction: column;
}

.a-flex-wrap-wrap {
	flex-wrap: wrap;
}


.cFix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .cFix {
	zoom: 1;
}

/* IE6 */
*:first-child+html .cFix {
	zoom: 1;
}

/* IE7 */

.aClear {
	clear: both;
	padding: 0 !important;
	margin: 0 !important;
}

.displayNone {
	display: none;
}

.displayBlock {
	display: block;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

@media only screen and (min-width:900px) and (max-width:1367px) {

	.aContainer,
	.aContainer-genis,
	.aContainer-dar {
		width: 888px;
	}
}

@media only screen and (min-width:600px) and (max-width:899px) {

	.aCol-1-12,
	.aCol-2-12,
	.aCol-3-12,
	.aCol-4-12,
	.aCol-5-12,
	.aCol-6-12,
	.aCol-7-12,
	.aCol-8-12,
	.aCol-9-12,
	.aCol-12-12,
	.aCol-1-5,
	.aCol-2-5,
	.aCol-3-5,
	.aCol-4-5 {
		width: 100%;
	}

	.aContainer,
	.aContainer-genis,
	.aContainer-dar {
		width: 588px;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {

	.aCol-1-12,
	.aCol-2-12,
	.aCol-3-12,
	.aCol-4-12,
	.aCol-5-12,
	.aCol-6-12,
	.aCol-7-12,
	.aCol-8-12,
	.aCol-9-12,
	.aCol-12-12,
	.aCol-1-5,
	.aCol-2-5,
	.aCol-3-5,
	.aCol-4-5 {
		width: 100%;
	}

	.aContainer,
	.aContainer-genis,
	.aContainer-dar {
		width: 94%;
	}

}

/* custom img 
------------------------------------- */
.img img {
	position: relative;
	object-fit: contain;
	max-width: 100%;
}

/* 100% -> 1:1 Aspect Ratio | 75% -> 4:3 Aspect Ratio | 62.5% -> 8:5 Aspect Ratio */
.img-k {
	position: relative;
	width: 100%;
	overflow: hidden;
	aspect-ratio: 1 / 1;
}

.img-y {
	position: relative;
	width: 100%;
	overflow: hidden;
	aspect-ratio: 5 / 4;
}

/* yatay */
.img-d {
	position: relative;
	width: 100%;
	overflow: hidden;
	/* aspect-ratio: 4 / 5; */
	aspect-ratio: 1;
}

/* dikey */
.img-k img,
.img-y img,
.img-d img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}
.img-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* SAYFA / BLOKLAR / BAŞLIKLAR / KATEGORİ MENU
------------------------------------- */
.contMarginTop {
	margin-top: 48px;
}

.contMarginBottom {
	margin-bottom: 48px;
}

.contPadding {
	padding-top: 24px;
	padding-bottom: 24px;
}

.contPaddingTop {
	padding-top: 48px;
}

.contPaddingBottom {
	padding-bottom: 48px;
}

.contBorderBottom {
	border-bottom: 1px solid #eee;
}

.contBorderTop {
	border-top: 1px solid #eee;
}

.blokTitle {}

.blokTitle h1 {
	font-size: 3.4rem;
	margin-bottom: 32px;
}

.blokTitle h1 a {}

.modTitleSol {
	position: relative;
	width: 100%;
	display: flex;
}

.modTitleOrta {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
}

.modTitleSol h1,
.modTitleSol h2,
.modTitleSol h3,
.modTitleOrta h1,
.modTitleOrta h2,
.modTitleOrta h3 {
	color: var(--ikinci-color);
	font-size: 3.2rem;
	line-height: 1.05;
	margin-bottom: 1rem;
	letter-spacing: 0;
}

.modTitleSol h1 a,
.modTitleSol h2 a,
.modTitleSol h3 a,
.modTitleOrta h1 a,
.modTitleOrta h2 a,
.modTitleOrta h3 a {
	color: var(--ikinci-color);
}


@media only screen and (min-width:900px) and (max-width:1367px) {
	.contMarginTop {
		margin-top: 36px;
	}

	.contMarginBottom {
		margin-bottom: 36px;
	}

	.contPadding {
		padding-top: 18px;
		padding-bottom: 18px;
	}

	.contPaddingTop {
		padding-top: 36px;
	}

	.contPaddingBottom {
		padding-bottom: 36px;
	}

	.blokTitle h1 {
		font-size: 2.8rem;
		margin-bottom: 28px;
	}

	.modTitleSol h1,
	.modTitleSol h2,
	.modTitleSol h3,
	.modTitleOrta h1,
	.modTitleOrta h2,
	.modTitleOrta h3 {
		font-size: 2.8rem;
	}
}

@media only screen and (min-width:600px) and (max-width:899px) {
	.contMarginTop {
		margin-top: 24px;
	}

	.contMarginBottom {
		margin-bottom: 24px;
	}

	.contPadding {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.contPaddingTop {
		padding-top: 24px;
	}

	.contPaddingBottom {
		padding-bottom: 24px;
	}

	.blokTitle h1 {
		font-size: 2.4rem;
		margin-bottom: 22px;
	}

	.modTitleSol h1,
	.modTitleSol h2,
	.modTitleSol h3,
	.modTitleOrta h1,
	.modTitleOrta h2,
	.modTitleOrta h3 {
		font-size: 2.4rem;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {
	.contMarginTop {
		margin-top: 16px;
	}

	.contMarginBottom {
		margin-bottom: 16px;
	}

	.contPadding {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.contPaddingTop {
		padding-top: 16px;
	}

	.contPaddingBottom {
		padding-bottom: 16px;
	}

	.blokTitle h1 {
		font-size: 2rem;
		margin-bottom: 16px;
	}

	.modTitleSol h1,
	.modTitleSol h2,
	.modTitleSol h3,
	.modTitleOrta h1,
	.modTitleOrta h2,
	.modTitleOrta h3 {
		font-size: 2rem;
	}
}

/* HEADER
**************************************************** */
.aHeaderKap {
	background-color: var(--ikinci-color);
	overflow-x: clip;
	overflow-y: visible;
	max-width: 100%;
}

.aHeaderKap.clss-AnaSayfa {
	position: absolute;
	z-index: 2;
	
}

.aHeaderFlex {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: visible;
}

.aLogoAnd {
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	overflow: visible;
}

.logo {
	position: relative;
	width: 120px;
	padding: 18px 0;
}

.logo img {
	width: 100%;
	filter: brightness(0) invert(1);
	/*filter: brightness(0) saturate(100%) invert(7%) sepia(5%) saturate(836%) brightness(93%) contrast(91%); logoyu #191516 (koyu) rengine çevirir */
}

.logo.clss-AnaSayfa img {
	filter: brightness(0) invert(1);
	/* logoyu beyaz rengine çevirir */
}

.aSearchFormKap {
	position: relative;
	min-width: 240px;
	border-bottom: 1px solid #eee;
	z-index: 11;
}

.aSearchForm {
	display: flex;
}

.aSearchForm button {
	width: 21px;
	height: 36px;
	padding: 0;
	margin: 0;
	color: #222;
	border: none;
	border-radius: 0;
	cursor: pointer;
	font-size: 21px;
}

.aSearchForm .input {
	background-color: transparent;
	width: calc(100% - 21px);
	padding: 0 8px;
	margin: 0;
	color: #222;
	font-size: 14px;
	line-height: 36px;
	border: none;
}

.aSearchForm .input:focus {
	outline: none;
	box-shadow: none;
}

.aSearchForm .input::placeholder {
	color: #777;
	font-weight: normal;
	font-style: normal;
	font-size: .9rem;
}

ul.aHeaderMenu {
	display: flex;
	flex: 0 0 auto;
	flex-shrink: 0;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.aHeaderMenu li {
	position: relative;
	margin: 0 12px;
	color: #f5f5f5;
	font-size: 0.9rem;
	line-height: 1.5rem;
	font-weight: 400;
	cursor: pointer;
	display: flex;
	align-items: center;
}

ul.aHeaderMenu.clss-AnaSayfa li {
	color: #fff;
}

ul.aHeaderMenu li a {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #f5f5f5;
	white-space: nowrap;
	font-size: 0.9rem;
	line-height: 1.5rem;
}

ul.aHeaderMenu.clss-AnaSayfa li a {
	color: #fff;
}

ul.aHeaderMenu li span.menuMetin {}

ul.aHeaderMenu li.arc-header-greeting {
	cursor: default;
	pointer-events: none;
	opacity: 0.85;
	font-weight: 500;
	margin-right: 4px;
}

ul.aHeaderMenu li.arc-header-greeting .menuMetin {
	white-space: nowrap;
}

ul.respMenu li.arc-header-greeting {
	cursor: default;
	pointer-events: none;
	opacity: 0.75;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: none;
	padding: 10px 0;
	color: #594436;
}

ul.respMenu li.arc-header-greeting span {
	font-size: 0.9rem;
}

ul.aHeaderMenu li span.menuCount {
	position: absolute;
	top: -10px;
	right: -15px;
	background-color: var(--birinci-color);
	color: #fff;
	font-size: 0.6rem;
	min-width: 18px;
	height: 18px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px;
}

ul.aHeaderMenu.clss-AnaSayfa li span.menuCount {
	color: #f5f5f5;
}

ul.aHeaderMenu li:hover a {
	color: #fff;
}

ul.aHeaderMenu li i {
	font-size: 1.2rem;
	line-height: 1.5rem;
}

ul.aHeaderMenu li#kullGoster i {
	display: none;
}

ul.aHeaderMenu li#imgSepetGoster i {
	display: block;
	font-size: 1.3rem;
}

ul.aHeaderMenu li#imgSepetGoster .menuMetin {
	display: none;
}

ul.aHeaderMenu li#respBlokAc {
	display: none;
}

/* SF-MENU — Navigasyon CSS
------------------------------------- */
.sf-menu,
.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}

.sf-menu a {
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

.sf-menu a:focus,
.sf-menu a:active {
	outline: none;
	box-shadow: none;
}

#sf-kutu {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 80px;
	min-width: 0;
	overflow: visible;
	z-index: 20;
}

#sf-kutu .sf-menu {
	position: relative;
	margin: 0;
}

.sf-menu {
	display: flex;
	align-items: center;
	position: relative;
	white-space: nowrap;
}

.sf-menu>li {
	position: relative;
}

.sf-menu li a {
	display: flex;
	align-items: center;
	padding: 20px 12px;
	color: #f5f5f5;
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	transition: color var(--transition-fast);
}

.sf-menu.clss-AnaSayfa li a {
	color: #fff;
}

.sf-menu>li>a::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 3px;
	background-color: #191516;
	transition: width var(--transition-med);
}

.sf-menu.clss-AnaSayfa>li>a::before {
	background-color: #fff;
}

.sf-menu>li:hover>a::before,
.sf-menu>li.sfHover>a::before {
	width: 100%;
}

.sf-menu>li:hover>a,
.sf-menu>li.sfHover>a {
	color: #f5f5f5;
}

.sf-menu.clss-AnaSayfa>li:hover>a,
.sf-menu.clss-AnaSayfa>li.sfHover>a {
	color: #fff;
}

.sf-menu ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 200;
	min-width: 200px;
	background: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	border-radius: 0;
	padding: 10px 0;
	display: none;
}

.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {
	display: block;
}

.sf-menu li li {
	width: 100%;
	background: transparent;
}

.sf-menu li li a {
	padding: 8px 20px;
	font-size: 0.85rem;
	color: #444;
	transition: color var(--transition-fast), background-color var(--transition-fast);
}

.sf-menu.clss-AnaSayfa li li a {
	color: #444;
}

.sf-menu li li:hover {
	background: #fff;
}

.sf-menu li li:hover>a,
.sf-menu.clss-AnaSayfa li li:hover>a {
	color: #191516;
}

.sf-menu ul ul {
	top: 0;
	left: 100%;
	margin-top: -10px;
}

.sf-arrows .sf-with-ul {
	padding-right: 25px;
}

.sf-arrows .sf-with-ul::after {
	content: '\e912';
	font-family: 'icomoon';
	position: absolute;
	right: 5px;
	font-size: 1.2rem;
	color: #fff;
	transition: color var(--transition-fast);
}

.sf-menu.clss-AnaSayfa .sf-with-ul::after {
	color: #fff;
}

.sf-arrows ul .sf-with-ul::after {
	content: '\e911';
	right: 15px;
}

/*  respBlok 
------------------------------------- */
#respBlok {
	position: fixed;
	inset: 0;
	z-index: 100;
	visibility: hidden;
	pointer-events: none;
}

#respBlok.is-open {
	visibility: visible;
	pointer-events: auto;
}

#respBlok::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(24, 21, 22, 0.5);
	opacity: 0;
	transition: opacity 0.5s ease;
}

#respBlok.is-open::before {
	opacity: 1;
}

.menuBlokCont {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	width: min(360px, 90vw);
	max-width: 90%;
	height: 100%;
	background: rgba(24, 21, 22, 1);
	overflow: hidden;
	transform: translateX(-100%);
	transition: transform 0.5s ease;
}

#respBlok.is-open .menuBlokCont {
	transform: translateX(0);
}

#respBlokKapat {
	position: absolute;
	right: 2rem;
	top: 2rem;
	margin: 0;
	padding: 0;
	color: #fff;
	cursor: pointer;
	z-index: 3;
}

#respBlokKapat span {
	font-size: 2rem;
	line-height: 2rem;
	margin: 0;
	display: block;
}

#respBlok .respLogo {
	position: relative;
	width: 120px;
	margin: 2rem 2rem;
}

#respBlok .respLogo img {
	width: 100%;
	filter: brightness(0) invert(1);
	/*filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(104%) contrast(103%);*/
}


ul.respMenu {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	padding: 0 2rem;
	margin: 0;
}

ul.respMenu li {
	position: relative;
	margin: 0;
	padding: 0 0 0 14px;
	list-style: none;
	font-size: 1.2rem;
	line-height: 2;
}

ul.respMenu li:before {
	content: "❯";
	position: absolute;
	left: 0;
	top: .8rem;
	font-size: .5rem;
	color: #fff;
}

ul.respMenu li a {
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
}

ul.respMenu li a:hover {
	text-decoration: underline;
}

ul.respMenu ul {
	padding-left: .5rem;
}

ul.respMenu li li a {
	color: #ddd;
	font-size: 1rem;
}

ul.respMenu ul ul {
	display: none;
}

@media only screen and (min-width:900px) and (max-width:1367px) {
	.logo {
		/*background: yellow;*/
	}

	#sf-kutu {
		display: none;
	}

	ul.aHeaderMenu li#imgSepetGoster i,
	ul.aHeaderMenu li#kullGoster i {
		display: block;
	}

	ul.aHeaderMenu li span.menuMetin {
		display: none;
	}

	ul.aHeaderMenu li#respBlokAc {
		display: block;
	}
}

@media only screen and (min-width:600px) and (max-width:899px) {
	.logo {
		/*background: blue;*/
	}

	#sf-kutu {
		display: none;
	}

	ul.aHeaderMenu li#imgSepetGoster i,
	ul.aHeaderMenu li#kullGoster i {
		display: block;
	}

	ul.aHeaderMenu li span.menuMetin {
		display: none;
	}

	ul.aHeaderMenu li#respBlokAc {
		display: block;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {
	.logo {
		/*background: red;*/
	}

	#sf-kutu {
		display: none;
	}

	ul.aHeaderMenu li#imgSepetGoster i,
	ul.aHeaderMenu li#kullGoster i {
		display: block;
	}

	ul.aHeaderMenu li span.menuMetin {
		display: none;
	}

	ul.aHeaderMenu li#respBlokAc {
		display: block;
	}
}


/* ÇEKİRDEKTEN FİNCANA NİTELİKLİ KAHVE
**************************************************** */

/* sCoffee */
.sCoffeeKap {
	z-index: 1;
	background-color: var(--ucuncu-color);
	width: 100%;
	height: 100dvh;
	min-height: 720px;
	max-height: 1080px;
	max-width: 1920px;
	margin: 0 auto;
	overflow-x: hidden;
}

.sCoffeeKap .aContainer {
	height: 100%;
	max-width: 100% !important;
}

.sCoffee {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
}

.sCoffeeSol {
	position: relative;
	/*background-color: green;*/
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
}

.solRow {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.solRow h1 {
	color: var(--ikinci-color);
	font-size: 3.4rem;
	line-height: 1.05;
	margin-bottom: 72px;
	letter-spacing: 1px;
	/*font-weight:600;*/
	padding: var(--paddingContent);
}

.solMesaj {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 72px;
}

.solMesaj span {
	width: 33.3%;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #333;
	padding: var(--paddingContent);
	box-sizing: border-box;
	margin-bottom: 16px;
}

.solRow p.hemenSatinAl {
	display: block;
	margin-bottom: 72px;
	margin-left: 33.3%;
	padding: var(--paddingContent);
	box-sizing: border-box;
	color: var(--besinci-color);
	font-family: var(--baslik-font);
	font-size: 1.8rem;
	line-height: 1.2;
	text-align: left;
}

.solRow p.hemenSatinAl a {
	color: var(--besinci-color);
	text-decoration: none;
}

.solRow p.hemenSatinAl span {
	border-bottom: 2px solid var(--besinci-color);
	padding-bottom: 2px;
}

.sCoffeeBLogo1 {
	position: absolute;
	width: 66.6%;
	left: 0;
	bottom: 32px;
	z-index: 2;
	padding: var(--paddingContent);
	box-sizing: border-box;
}

.sCoffeeBLogo1 img {
	width: 100%;
}

.arcRoasteryAbs1 {
	position: absolute;
	width: 160px;
	left: -80px;
	bottom: 240px;
	z-index: 2;
}

.arcRoasteryAbs1 img {
	width: 100%;
}

.sCoffeeSag {
	position: relative;
	/*background-color: blue;*/
	width: 40%;
}

.sCoffeeSag:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;
	pointer-events: none;
}

.slaytGor {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slaytGor img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* not : .sCoffeeSag "Half-Container" yapılabilir. Yani (bir tarafı sabit, diğer tarafı sonsuza uzanan) modelidir.*/
.sCoffeeSag.halfContainerim {
	width: 50%;
	position: relative;
}

.sCoffeeSag.halfContainerim .slaytGor {
	position: absolute;
	top: 0;
	left: 0;
	width: min(100%, clamp(400px, 50vw, 900px));
	max-width: 100%;
	height: 100%;
}

.sCoffeeSag.halfContainerim .slaytGor img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Eski tarayıcılar için yedek (Fallback) */
@supports not (height: 100dvh) {
	#slaytNew {
		height: 100vh;
	}
}


/* iPad Pro / Laptop dar (1025–1366px) */
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
	.sCoffeeKap {
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.solRow h1 {
		font-size: 2.6rem;
		margin-top: 120px;
		margin-bottom: 48px;
	}

	.solMesaj {
		margin-bottom: 48px;
	}

	.solMesaj span {
		width: 50%;
		font-size: 1rem;
	}

	.solRow p.hemenSatinAl {
		margin-bottom: 120px;
		margin-left: 0;
		font-size: 1.7rem;
		width: 100%;
	}

	.arcRoasteryAbs1 {
		width: 120px;
		left: 0;
		bottom: 80px;
	}

	.arcRoasteryAbs3 {
		right: auto;
		left: calc(50% - 60px);
		top: auto;
		bottom: -60px;
		width: 120px;
	}
}

/* iPad Air / iPad (768–1024px) — kritik boşluk */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.sCoffeeKap {
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.sCoffee {
		flex-direction: column;
	}

	.sCoffeeSol {
		width: 100%;
		height: auto;
		padding-bottom: 0;
	}

	.sCoffeeSag {
		width: 100%;
		height: 50vw;
		min-height: 320px;
		max-height: 520px;
	}

	.sCoffeeSag.halfContainerim {
		width: 100%;
		height: 50vw;
		min-height: 320px;
		max-height: 520px;
	}

	.sCoffeeSag.halfContainerim .slaytGor {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.solRow h1 {
		font-size: 2.4rem;
		margin-top: 100px;
		margin-bottom: 40px;
		letter-spacing: 0;
	}

	.solMesaj {
		margin-bottom: 40px;
	}

	.solMesaj span {
		width: 50%;
		font-size: 0.95rem;
	}

	.solRow p.hemenSatinAl {
		margin-bottom: 48px;
		margin-left: 0;
		font-size: 1.6rem;
		width: 100%;
	}

	.sCoffeeBLogo1 {
		position: relative;
		width: 66.6%;
		bottom: auto;
		left: auto;
		margin-bottom: 24px;
	}

	.arcRoasteryAbs1 {
		width: 100px;
		left: 0;
		bottom: 48px;
	}
}

/* Tablet küçük / büyük mobil (600–767px) */
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.sCoffeeKap {
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.sCoffee {
		flex-direction: column;
	}

	.sCoffeeSol {
		width: 100%;
		height: auto;
	}

	.sCoffeeSag {
		width: 100%;
		height: 56vw;
		min-height: 280px;
		max-height: 420px;
	}

	.sCoffeeSag.halfContainerim {
		width: 100%;
		height: 56vw;
		min-height: 280px;
		max-height: 420px;
	}

	.sCoffeeSag.halfContainerim .slaytGor {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.solRow h1 {
		font-size: 2.2rem;
		margin-top: 100px;
		margin-bottom: 36px;
	}

	.solMesaj {
		margin-bottom: 36px;
	}

	.solMesaj span {
		width: 50%;
		font-size: 0.9rem;
	}

	.solRow p.hemenSatinAl {
		margin-bottom: 40px;
		margin-left: 0;
		font-size: 1.6rem;
		width: 100%;
	}

	.sCoffeeBLogo1 {
		position: relative;
		width: 66.6%;
		bottom: auto;
		left: auto;
		margin-bottom: 24px;
	}

	.arcRoasteryAbs1 {
		width: 100px;
		left: 0;
		bottom: 40px;
	}
}

/* Mobil (0–599px) */
@media only screen and (min-width: 0) and (max-width: 599px) {
	.sCoffeeKap {
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.sCoffee {
		flex-direction: column;
	}

	.sCoffeeSol {
		width: 100%;
		height: auto;
	}

	.sCoffeeSag {
		width: 100%;
		height: 65vw;
		min-height: 220px;
		max-height: 360px;
	}

	.sCoffeeSag.halfContainerim {
		width: 100%;
		height: 65vw;
		min-height: 220px;
		max-height: 360px;
	}

	.sCoffeeSag.halfContainerim .slaytGor {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.solRow h1 {
		font-size: 1.8rem;
		margin-top: 80px;
		margin-bottom: 24px;
		letter-spacing: 0;
	}

	.solMesaj {
		margin-bottom: 24px;
	}

	.solMesaj span {
		width: 100%;
		font-size: 0.85rem;
	}

	.solRow p.hemenSatinAl {
		margin-bottom: 32px;
		margin-left: 0;
		font-size: 1.4rem;
		width: 100%;
	}

	.sCoffeeBLogo1 {
		position: relative;
		width: 80%;
		bottom: auto;
		left: auto;
		margin-bottom: 24px;
	}

	.arcRoasteryAbs1 {
		width: 80px;
		left: 0;
		bottom: 24px;
	}
}


/*-- modHeader
**************************************************** 
ANASAYFA modül üst başlık ve açıklamalar, görseller vb. */

.modHeader {
	margin-bottom: 64px;
}

.modHeaderSolP {
	font-family: var(--baslik-font);
	color: var(--besinci-color);
}

.modHeaderSagP {
	color: var(--ikinci-color);
	font-size: 1.1rem;
}

.modHeaderBaslik {
	color: var(--ikinci-color);
	font-size: 3.2rem;
	line-height: 1.05;
	letter-spacing: 1px;
}

.modHeaderAdres {
	font-family: var(--baslik-font);
	color: var(--ikinci-color);
}

.modFullImg {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.modFullImg img {
	width: 100%;
}

.modHeaderFullImg {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.modHeaderFullImg img {
	width: 100%;
	display: block;
}

@media only screen and (min-width:900px) and (max-width:1367px) {
	.modHeader {
		margin-bottom: 48px;
	}

	.modHeaderSagP {
		font-size: 1rem;
	}

	.modHeaderBaslik {
		font-size: 2.8rem;
		letter-spacing: 0;
	}
}

@media only screen and (min-width:600px) and (max-width:899px) {
	.modHeader {
		margin-bottom: 36px;
	}

	.modHeaderSagP {
		font-size: 0.9rem;
	}

	.modHeaderBaslik {
		font-size: 2.4rem;
		letter-spacing: 0;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {
	.modHeader {
		margin-bottom: 24px;
	}

	.modHeaderSagP {
		font-size: 0.9rem;
	}

	.modHeaderBaslik {
		font-size: 2rem;
		letter-spacing: 0;
	}
}

.modMetnBaslik {
	color: var(--ikinci-color);
	font-size: 1.4rem;
	line-height: 1.2;
}

.modMetnP {
	font-size: 1rem;
}

/*satın al <div class="arcAlLink" ... */
.arcAlLink {
	box-sizing: border-box;
	padding-bottom: 12px;
	margin-top: auto;
	/* Üstteki tüm boşluğu iter ve kendini en alta sabitler */
}

.arcAlLink a {
	color: var(--ikinci-color);
	text-decoration: none;
	font-family: var(--baslik-font);
	font-size: 1.4rem;
	line-height: 1.2;
	text-align: left;
}

.arcAlLink span {
	border-bottom: 2px solid var(--ikinci-color);
	padding-bottom: 2px;
}

/* modOzel 1
**************************************************** */

.modOzel1 {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
}

/* modOzel 2
**************************************************** */

.modOzel2 {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.modOzel2Sol {
	position: relative;
	width: 40%;
	display: flex;
	flex-direction: column;
}

.modGorsMetn1 {
	display: flex;
	gap: 12px;
	padding: var(--paddingContent);
	width: 100%;
}

.modGorsMetn1 .modGors {
	width: calc(50% - 6px);
}

.modGorsMetn1 .modMetn {
	width: calc(50% - 6px);
	display: flex;
	flex-direction: column;
}

.modGorsMetn2 {
	display: flex;
	gap: 12px;
	padding: var(--paddingContent);
	width: 100%;
	margin-top: auto;
}

.modGorsMetn2 .modGors {
	width: calc(50% - 6px);
}

.modGorsMetn2 .modMetn {
	width: calc(50% - 6px);
	display: flex;
	flex-direction: column;
}

.modOzel2Sag {
	position: relative;
	width: 40%;
	display: flex;
	flex-wrap: wrap;
}

.modGorsMetn3 {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding: var(--paddingContent);
	width: 100%;
}

.modGorsMetn3 .modGors {
	width: 100%;
}

.modGorsMetn3 .modMetn {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.modGorsMetn3 .modMetn .modMetnBaslik {
	margin-top: 20px;
}

.modGorsMetn3 .modMetn .modMetnP {
	width: 60%;
	margin-bottom: 0;
}

.modGorsMetn3 .modMetn .arcAlLink {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* modOzel 3
**************************************************** */
.modEgitimKap {}

.modOzelEgitim {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: var(--paddingContent);
	box-sizing: border-box;
}

.modOzelEgitim .modMetnBaslik {
	margin-top: 20px;
}

.modSayac {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: var(--paddingContent);
}

.modSayac p {
	border-bottom: 2px solid var(--ikinci-color);
	color: var(--ikinci-color);
	font-family: var(--baslik-font);
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.modSayac p span.sayacSayi {
	font-size: 3rem;
}

.modSayac p span.sayacMetin {
	font-size: 1.4rem;
}

.arcTumunuGor {
	position: absolute;
	right: 0;
	bottom: 110px;
	display: block;
	padding: 0 6px;
	box-sizing: border-box;
	width: fit-content;
}

.arcTumunuGor a {
	color: var(--ikinci-color);
	text-decoration: none;
	font-family: var(--baslik-font);
	font-size: 1.8rem;
	line-height: 1.2;
	text-align: left;
}

.arcTumunuGor span {
	border-bottom: 2px solid var(--ikinci-color);
	padding-bottom: 2px;
}

.arcRoasteryAbs2 {
	position: absolute;
	width: 180px;
	left: calc(50% - 90px);
	top: -120px;
	z-index: 2;
}

.arcRoasteryAbs2 img {
	width: 100%;
}

.arcRoasteryAbs3 {
	position: absolute;
	width: 160px;
	right: -80px;
	top: 100px;
	z-index: 2;
}

.arcRoasteryAbs3 img {
	width: 100%;
}

@media only screen and (min-width:900px) and (max-width:1367px) {
	.arcTumunuGor {
		position: relative;
		margin-left: auto;
		margin-top: 32px;
		bottom: auto;
		right: auto;
		left: auto;
		top: auto;
	}

	.arcTumunuGor a {
		font-size: 1.7rem;
	}

	.modEgitimKap .aCol-1-5 {
		display: none;
	}

	.modEgitimKap .aCol-2-5 {
		width: 50%;
	}
}

@media only screen and (min-width:600px) and (max-width:899px) {

	.modMetnBaslik {
		font-size: 1.2rem;
	}

	.modMetnP {
		font-size: .9rem;
	}

	.arcAlLink a {
		font-size: 1.2rem;
	}

	.modOzel2 {}

	.modOzel2Sol {
		width: 100%;
	}

	.modGorsMetn1 {
		margin-bottom: 32px;
	}

	.modGorsMetn2 {
		margin-bottom: 32px;
	}

	.modOzel2Sag {
		width: 100%;
	}

	.modGorsMetn3 {
		margin-bottom: 0;
		flex-wrap: nowrap;
	}

	.modGorsMetn3 .modGors {
		width: 50%;
	}

	.modGorsMetn3 .modMetn {
		width: 50%;
	}

	.modGorsMetn3 .modMetn .modMetnBaslik {
		margin-top: 0;
	}

	.modGorsMetn3 .modMetn .modMetnP {
		width: 100%;
		margin-bottom: 1rem;
	}

	.modGorsMetn3 .modMetn .arcAlLink {
		position: relative;
		bottom: auto;
		right: auto;
		left: auto;
		top: auto;
	}

	.arcTumunuGor {
		position: relative;
		margin-left: auto;
		margin-top: 32px;
		bottom: auto;
		right: auto;
		left: auto;
		top: auto;
	}

	.arcTumunuGor a {
		font-size: 1.6rem;
	}

	.modEgitimKap .aCol-1-5 {
		display: none;
	}

	.modEgitimKap .aCol-2-5 {
		width: 50%;
	}

	.modOzel1 {
		height: auto;
		flex-wrap: wrap;
		margin-top: 48px;
	}

	.arcRoasteryAbs2 {
		position: absolute;
		width: 120px;
		left: calc(50% - 60px);
		top: -60px;
	}

	.arcRoasteryAbs3 {
		position: absolute;
		width: 120px;
		left: calc(50% - 60px);
		top: auto;
		bottom: -60px;
		z-index: 2;
	}

	.modSayac {
		position: relative;
		bottom: auto;
		right: auto;
		left: auto;
		top: auto;
		width: 100%;
		margin-top: 36px;
	}

	.modSayac p span.sayacSayi {
		font-size: 2rem;
	}

	.modSayac p span.sayacMetin {
		font-size: 1.2rem;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {

	.modMetnBaslik {
		font-size: 1.2rem;
	}

	.modMetnP {
		font-size: .9rem;
	}

	.arcAlLink a {
		font-size: 1.2rem;
	}

	.modOzel2 {}

	.modOzel2Sol {
		width: 100%;
	}

	.modGorsMetn1 {
		margin-bottom: 32px;
	}

	.modGorsMetn2 {
		margin-bottom: 32px;
	}

	.modOzel2Sag {
		width: 100%;
	}

	.modGorsMetn3 {
		margin-bottom: 0;
		flex-wrap: nowrap;
	}

	.modGorsMetn3 .modGors {
		width: 50%;
	}

	.modGorsMetn3 .modMetn {
		width: 50%;
	}

	.modGorsMetn3 .modMetn .modMetnBaslik {
		margin-top: 0;
	}

	.modGorsMetn3 .modMetn .modMetnP {
		width: 100%;
		margin-bottom: 1rem;
	}

	.modGorsMetn3 .modMetn .arcAlLink {
		position: relative;
		bottom: auto;
		right: auto;
		left: auto;
		top: auto;
	}

	.arcTumunuGor {
		position: relative;
		margin-left: auto;
		margin-top: 32px;
		bottom: auto;
		right: auto;
		left: auto;
		top: auto;
	}

	.arcTumunuGor a {
		font-size: 1.5rem;
	}

	.modEgitimKap .aCol-1-5 {
		display: none;
	}

	.modEgitimKap .aCol-2-5 {
		width: 50%;
	}

	.modOzel1 {
		height: auto;
		flex-wrap: wrap;
		margin-top: 48px;
	}

	.arcRoasteryAbs2 {
		position: absolute;
		width: 120px;
		left: calc(50% - 60px);
		top: -60px;
	}

	.arcRoasteryAbs3 {
		position: absolute;
		width: 120px;
		left: calc(50% - 60px);
		top: auto;
		bottom: -60px;
	}

	.modSayac {
		position: relative;
		bottom: auto;
		right: auto;
		left: auto;
		top: auto;
		width: 100%;
		margin-top: 36px;
	}

	.modSayac p span.sayacSayi {
		font-size: 2rem;
	}

	.modSayac p span.sayacMetin {
		font-size: 1.2rem;
	}
}

/* ana sayfa seçme ürünler kap */
.anaSayfaSecmeUrunler {}


/* BARİSTA EĞİTİMİ / AKADEMİ SAYFASI
------------------------------------- */

/* — Hero Intro — */
.akademiHero {
	position: relative;
	width: 100%;
	display: flex;
	align-items: stretch;
	gap: 0;
	padding: 72px 0 64px;
	border-bottom: 1px solid var(--dorduncu-color);
}

.akademiHeroIcerik {
	flex: 1;
	min-width: 0;
	max-width: 620px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
}

.akademiHeroGorsel {
	flex-shrink: 0;
	width: 42%;
	margin-left: 64px;
	position: relative;
	overflow: hidden;
	background: #181516;
}

.akademiHeroGorsel img,
.akademiHeroGorsel video,
.akademiHeroVideo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


.akademiEtiket {
	display: inline-block;
	font-family: var(--metin-font);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	color: var(--besinci-color);
	border: 1px solid var(--dorduncu-color);
	padding: 5px 14px;
	margin-bottom: 28px;
}

.akademiHeroBaslik {
	font-family: var(--baslik-font);
	font-size: 3.8rem;
	line-height: 1.05;
	letter-spacing: 0.5px;
	color: var(--ikinci-color);
	margin-bottom: 28px;
}

.akademiHeroAlt {
	font-size: 1.05rem;
	line-height: 1.7;
	color: #555;
	margin-bottom: 16px;
	max-width: 620px;
}

.akademiHeroCta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 36px;
}

.akademiHeroBadge {
	margin-top: 28px;
}

.akademiHeroBadge img {
	display: block;
	width: 150px;
	height: auto;
}

/* — CTA Butonlar — */
.akademiCtaBtn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 28px;
	font-family: var(--metin-font);
	font-size: 0.9rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-decoration: none;
	border-radius: 2px;
	transition: all 0.3s ease;
	cursor: pointer;
}

.akademiCtaBtnPrimary {
	background-color: var(--ikinci-color);
	color: #fff;
}

.akademiCtaBtnPrimary:hover {
	background-color: var(--besinci-color);
	color: #fff;
}

.akademiCtaBtnSecondary {
	background-color: transparent;
	color: var(--ikinci-color);
	border: 1.5px solid var(--dorduncu-color);
}

.akademiCtaBtnSecondary:hover {
	border-color: var(--ikinci-color);
	color: var(--ikinci-color);
}

.akademiCtaBtnSecondary .icon-whatsapp {
	font-size: 1rem;
}

/* — SCA Akreditasyon Kartı — */
.scaKart {
	display: flex;
	align-items: center;
	gap: 0;
	padding: 40px 0;
	border-bottom: 1px solid var(--dorduncu-color);
}

.scaKartLeft {
	flex-shrink: 0;
	width: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 40px;
}

.scaLogoWrap img {
	width: 120px;
	display: block;
}

.scaKartDivider {
	width: 1px;
	height: 100px;
	background-color: var(--dorduncu-color);
	flex-shrink: 0;
}

.scaKartRight {
	padding-left: 40px;
	flex: 1;
}

.scaKartEtiket {
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	color: var(--besinci-color);
	margin-bottom: 14px;
}

.scaKartMetin {
	font-size: 0.95rem;
	line-height: 1.7;
	color: #444;
	margin-bottom: 10px;
}

.scaKartAlt {
	font-size: 0.85rem;
	font-style: italic;
	color: var(--besinci-color);
	margin-bottom: 0;
}

/* — Bölüm Başlığı — */
.akademiBolumBaslik {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-bottom: 28px;
	border-bottom: 1px solid var(--dorduncu-color);
	margin-bottom: 40px;
}

.akademiBolumEtiket {
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	color: var(--besinci-color);
}

.akademiBolumH {
	font-family: var(--baslik-font);
	font-size: 2.6rem;
	color: var(--ikinci-color);
	margin-bottom: 0;
}

/* — Eğitim Kartları — */
.egitimKartKap {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.egitimKart {
	display: flex;
	align-items: stretch;
	gap: 0;
	border-bottom: 1px solid var(--dorduncu-color);
	padding: 48px 0;
}

.egitimKart:first-child {
	padding-top: 0;
}

.egitimKartGorsel {
	width: 44%;
	flex-shrink: 0;
	overflow: hidden;
}

.egitimKartGorsel a {
	display: block;
	width: 100%;
	height: 100%;
}

.egitimKartGorsel img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.egitimKart:hover .egitimKartGorsel img {
	transform: scale(1.03);
}

.egitimKartIcerik {
	flex: 1;
	padding: 8px 0 8px 48px;
	display: flex;
	flex-direction: column;
}

.egitimKartBaslik {
	font-family: var(--baslik-font);
	font-size: 2rem;
	line-height: 1.1;
	color: var(--ikinci-color);
	margin-bottom: 24px;
}

/* Tarih listesi */
.egitimTarihler {
	background-color: var(--ucuncu-color);
	border-left: 3px solid var(--birinci-color);
	padding: 16px 20px;
	margin-bottom: 24px;
}

.egitimTarihBaslik {
	display: block;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	color: var(--besinci-color);
	margin-bottom: 10px;
}

.egitimTarihList {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
}

.egitimTarihList li {
	font-size: 0.88rem;
	color: var(--ikinci-color);
	line-height: 1.6;
	padding-left: 12px;
	position: relative;
}

.egitimTarihList li::before {
	content: '›';
	position: absolute;
	left: 0;
	color: var(--birinci-color);
}

/* Eğitim metin içeriği */
.egitimKartMetin {
	flex: 1;
	font-size: 0.95rem;
	line-height: 1.7;
	color: #444;
	margin-bottom: 28px;
}

.egitimKartMetin p {
	margin-bottom: 0.8rem;
}

.egitimKartMetin h4 {
	font-size: 1rem;
	font-weight: 600;
	margin: 1rem 0 0.5rem;
}

.egitimKartMetin ul {
	padding-left: 1.2rem;
	margin-bottom: 0.8rem;
}

.egitimKartMetin ul li {
	list-style: disc;
	margin-bottom: 4px;
}

.egitimKartCta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: auto;
}

/* — Yakında / Boş Durum — */
.egitimYakinda {
	max-width: 580px;
	margin: 0 auto;
	text-align: center;
	padding: 64px 0;
}

.egitimYakindaIkon {
	font-size: 3rem;
	margin-bottom: 24px;
	display: block;
}

.egitimYakindaBaslik {
	font-family: var(--baslik-font);
	font-size: 2.2rem;
	color: var(--ikinci-color);
	margin-bottom: 16px;
}

.egitimYakindaMetin {
	font-size: 1rem;
	line-height: 1.7;
	color: #555;
	margin-bottom: 32px;
}

.egitimYakindaCta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

/* — Responsive — */
@media only screen and (min-width:900px) and (max-width:1367px) {
	.akademiHeroBaslik {
		font-size: 3rem;
	}

	.akademiBolumH {
		font-size: 2.2rem;
	}

	.egitimKartBaslik {
		font-size: 1.8rem;
	}

	.egitimKartGorsel {
		width: 42%;
	}

	.egitimKartIcerik {
		padding-left: 36px;
	}

	.akademiHeroGorsel {
		width: 40%;
		margin-left: 40px;
	}
}

@media only screen and (min-width:600px) and (max-width:899px) {
	.akademiHero {
		padding: 48px 0 40px;
		flex-direction: column;
	}

	.akademiHeroBaslik {
		font-size: 2.4rem;
	}

	.akademiHeroGorsel {
		width: 100%;
		margin-left: 0;
		margin-top: 32px;
		aspect-ratio: 16 / 9;
	}

	.scaKart {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}

	.scaKartLeft {
		width: auto;
		padding-right: 0;
	}

	.scaKartDivider {
		display: none;
	}

	.scaKartRight {
		padding-left: 0;
	}

	.egitimKart {
		flex-direction: column;
	}

	.egitimKartGorsel {
		width: 100%;
		max-height: 320px;
		overflow: hidden;
	}

	.egitimKartIcerik {
		padding: 28px 0 0;
	}

	.egitimKartBaslik {
		font-size: 1.6rem;
	}

	.akademiBolumH {
		font-size: 2rem;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {
	.akademiHero {
		padding: 32px 0 28px;
		flex-direction: column;
	}

	.akademiHeroBaslik {
		font-size: 1.9rem;
	}

	.akademiHeroAlt {
		font-size: 0.9rem;
	}

	.akademiHeroGorsel {
		width: 100%;
		margin-left: 0;
		margin-top: 24px;
		aspect-ratio: 16 / 9;
	}

	.scaKart {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.scaKartLeft {
		width: auto;
		padding-right: 0;
	}

	.scaKartDivider {
		display: none;
	}

	.scaKartRight {
		padding-left: 0;
	}

	.egitimKart {
		flex-direction: column;
		padding: 32px 0;
	}

	.egitimKartGorsel {
		width: 100%;
	}

	.egitimKartIcerik {
		padding: 24px 0 0;
	}

	.egitimKartBaslik {
		font-size: 1.5rem;
	}

	.akademiBolumH {
		font-size: 1.7rem;
	}

	.egitimYakindaBaslik {
		font-size: 1.8rem;
	}

	.akademiCtaBtn {
		width: 100%;
		justify-content: center;
	}
}

/* — Eğitmen Kısa Tanıtım — */
.egitmenKisa {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	padding: 40px 0;
	border-bottom: 1px solid var(--dorduncu-color);
}

.egitmenKisaFoto {
	flex-shrink: 0;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: var(--ucuncu-color);
	color: var(--besinci-color);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--baslik-font);
	font-size: 2rem;
}

.egitmenKisaIcerik {
	flex: 1;
	min-width: 0;
}

.egitmenKisaAd {
	font-family: var(--baslik-font);
	font-size: 1.6rem;
	color: var(--ikinci-color);
	margin: 4px 0 14px;
}

.egitmenKisaAd span {
	display: block;
	font-family: var(--metin-font);
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--besinci-color);
	margin-top: 4px;
}

.egitmenKisaMetin {
	font-size: 0.95rem;
	line-height: 1.7;
	color: #555;
	margin-bottom: 16px;
	max-width: 760px;
}

.egitmenDetayLink {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--ikinci-color);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.egitmenDetayLink:hover {
	color: var(--besinci-color);
}

/* — SCA Eğitimiyle Kazanacaklarınız — */
.akademiKazanc {
	display: flex;
	align-items: flex-start;
	gap: 64px;
}

.akademiKazancGorsel {
	flex-shrink: 0;
	width: 38%;
	position: sticky;
	top: 100px;
}

.akademiKazancGorsel img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.akademiKazancIcerik {
	flex: 1;
	min-width: 0;
}

.akademiKazancAlt {
	font-size: 1rem;
	line-height: 1.7;
	color: #555;
	max-width: 640px;
	margin-bottom: 36px;
}

.akademiKazancListe {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 26px;
}

.akademiKazancListe li {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding-bottom: 26px;
	border-bottom: 1px solid var(--dorduncu-color);
}

.akademiKazancListe li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.akademiKazancNo {
	flex-shrink: 0;
	font-family: var(--baslik-font);
	font-size: 1.6rem;
	color: var(--dorduncu-color);
	line-height: 1;
}

.akademiKazancListe h4 {
	font-family: var(--metin-font);
	font-size: 1.02rem;
	font-weight: 700;
	color: var(--ikinci-color);
	margin-bottom: 8px;
}

.akademiKazancListe p {
	font-size: 0.9rem;
	line-height: 1.65;
	color: #555;
	margin: 0;
}

/* — Eğitim Program Blokları — */
.programBlok {
	width: 100%;
}

.programHeader {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 18px;
}

.programIkon {
	flex-shrink: 0;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: var(--ucuncu-color);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 18px;
	box-sizing: border-box;
}

.programIkon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.programBaslik {
	font-family: var(--baslik-font);
	font-size: 2rem;
	color: var(--ikinci-color);
	margin: 0;
}

.programAciklama {
	font-size: 0.95rem;
	line-height: 1.7;
	color: #555;
	max-width: 860px;
	margin-bottom: 32px;
}

.seviyeGrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.seviyeKart {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border: 1px solid var(--dorduncu-color);
	padding: 28px 24px;
	transition: box-shadow 0.2s, border-color 0.2s;
}

.seviyeKart:hover {
	border-color: var(--besinci-color);
	box-shadow: 0 8px 28px rgba(24, 21, 22, 0.08);
}

.seviyeBaslik {
	font-family: var(--baslik-font);
	font-size: 1.3rem;
	color: var(--ikinci-color);
	margin-bottom: 14px;
}

.seviyeBilgi {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--dorduncu-color);
}

.seviyeBilgi span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.8rem;
	color: var(--besinci-color);
	font-weight: 500;
}

.seviyeListe {
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.seviyeListe li {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 0.88rem;
	line-height: 1.5;
	color: #444;
}

.seviyeListe li i {
	flex-shrink: 0;
	color: var(--birinci-color);
	margin-top: 3px;
	font-size: 0.75rem;
}

.seviyeBtn {
	width: 100%;
	justify-content: center;
	margin-top: auto;
	border: none;
}

/* — Eğitmen Detaylı Bio — */
.egitmenDetay {
	display: flex;
	align-items: flex-start;
	gap: 48px;
}

.egitmenDetayFoto {
	flex-shrink: 0;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background-color: var(--ucuncu-color);
	color: var(--besinci-color);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--baslik-font);
	font-size: 3.4rem;
}

.egitmenDetayIcerik {
	flex: 1;
	min-width: 0;
}

.egitmenDetayIcerik p {
	font-size: 0.95rem;
	line-height: 1.75;
	color: #555;
	margin-bottom: 18px;
	max-width: 900px;
}

/* — Akademi Hızlı Başvuru Modalı — */
.arc-akademi-modal-overlay {
	display: none;
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(24, 21, 22, 0.72);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	z-index: 99999;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
}

.arc-akademi-modal-overlay.open {
	display: flex;
	animation: arcFadeIn 0.2s ease;
}

.arc-akademi-modal {
	background: #fff;
	max-width: 460px;
	width: 100%;
	max-height: 90vh;
	overflow-y: auto;
	position: relative;
	font-family: var(--metin-font);
	border-top: 3px solid var(--ikinci-color);
	box-shadow: 0 32px 80px rgba(24, 21, 22, 0.28);
	padding: 32px 28px 28px;
	box-sizing: border-box;
	animation: arcSlideUp 0.22s ease;
}

.arc-akademi-modal-close {
	position: absolute;
	top: 16px;
	right: 16px;
	background: none;
	border: 1px solid var(--dorduncu-color);
	cursor: pointer;
	color: var(--besinci-color);
	font-size: 14px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s;
}

.arc-akademi-modal-close:hover {
	background: var(--ikinci-color);
	color: #fff;
	border-color: var(--ikinci-color);
}

.arc-akademi-modal-baslik {
	font-family: var(--baslik-font);
	font-size: 1.5rem;
	color: var(--ikinci-color);
	margin: 0 0 6px;
	padding-right: 30px;
}

.arc-akademi-modal-program {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--besinci-color);
	margin-bottom: 22px;
}

.arc-akademi-modal-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.arc-akademi-modal-form label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--ikinci-color);
}

.arc-akademi-modal-form label span {
	font-weight: 400;
	color: var(--besinci-color);
}

.arc-akademi-modal-form input[type="text"],
.arc-akademi-modal-form input[type="tel"],
.arc-akademi-modal-form input[type="email"],
.arc-akademi-modal-form textarea {
	border: 1px solid var(--dorduncu-color);
	padding: 11px 14px;
	font-family: var(--metin-font);
	font-size: 0.9rem;
	color: #333;
	background: #fff;
	resize: vertical;
}

.arc-akademi-modal-form input:focus,
.arc-akademi-modal-form textarea:focus {
	outline: none;
	border-color: var(--besinci-color);
}

.arc-akademi-honeypot {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.arc-akademi-modal-submit {
	border: none;
	margin-top: 6px;
}

.arc-akademi-modal-msg {
	font-size: 0.85rem;
	line-height: 1.5;
	min-height: 0;
}

.arc-akademi-modal-msg.is-success {
	color: #2e7d32;
}

.arc-akademi-modal-msg.is-error {
	color: #c0392b;
}

body.arc-akademi-modal-open {
	overflow: hidden;
}

@media only screen and (min-width:900px) and (max-width:1367px) {
	.programBaslik {
		font-size: 1.7rem;
	}
}

@media only screen and (min-width:600px) and (max-width:899px) {
	.egitmenKisa {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 20px;
	}

	.akademiKazanc {
		flex-direction: column;
		gap: 32px;
	}

	.akademiKazancGorsel {
		width: 100%;
		position: static;
	}

	.seviyeGrid {
		grid-template-columns: 1fr;
	}

	.egitmenDetay {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 24px;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {
	.egitmenKisa {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 16px;
		padding: 28px 0;
	}

	.akademiKazanc {
		flex-direction: column;
		gap: 28px;
	}

	.akademiKazancGorsel {
		width: 100%;
		position: static;
	}

	.programBaslik {
		font-size: 1.5rem;
	}

	.programHeader {
		gap: 12px;
	}

	.seviyeGrid {
		grid-template-columns: 1fr;
	}

	.egitmenDetay {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 20px;
	}

	.egitmenDetayFoto {
		width: 160px;
		height: 160px;
		font-size: 2.4rem;
	}

	.arc-akademi-modal {
		padding: 26px 20px 22px;
	}
}



/* KATEGORİ SAYFASI
------------------------------------- */
.aBaslikSira {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.katSiralaM {
	margin-bottom: 1rem;
	display: flex;
	align-items: flex-end;
}

/* Ana Menü Taşıyıcı (Yan Yana Dizilim) */
.katMenuM {
	position: relative;
	width: 100%;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 32px;
	padding: 0;
}

.katMenuM li {
	position: relative;
	border: 1px solid var(--ikinci-color);
	margin: 0;
	padding: 0;
	font-family: var(--baslik-font);
	transition: all 0.2s ease;
}

.katMenuM li a {
	display: block;
	color: var(--ikinci-color);
	padding: 0 16px;
	font-size: 1.1rem;
	line-height: 2.2;
	text-decoration: none;
	white-space: nowrap;
}

.katMenuM li a.aktif,
.katMenuM li.selected > a {
	background-color: var(--ikinci-color);
	color: #fff;
}

.katMenuM li.selected {
	border-color: var(--ikinci-color);
}

.katMenuM li a.arrow::after {
	content: ' ▾';
	font-size: 0.8rem;
	opacity: 0.7;
}

.katMenuM li ul {
	position: absolute;
	top: 100%;
	left: -1px;
	min-width: 200px;
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
	background: #fff;
	border: 1px solid var(--ikinci-color);
	z-index: 999;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.katMenuM li ul li {
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #eee;
}

.katMenuM li ul li:last-child {
	border-bottom: none;
}

.katMenuM li:hover {
	background-color: #f9f9f9;
}

.katMenuM li:hover>ul {
	display: block;
}

.katMenuM li ul li a:hover {
	background-color: var(--ikinci-color);
	color: #fff !important;
}

.modalBlok {
	margin: 8px;
	padding: 8px;
	background-color: #f5f5f5;
	min-width: 300px;
}

.modalBlok h3 {
	font-size: 1rem;
	margin-bottom: 6px;
	padding: .5rem 0;
}

#yanUrunKateg,
#yanUrunFiltre {
	display: none;
}

/* kategori filtre ve sıralama */
.katFiltSira {
	position: relative;
	width: 100%;
	margin-bottom: 32px;
	background-color: #fff;
	border: 1px solid #eee;
}

#yanUrunKategAc,
#yanUrunFiltreAc {
	float: left;
	border: none;
	font-size: .9rem;
	padding: 5px;
	line-height: 1.5rem;
	margin: 5px;
	background: #fff;
	color: #222;
	border-radius: 3px;
}

form#urunSiraM {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	padding: 5px;
}

form#urunSiraM select {
	position: relative;
	float: right;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	z-index: 2;
	border: none;
	border-bottom: 2px solid var(--ikinci-color);
	border-radius: 0;
	padding: 2px 0;
	margin-left: 16px;
	width: 140px;
	cursor: pointer;
	font-family: var(--baslik-font);
	font-size: 1.2rem;
}

form#urunSiraM select#orderBy {
	width: 140px;
}

form#urunSiraM select#cat-limit {
	width: 40px;
}

form#urunSiraM select#katGorunumTipi {
	width: 80px;
}

#buttonList,
#buttonListLite {
	font-size: .9rem;
	line-height: 1.8rem;
	padding: 0 .2rem;
	border-radius: 0;
	margin-top: .2rem;
	color: var(--birinci-color);
}

#buttonList.active,
#buttonListLite.active {
	color: var(--besinci-color);
}


/* kategori kutu */
#kategKutuList {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}

.kategKutu {
	text-align: center;
	margin-bottom: 24px;
	width: 25%;
}

.kategKutu .kategKutuFlex {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.kategKutu .img-k {}

.ktCapt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin-bottom: .2rem;
	height: 3rem;
	background-color: #215ba7;
}

.ktTitleCapt {
	color: #215ba7;
	line-height: 1.5rem;
	font-size: 1.2rem;
	font-weight: 400;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	background-color: #215ba7;
}

.ktTitleCapt a {
	color: #fff;
}

.ktTitleCapt a:hover {
	color: #fff;
}

.ktAltKat {
	width: 100%;
}

.ktAltKat ul {}

.ktAltKat ul li {}

.ktAltKat ul li a {}

#kategKutuOwl {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#kategKutuOwl .owl-dots {
	display: none;
}

#kategKutuOwl .owl-nav {}

#kategKutuOwl .owl-nav button.owl-prev,
#kategKutuOwl .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	margin-top: -1rem;
	font-size: 1.2rem;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	color: #999;
	cursor: pointer;
}

#kategKutuOwl .owl-nav button.owl-prev {
	left: -.5rem;
}

#kategKutuOwl .owl-nav button.owl-next {
	right: -.5rem;
}

#kategKutuOwl .owl-nav button.owl-prev:hover,
#kategKutuOwl .owl-nav button.owl-next:hover {
	color: #000;
}

#kategKutuOwl .kategKutu {
	width: 100%;
}

/* urnBox */
.urnBox {
	margin-top: 12px;
	margin-bottom: 12px;
}

.urnBox .img-d,
.urnBox .img-k {
	background-color: rgba(0, 0, 0, 0.2);
}

.urnBox .urnBoxFlex {
	display: flex;
	flex-direction: column;
}

.urnBox .urnBoxHead {
	display: flex;
	margin-top: 12px;
	justify-content: space-between;
}

.urnBox .urnBoxHeadSol {
	display: flex;
	flex-direction: column;
}

.urnBox .urnBoxBaslik {
	font-family: var(--baslik-font);
	font-size: 1.1rem;
	line-height: 1.05;
	margin-bottom: 6px;
}

.urnBox .urnBoxOzet {
	font-size: 0.8rem;
	margin-bottom: 0;
}

.urnBox .urnBoxHeadSag {
	display: flex;
	flex-direction: column;
}

.urnBox .urnBoxFiyat {
	font-family: var(--baslik-font);
	font-size: 1.1rem;
	line-height: 1.05;
	letter-spacing: -1px;
	text-align: right;
	margin-left: 10px;
	white-space: nowrap;
}

/* Sepete Ekle */
.urnBox .aSepeteEkle {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: var(--ikinci-color);
	color: #fff;
	border: none;
	z-index: 100;
	border-radius: 0;
	width: 3rem;
	height: 3rem;
	font-size: 1.8rem;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}


.urnBoxEtiketleri {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 3;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.urnBoxEtiketleri span {
	font-size: .8rem;
	line-height: 1;
	padding: 5px;
	font-family: var(--baslik-font);
	color: var(--ikinci-color);
	background-color: var(--ucuncu-color);
	text-align: center;
}

.urnBoxEtiketleri span.aUrunYeni {}

.urnBoxEtiketleri span.aUrunIndirim {}

/* Sayfalama */
.paginationKap {
	Width: 100%;
	display: flex;
	justify-content: center;
}

ul.pagination {
	list-style: none;
	margin: 16px 0;
	float: right;
}

ul.pagination li {
	display: inline;
	background: none;
	padding: 0;
	list-style: none;
}

ul.pagination li a {
	display: block;
	float: left;
	padding: .3rem .6rem;
	margin-left: .5rem;
	border: 1px solid #333;
}

ul.pagination li.current a {
	background: #333;
	color: #fff;
}

ul.pagination li a:hover {
	background: #000;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* filtre */
.filtrem {
	padding: 0;
}

.filtreBaslik {
	color: #333;
	text-decoration: none;
	padding: 0;
}

.filtreOzellik {
	color: #666;
	margin-bottom: 12px;
	font-size: .9rem;
}

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

@media only screen and (min-width:900px) and (max-width:1367px) {

	#buttonList,
	#buttonListLite {
		display: none;
	}

	.urnBox .urnBoxHead {
		display: flex;
		flex-direction: column;
		margin-top: 6px;
	}

	.urnBox .urnBoxHeadSol {}

	.urnBox .urnBoxBaslik {}

	.urnBox .urnBoxOzet {
		margin-bottom: 6px;
	}

	.urnBox .urnBoxFiyat {
		text-align: left;
		margin-left: 0;
	}

	.urnBox .aSepeteEkle {
		width: 2rem;
		height: 2rem;
		font-size: 1.4rem;
	}

	.urnBox[class*="aCol-"] {
		width: 25%;
		margin-bottom: 6px;
		margin-top: 6px;
	}
}

@media only screen and (min-width:600px) and (max-width:899px) {

	#buttonList,
	#buttonListLite {
		display: none;
	}

	.urnBox .urnBoxHead {
		display: flex;
		flex-direction: column;
		margin-top: 6px;
	}

	.urnBox .urnBoxHeadSol {}

	.urnBox .urnBoxBaslik {}

	.urnBox .urnBoxOzet {
		margin-bottom: 6px;
	}

	.urnBox .urnBoxFiyat {
		text-align: left;
		margin-left: 0;
	}

	.urnBox .aSepeteEkle {
		width: 2rem;
		height: 2rem;
		font-size: 1.4rem;
	}

	.urnBox[class*="aCol-"] {
		width: 50%;
		margin-bottom: 6px;
		margin-top: 6px;
	}

}

@media only screen and (min-width:0) and (max-width:599px) {

	#buttonList,
	#buttonListLite {
		display: none;
	}

	form#urunSiraM select {
		width: 100px;
		font-size: 1rem;
	}

	form#urunSiraM select#orderBy {
		width: 100px;
	}

	.katMenuM li a {
		padding: 0 8px;
		font-size: 0.9rem;
		line-height: 1.8;
	}

	.urnBox .urnBoxHead {
		display: flex;
		flex-direction: column;
		margin-top: 6px;
	}

	.urnBox .urnBoxHeadSol {}

	.urnBox .urnBoxBaslik {}

	.urnBox .urnBoxOzet {
		margin-bottom: 6px;
	}

	.urnBox .urnBoxFiyat {
		text-align: left;
		margin-left: 0;
	}

	.urnBox .aSepeteEkle {
		width: 2rem;
		height: 2rem;
		font-size: 1.4rem;
	}

	.urnBox[class*="aCol-"] {
		width: 50%;
		margin-bottom: 6px;
		margin-top: 6px;
	}
}

/* ÜRÜN DETAY SAYFASI
------------------------------------- */
.urunGaleri {
	position: relative;
	width: 50%;
	display: flex;
	padding: var(--paddingContent);
	box-sizing: border-box;
}

/* galeri 2  (�r�n resimleri 2 - lib.php -> urunKucukResimGoster2 ) */
.resimKucuk {
	width: 20%;
	padding-right: 8px;
	box-sizing: border-box;
}

.gall {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: auto;
}

.gall li {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border: 2px solid var(--dorduncu-color);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	cursor: pointer;
}

.gall li img {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	cursor: pointer;
}

.gall li.current {
	border: 2px solid var(--besinci-color);
}

.gall-content {
	position: relative;
	display: none;
	margin: 0;
	padding: 0;
}

.gall-content img {}

.gall-content.current {
	display: inherit;
}

.resimBuyuk {
	width: 80%;
}

.resimBuyuk img {
	position: relative;
	width: 100%;
	margin: 0 auto;
}



.urunDetay {
	width: 50%;
	display: flex;
	flex-direction: column;
	padding: var(--paddingContent);
	box-sizing: border-box;
}

/* Ürün Başlığı */
.urunDetay h1 {
	color: var(--ikinci-color);
	font-size: 3rem;
	line-height: 1.05;
	margin-bottom: 16px;
	letter-spacing: 0;
	font-weight: 400;
}

/* Tat Notu — pill etiket */
.udTatNotuKap {
	margin-bottom: 20px;
}

.urunDetay .listeDetay {
	color: var(--besinci-color);
	font-family: var(--metin-font);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border: 1px solid var(--dorduncu-color);
	display: inline-block;
	padding: 5px 14px;
	margin-bottom: 0;
	line-height: 1.6;
}

/* Fiyat Bloku */
.urunDetay .aFiyatlarKutu {
	margin-bottom: 24px;
}

.urunDetay .aFiyatKDVHaric {
	font-size: 0.9rem;
	font-weight: 400;
	color: #999;
	margin-bottom: 8px;
	line-height: 1.2;
}

.udFiyatAyrac {
	width: 40px;
	height: 2px;
	background-color: var(--dorduncu-color);
	margin-bottom: 10px;
}

.urunDetay .aFiyatTL {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--ikinci-color);
	line-height: 1.1;
	margin-bottom: 4px;
	letter-spacing: -0.5px;
}

.urunDetay .aFiyatTL small {
	font-size: 0.8rem;
	font-weight: 500;
	color: #999;
	letter-spacing: 0.05em;
	margin-left: 4px;
}

.urunDetay .aPiyasaFiyat {
	font-size: 0.9rem;
	font-weight: 400;
	color: #bbb;
	text-decoration: line-through;
	margin-bottom: 0;
}

/* Varyant seçim alanı */
.udSecimKap {
	margin-bottom: 24px;
}

.udSecimKap table.urunSecimTable {
	width: 100%;
	border: none;
}

.udSecimKap table.urunSecimTable tr {
	display: flex;
	flex-direction: column;
	margin-bottom: 18px;
	border: none;
}

.udSecimKap table.urunSecimTable td {
	border: none;
	padding: 0;
}

.udSecimKap table.urunSecimTable td:nth-child(2) {
	display: none;
}

.udSecimKap table.urunSecimTable div.UrunSecenekleriHeader,
.udSecimKap table.urunSecimTable td:first-child,
.udSecimKap .UrunSecenekleriHeader {
	font-family: 'Inter', sans-serif;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #594436;
	margin-bottom: 10px;
	padding: 0;
	border: none;
	background: transparent;
}

.udSecimKap .urunSecimWrap {
	margin-bottom: 18px;
}

.udSecimKap table.urunSecimTable ul.urunSecim {
	display: none !important;
}

.udSecimKap .arc-detay-var-select {
	display: block;
	width: 100%;
	padding: 16px 48px 16px 18px;
	font-family: 'Inter', sans-serif;
	font-size: 1.08rem;
	font-weight: 500;
	line-height: 1.4;
	color: #181516;
	background-color: #fff;
	border: 1.5px solid #d5c6bc;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 10 6'%3E%3Cpath fill='%23b1947f' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 18px center;
	cursor: pointer;
	outline: none;
	box-sizing: border-box;
	transition: border-color 0.15s;
}

.udSecimKap .arc-detay-var-select option {
	font-size: 1.05rem;
	font-weight: 500;
}

.udSecimKap .arc-detay-var-select:focus {
	border-color: #b1947f;
}

.udSecimKap .arc-detay-var-select.is-invalid {
	border-color: #9b2226;
	box-shadow: 0 0 0 3px rgba(155, 34, 38, 0.12);
}

.udSecimKap .arc-detay-var-select:disabled {
	opacity: 0.45;
	cursor: not-allowed;
	background-color: #faf7f5;
}

/* Adet + Sepete Ekle — yan yana */
.urunDetay .aButonlarKutu {
	margin-bottom: 28px;
}

.udAdetSepetRow {
	display: flex;
	align-items: stretch;
	gap: 12px;
	width: 100%;
}

.aAdetKap {
	border: 2px solid var(--ikinci-color);
	display: flex;
	width: max-content;
	flex-shrink: 0;
}

.aAdetKap form {
	display: flex;
}

.aMinus,
.aPlus {
	font-size: 1.4rem;
	line-height: 1;
	padding: 0 18px;
	min-height: 52px;
	cursor: pointer;
	display: flex;
	align-items: center;
	color: var(--ikinci-color);
	text-decoration: none;
	user-select: none;
}

.aMinus:hover,
.aPlus:hover {
	background-color: var(--ucuncu-color);
}

.urunSepeteEkleAdet {
	font-size: 1rem;
	line-height: 1;
	width: 52px;
	min-height: 52px;
	text-align: center;
	border: none;
	border-left: 1px solid var(--dorduncu-color);
	border-right: 1px solid var(--dorduncu-color);
	background-color: transparent;
	outline: none;
	font-family: var(--metin-font);
	color: var(--ikinci-color);
}

.urunDetay .aSepeteEkle {
	flex: 1;
	background-color: var(--ikinci-color);
	color: #fff;
	border: none;
	border-radius: 0;
	font-family: var(--metin-font);
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease;
	padding: 0 32px;
	min-height: 52px;
}

.urunDetay .aSepeteEkle:hover {
	background-color: var(--besinci-color);
	color: #fff;
}

/* Meta bilgiler (onDetay) — ayraçlı tablo */
.urunDetay .onDetay {
	margin-bottom: 20px;
}

.urunDetay .onDetay p,
.urunDetay .onDetay div {
	font-size: 0.88rem;
	color: #555;
	padding: 10px 0;
	border-bottom: 1px solid var(--dorduncu-color);
	margin-bottom: 0;
	line-height: 1.4;
}

.urunDetay .onDetay p:first-child,
.urunDetay .onDetay div:first-child {
	border-top: 1px solid var(--dorduncu-color);
}

.urunDetay .onDetay strong,
.urunDetay .onDetay b {
	color: var(--ikinci-color);
	font-weight: 600;
	min-width: 120px;
	display: inline-block;
}

/* Ürün Detay Git linki — subtle */
.urunDetay .urunDetayGit {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #999;
	cursor: pointer;
	transition: color 0.3s;
	margin-top: 4px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	gap: 6px;
}

.urunDetay .urunDetayGit:hover {
	color: var(--besinci-color);
}

.urunDetay .urunDetayGit i {
	font-size: 0.7rem;
}

/* Diğer */
.urunDetay .aSorunuz {
	border: none;
	border-bottom: 2px solid var(--ikinci-color);
	padding-bottom: 2px;
	font-family: var(--baslik-font);
	font-size: 1.8rem;
	line-height: 1.2;
	text-align: left;
	margin-bottom: 16px;
	transition: all .5s;
	border-radius: 0;
	width: auto;
	cursor: pointer;
}

.urunDetay .aSorunuz:hover {
	color: var(--besinci-color);
}

.urunEtiketleri {
	position: absolute;
	width: 60px;
	right: 16px;
	top: 8px;
	display: flex;
	flex-direction: column;
	z-index: 1;
}

.urunEtiketleri img {
	margin: 0 0 5px 0;
	width: 100%;
	background-color: var(--ucuncu-color);
}

.urunEtiketleri span {
	font-size: .8rem;
	line-height: 1.2rem;
	width: 100%;
	text-align: center;
	font-weight: 400;
	margin: 0 0 5px 0;
}

.yerli-uretim {
	display: none;
}

.aKullSecenekleri {
	background-color: #f9f9f9;
	margin-bottom: 10px;
	padding: 16px;
}

.tel-whatsapp {
	position: relative;
	margin-bottom: 20px;
	width: 100%;
}

.hizliButon {
	float: left;
	border: 1px solid #eee;
	padding: .5rem 1rem;
	margin: 0 5px 5px 0;
	border-radius: 3px;
	background-color: #fff;
	color: #222;
	font-size: 1rem;
	font-weight: 400;
}

.hizliWhatsapp {
	color: #198754;
}

.hizliTel {
	color: #333;
}

.urunTab {
	position: relative;
	width: 100%;
}

/* Ürün detay açıklama alanı */
.arc-urun-aciklama {
	max-width: 820px;
	margin: 0.25rem 0 0;
	color: #181516;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 1rem;
	line-height: 1.75;
}
.arc-urun-aciklama p {
	margin: 0 0 1rem;
	text-align: justify;
}
.arc-urun-aciklama p:last-child { margin-bottom: 0; }
.arc-urun-aciklama h2,
.arc-urun-aciklama h3,
.arc-urun-aciklama h4 {
	font-family: 'Karrik', Georgia, serif;
	font-weight: 400;
	color: #181516;
	margin: 1.5rem 0 0.75rem;
	line-height: 1.25;
}
.arc-urun-aciklama h2 { font-size: 1.6rem; }
.arc-urun-aciklama h3 { font-size: 1.3rem; }
.arc-urun-aciklama ul {
	list-style: circle inside;
	margin: 0 0 1rem;
	padding: 0;
}
.arc-urun-aciklama ol {
	list-style: decimal inside;
	margin: 0 0 1rem;
	padding: 0;
}
.arc-urun-aciklama a { color: #b1947f; text-decoration: underline; }
.arc-urun-aciklama img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 1.25rem 0;
}
.urunTab .modTitleSol {
	margin-bottom: 0.5rem;
}

ul.tabss {
	margin: 0 0 24px 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}

ul.tabss li {
	position: relative;
	font-size: 1.2rem;
	font-weight: 400;
	padding: 10px;
	margin: 0 5px;
	cursor: pointer;
	border: 2px solid var(--ikinci-color);
	color: var(--ikinci-color);
}

ul.tabss li.secili {
	background-color: var(--ikinci-color);
	color: var(--ucuncu-color);
}

.tab-icerik {
	width: 100%;
	display: none;
	padding: 16px 0;
}

.tab-icerik.secili {
	display: block;
}

.tab-icerik p {
	text-align: justify;
}

.tab-icerik ul {
	list-style: circle inside;
}

.tab-icerik ol {
	list-style: decimal inside;
}

@media only screen and (min-width:900px) and (max-width:1367px) {
	.urunDetay h1 {
		font-size: 2.6rem;
	}
}

@media only screen and (min-width:600px) and (max-width:899px) {
	.urunGaleri {
		width: 100%;
		margin-bottom: 32px;
	}

	.urunDetay {
		width: 100%;
		margin-bottom: 32px;
	}

	.urunDetay h1 {
		font-size: 2.4rem;
	}

	.urunDetay .listeDetay {
		font-size: 0.75rem;
	}

	.urunDetay .onDetay p,
	.urunDetay .onDetay div {
		font-size: 0.85rem;
	}

	.urunDetay .aFiyatlarKutu {
		margin-bottom: 16px;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {
	.urunGaleri {
		width: 100%;
		margin-bottom: 32px;
	}

	.urunDetay {
		width: 100%;
		margin-bottom: 32px;
	}

	.urunDetay h1 {
		font-size: 2rem;
	}

	.urunDetay .listeDetay {
		font-size: 0.75rem;
	}

	.urunDetay .onDetay p,
	.urunDetay .onDetay div {
		font-size: 0.82rem;
	}

	.urunDetay .aFiyatTL {
		font-size: 2rem;
	}

	.urunDetay .aFiyatlarKutu {
		margin-bottom: 16px;
	}

	.udAdetSepetRow {
		flex-direction: column;
	}

	.urunDetay .aSepeteEkle {
		padding: 14px 24px;
		flex: unset;
		width: 100%;
	}
}




/* OWL
------------------------------------- */
/* owl Ürün */
.owlUrun {
	width: 100%;
}

.owlUrun .owl-nav {}

.owlUrun .owl-nav button.owl-prev,
.owlUrun .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	color: #333;
	font-size: 20px;
	border: 1px solid #eee;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	cursor: pointer;
	border-radius: 0;
}

.owlUrun .owl-nav button.owl-prev {
	left: -20px;
}

.owlUrun .owl-nav button.owl-next {
	right: -20px;
}

.owlUrun .owl-nav button:hover {
	background: #222;
	color: #fff;
	border-color: #222;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.owlUrun .urnBox {
	margin-bottom: 0;
	margin-top: 0;
}

.owlUrun .urnBox[class*="aCol-"] {
	width: 100%;
	margin-bottom: 0;
	margin-top: 0;
}

.modulSecmeUrunlerList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

@media only screen and (min-width:900px) and (max-width:1367px) {}

@media only screen and (min-width:600px) and (max-width:899px) {}

@media only screen and (min-width:0) and (max-width:599px) {}

/* slayt-ana sayfa */

#slaytim {
	position: relative;
	width: 100%;
	max-width: 1400px;
	padding: 0;
	z-index: 1;
	margin: 0 auto;
	margin-top: 96px;
}

.slaytOge {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	z-index: 1;
}

.slaytContent {
	position: relative;
	width: 40%;
}

.slaytContent h1 {
	color: #215ba7;
	font-size: 2.2rem;
	font-weight: 400;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.slaytContent p {
	color: #222;
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0;
	font-weight: 400;
	margin-bottom: 1.5rem;
}

.slaytContent .btnSlayt {
	font-weight: 400;
	padding: 0;
	font-size: 1.1rem;
	line-height: 1.5;
	border: none;
	border-radius: 0;
	cursor: pointer;
	margin-bottom: 1.5rem;
	color: #215ba7;
	border-bottom: 1px solid #215ba7;
}

.slaytAra {
	width: 10%;
}

.slaytImg {
	position: relative;
	width: 50%;
	aspect-ratio: 16 / 9;
}

.slaytImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slaytImg video {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.owl-item.active .OgeSol {
	animation: .5s .2s slideInLeft both;
}

.owl-item.active .OgeSag {
	animation: .5s .2s slideInRight both;
}

#slaytim .owl-dots {
	display: none;
}

#slaytim .owl-nav {}

#slaytim .owl-nav button.owl-prev,
#slaytim .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	opacity: 0;
	font-size: 24px;
	line-height: 24px;
	width: 24px;
	height: 24px;
	color: #999;
	transition: all .3s ease;
	cursor: pointer;
}

#slaytim .owl-nav button.owl-prev {
	left: -24px;
}

#slaytim .owl-nav button.owl-next {
	right: -24px;
}

#slaytim .owl-nav button.owl-prev:hover,
#slaytim .owl-nav button.owl-next:hover {}

#slaytim:hover .owl-nav button.owl-prev {
	opacity: 1;
}

#slaytim:hover .owl-nav button.owl-next {
	opacity: 1;
}

@media only screen and (min-width:900px) and (max-width:1367px) {
	.slaytContent h1 {
		font-size: 1.6rem;
	}

	.slaytContent p {
		font-size: 1rem;
	}
}

@media only screen and (min-width:600px) and (max-width:899px) {
	#slaytim {
		margin-top: 48px;
	}

	.slaytContent {
		width: 100%;
	}

	.slaytImg {
		position: relative;
		width: 100%;
		aspect-ratio: 16 / 9;
	}

	.slaytAra {
		width: 0;
	}

	.slaytContent h1 {
		font-size: 1.6rem;
	}

	.slaytContent p {
		font-size: 1rem;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {
	#slaytim {
		margin-top: 48px;
	}

	.slaytContent {
		width: 100%;
	}

	.slaytImg {
		position: relative;
		width: 100%;
		aspect-ratio: 16 / 9;
	}

	.slaytAra {
		width: 0;
	}

	.slaytContent h1 {
		font-size: 1.6rem;
	}

	.slaytContent p {
		font-size: 1rem;
	}
}



/* slayt - Kategori banner*/
#slaytKategori {}

#slaytKategori {
	position: relative;
	width: 100%;
	margin-bottom: 16px;
}

#slaytKategori img {
	/*height:500px;object-fit: cover; */
	width: 100%;
}

#slaytKategori .owl-dots {}

#slaytKategori .owl-nav {
	display: none;
}

@media only screen and (min-width:900px) and (max-width:1367px) {
	#slaytKategori img {
		width: auto;
		height: 120px;
		object-fit: cover;
	}
}

@media only screen and (min-width:600px) and (max-width:899px) {
	#slaytKategori img {
		width: auto;
		height: 100px;
		object-fit: cover;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {
	#slaytKategori img {
		width: auto;
		height: 80px;
		object-fit: cover;
	}
}

/* GEZG�N
**************************** */
.gezginKap {}

.gezginKap .aContent {}

ul.gezgin {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

ul.gezgin li {
	color: #555;
	border-top: none;
	font-size: .9rem;
	line-height: 1.5;
	margin: 5px;
	padding: 0;
}

ul.gezgin li a {
	color: #555;
}

ul.gezgin li i {
	color: #555;
	padding: 0 9px 0 3px;
}

ul.gezgin li:hover a {
	color: #555;
}

@media only screen and (min-width:900px) and (max-width:1367px) {}

@media only screen and (min-width:600px) and (max-width:899px) {}

@media only screen and (min-width:0) and (max-width:599px) {
	ul.gezgin {
		/*display:none;*/
	}
}

/* markalar
**************************** */
.markalarKap {
	background-color: #fff;
}

/* liste görünümü */
#listMarkalar {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

#listMarkalar .markaKutu {
	position: relative;
	width: 148px;
	height: 148px;
	margin: 8px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

#listMarkalar .markaKutu img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

#listMarkalar .markaKutu span {
	display: block;
	font-size: 1rem;
	color: #333;
	z-index: 2;
	padding: .5rem;
	background-color: #eee;
	border-radius: 3px;
	z-index: 1;
}

/* owl görünümü */
#owlMarkalar {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#owlMarkalar .markaKutu {
	position: relative;
	width: 112px;
	height: 112px;
	padding: 8px 16px;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

#owlMarkalar .markaKutu img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

#owlMarkalar .markaKutu span {
	display: block;
	font-size: 1rem;
	color: #333;
	z-index: 2;
	padding: .5rem;
	background-color: #eee;
	border-radius: 3px;
	z-index: 1;
}

#owlMarkalar .owl-dots {
	display: none;
}

#owlMarkalar .owl-nav {}

#owlMarkalar .owl-nav button.owl-prev,
#owlMarkalar .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	margin-top: -1rem;
	font-size: 1.2rem;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	color: #999;
	cursor: pointer;
}

#owlMarkalar .owl-nav button.owl-prev {
	left: -.5rem;
}

#owlMarkalar .owl-nav button.owl-next {
	right: -.5rem;
}

#owlMarkalar .owl-nav button.owl-prev:hover,
#owlMarkalar .owl-nav button.owl-next:hover {
	color: #000;
}

@media only screen and (min-width:900px) and (max-width:1367px) {}

@media only screen and (min-width:600px) and (max-width:899px) {
	#listMarkalar .markaKutu {
		width: 96px;
		height: 96px;
	}

	#listMarkalar .markaKutu span {
		font-size: .8rem;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {
	#listMarkalar .markaKutu {
		width: 96px;
		height: 96px;
	}

	#listMarkalar .markaKutu span {
		font-size: .7rem;
	}
}


/* BLOG/MAKALE (MakaleListShow-MakaleGoster)
------------------------------------- */
/* MakaleListShow */
.makaleKutu {
	margin-top: 12px;
	margin-bottom: 12px;
}

.makaleKutu .aContent {
	position: relative;
	display: flex;
	flex-direction: column;
}

.makaleKutu .img-y {
	margin-bottom: 24px;
}

.makaleKutu h2 {}

.makaleKutu p {
	text-align: justify;
}

/* MakaleGoster */
.makaleGoster {
	width: 100%;
}

.makaleGoster .aContent {
	position: relative;
	display: flex;
	flex-direction: column;
}

.makaleGoster .img-y {
	width: 500px;
	max-width: 100%;
	margin-bottom: 24px;
}

.makaleGoster p {
	text-align: justify;
}

@media only screen and (min-width:900px) and (max-width:1367px) {}

@media only screen and (min-width:600px) and (max-width:899px) {}

@media only screen and (min-width:0) and (max-width:599px) {}

/* HABER (HaberListShow-HaberGoster)
------------------------------------- */
/* 
HaberListShow
.sp-haber-ic-list arc hbar listelemede otomatik bu classı kullanıyor. temaya göre güncelledik. */
ul.sp-haber-ic-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}

.sp-haber-ic-list time {
	float: none;
}

/* HaberListShow */
.haberKutu {
	margin-top: 12px;
	margin-bottom: 12px;
}

.haberKutu .aContent {
	position: relative;
	display: flex;
	flex-direction: column;
}

.haberKutu .img-y {
	margin-bottom: 24px;
}

.haberKutu h2 {}

/* HaberGoster */
.haberGoster {
	width: 100%;
}

.haberGoster .aContent {
	position: relative;
	display: flex;
	flex-direction: column;
}

.haberGoster .img-y {
	width: 500px;
	max-width: 100%;
	margin-bottom: 24px;
}

.haberGoster .p {
	text-align: justify;
}

@media only screen and (min-width:900px) and (max-width:1367px) {}

@media only screen and (min-width:600px) and (max-width:899px) {}

@media only screen and (min-width:0) and (max-width:599px) {}

/* Galeri - flex
----------------------------*/
.flexGalKap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.flexGalOge {
	width: 25%;
	margin-bottom: 16px;
}

.flexGalOge .aContent {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.flexGalOge .flexGalOgeTit {
	font-size: 1rem;
	font-weight: 400;
	padding: 10px 0;
}

.flexGalOge .flexGalOgeDesc {
	font-size: .9rem;
}

@media only screen and (min-width:900px) and (max-width:1367px) {}

@media only screen and (min-width:600px) and (max-width:899px) {
	.flexGalOge {
		width: 50%;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {
	.flexGalOge {
		width: 80%;
	}
}


.iyzico-footer {
	display: flex;
	/* Flexbox yapısını etkinleştirir */
	justify-content: center;
	/* İçeriği yatay eksende ortalar */
	align-items: center;
	/* İçeriği dikey eksende ortalar (isteğe bağlı) */
	width: 100%;
	/* Footer'ın tüm genişliği kaplamasını sağlar */
}

.iyzico-footer img {
	width: 100%;
	max-width: 600px;
	height: auto;
	/* Resmin oranının bozulmaması için eklenmesi önerilir */
}

/* FOOTER
------------------------------------- */
.footerKap {
	background-color: var(--ikinci-color);
}

.footer {}

.footer .aContent {
	padding: 0 16px;
}

.footer h3 {
	position: relative;
	color: var(--birinci-color);
	margin-bottom: 64px;
	font-size: 2.4rem;
	line-height: 1.2;
}

.footer h3 a {
	color: #000;
}

.footer h4 {}

.footer h4 a {}

.aBultenKayit {
	width: 100%;
	max-width: 600px;
}

.aBultenKayit form {
	display: flex;
	align-items: center;
	border-bottom: 2px solid var(--birinci-color);
	padding-bottom: 5px;
	margin-bottom: 20px;
	background: none;
}

.aBultenInput {
	flex: 1;
	border: none !important;
	background: none !important;
	outline: none;
	padding: 0 0.5rem;
	font-size: 1.8rem;
	line-height: 3rem;
	color: var(--birinci-color);
	font-weight: 400;
}

.aBultenInput::placeholder {
	color: var(--birinci-color);
	font-weight: normal;
	font-style: normal !important;
	font-family: var(--metin-font);
}

.aBultenKayit button {
	border: none !important;
	background: none !important;
	color: var(--birinci-color);
	font-family: var(--baslik-font);
	cursor: pointer;
	white-space: nowrap;
	padding: 0 0.5rem;
	display: flex;
	align-items: center;
}

.aBultenKayit button i {
	font-size: 1.4rem;
	margin-left: 1rem;
}

.aBultenKayit button span {
	font-size: 1.8rem;
	line-height: 3rem;
}

.aBultenKayit button:hover {
	opacity: 0.7;
}

.aBultenKayit p {
	text-align: left;
	font-size: 0.8rem;
	color: var(--birinci-color);
}

.aBultenKayit p a {
	color: var(--birinci-color);
}

.aBultenKayit p a:hover {
	text-decoration: underline;
}

.footerCoffeeArc {
	width: 100%;
	margin-top: 72px;
}

.footerCoffeeArc img {
	height: 50px;
}

.footerFlex {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 24px;
}

.footerMenuKolon {}

ul.footerList {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--baslik-font);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}

ul.footerList li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.8rem;
	line-height: 2;
	width: 100%;
}

ul.footerList li a {
	margin: 0;
	padding: 0;
	color: var(--birinci-color);
	text-decoration: none;
	display: block;
}

ul.footerList li a:hover {
	text-decoration: underline;
}

ul.footerList li li a {
	color: var(--birinci-color);
}

.footerAlt {
	background-color: var(--ikinci-color);
}

.footerAlt .aContent {}

.footerAltFlex {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 2px solid var(--birinci-color);
	padding: 24px 0;
}

ul.footerList2 {
	display: flex;
	flex-wrap: wrap;
	order: 1;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.footerList2 li {
	position: relative;
	margin: 0;
	padding: 0 .8rem 0 0;
	list-style: none;
	font-size: 0.8rem;
	line-height: 2;
}

ul.footerList2 li a {
	margin: 0;
	padding: 0;
	color: var(--birinci-color);
	text-decoration: none;
}

ul.footerList2 li a:hover {
	text-decoration: underline;
}

ul.footerList2 li li {
	display: none;
}

.footerAlt p {
	margin: 0;
	text-align: right;
	order: 2;
	color: var(--birinci-color);
	font-size: .8rem;
}

.footerAlt p a {
	color: var(--birinci-color);
}


@media only screen and (min-width:900px) and (max-width:1367px) {

	.footer h3 {
		position: relative;
		color: var(--birinci-color);
		margin-bottom: 56px;
		font-size: 2.2rem;
	}

	ul.footerList li {
		font-size: 1.7rem;
	}

	.aBultenInput {
		font-size: 1.6rem;
		line-height: 2.6rem;
	}

	.aBultenKayit button i {
		font-size: 1.3rem;
		margin-left: 0;
	}

	.aBultenKayit button span {
		display: none;
	}

	.footerCoffeeArc {
		margin-top: 56px;
	}
}

@media only screen and (min-width:600px) and (max-width:899px) {
	.footer .aContent {
		margin-bottom: 24px;
	}

	.footer h3 {
		position: relative;
		color: var(--birinci-color);
		margin-bottom: 40px;
		font-size: 2rem;
	}

	.footerMenuKolon.aCol-3-12 {
		width: 50%;
	}

	ul.footerList {
		text-align: left;
	}

	ul.footerList li {
		font-size: 1.6rem;
	}

	.aBultenInput {
		font-size: 1.5rem;
		line-height: 2.3rem;
	}

	.aBultenKayit button i {
		font-size: 1.2rem;
		margin-left: 0;
	}

	.aBultenKayit button span {
		display: none;
	}

	.footerCoffeeArc {
		margin-top: 40px;
	}

	.footerAltFlex {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {
	.footer .aContent {
		margin-bottom: 24px;
	}

	.footer h3 {
		position: relative;
		color: var(--birinci-color);
		margin-bottom: 24px;
		font-size: 1.8rem;
	}

	.footerMenuKolon.aCol-3-12 {
		width: 50%;
	}

	ul.footerList {
		text-align: left;
	}

	ul.footerList li {
		font-size: 1.5rem;
	}

	.aBultenInput {
		font-size: 1.4rem;
		line-height: 2rem;
	}

	.aBultenKayit button i {
		font-size: 1.1rem;
		margin-left: 0;
	}

	.aBultenKayit button span {
		display: none;
	}

	.footerCoffeeArc {
		margin-top: 24px;
	}

	.footerAltFlex {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

}


/* basicKategori
------------------------------------- */
/* Ana Menü Çerçevesi */
.basicKategori,
.basicKategori ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 250px;
	background: #fff;
	border: 1px solid #eee;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.basicKategori li {
	position: relative;
	border-bottom: 1px solid #f9f9f9;
}

.basicKategori li a {
	display: block;
	padding: 12px 15px;
	text-decoration: none;
	color: #444;
	font-size: 14px;
	transition: all 0.3s ease;
}

.basicKategori li.selected>a {
	text-decoration: underline;
	color: #000;
}

.basicKategori li a:hover {
	color: #007bff;
}

.basicKategori li a.aktif {
	font-weight: bold;
}

.basicKategori li ul {
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	z-index: 999;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.basicKategori li:hover>ul {
	display: block;
}

.basicKategori li a.arrow::after {
	content: '▶';
	font-size: 10px;
	float: right;
	margin-top: 3px;
	color: #ccc;
}

.basicKategori li:last-child {
	border-bottom: none;
}

.PageBody {}

/* FORM — global (auth sayfaları hariç; onlar modal dilinde ayrı stillenir) */
.sf-form-container {
	background: transparent !important;
}

.sf-text-label {
	display: none !important;
}

.sf-form-input,
.sf-form-select {
	background: transparent !important;
	color: var(--ikinci-color) !important;
	font-size: 1.2rem !important;
	border: none !important;
	border-bottom: 1px solid var(--ikinci-color) !important;
	border-radius: 0 !important;
	padding: 10px 5px !important;
	margin: 5px 0 !important;
}

.sf-form-textarea {
	background: transparent !important;
	color: var(--ikinci-color) !important;
	font-size: 1.2rem !important;
	border: 1px solid var(--ikinci-color) !important;
	border-radius: 0 !important;
	padding: 10px 5px !important;
	margin: 5px 0 !important;
}

.sf-button {
	padding: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 2px !important;
	color: var(--ikinci-color);
	font-size: 1.8rem !important;
	border: none !important;
	border-bottom: 2px solid var(--ikinci-color) !important;
	background-color: transparent !important;
	font-weight: normal !important;
	line-height: 1.2 !important;
}

.sf-form-input::placeholder,
.sf-form-textarea::placeholder {
	color: var(--ikinci-color) !important;
	font-size: 1.2rem !important;
	font-weight: 500 !important;
}

form.formv3 .sf-form-container ul li {
	width: 100% !important;
	margin-right: 0 !important;
}

form.formv3 .sf-form-item-fullwidth .sf-form-textarea {
	width: 80% !important;
}


/* kategori */
.filterCheck {
	text-transform: none;
}

/* filterlerdeki küçük harfe dönüştürmeyi kaldırmak için */

/* sepet */
.basket-button .green-button {
	border: 1px solid #215ba7 !important;
	background: #215ba7 !important;
}

.basket-button .green-button:hover {
	border: 1px solid #000 !important;
	background: #000 !important;
}

.basket-right ul li.tutar span {
	color: #215ba7 !important;
}

.basket-title div span {
	color: #215ba7 !important;
}

.cat-slider-fiyat {
	color: #215ba7 !important;
}

.hizli-button-siparis {
	background-color: #215ba7;
}

/* login */
#divUyeGirisForm button.userLoginBtn {
	background-color: #215ba7 !important;
}

.register-tab label.active {
	background-color: #181516 !important;
	color: #ede8e6 !important;
}

/* ürün detay */
table.urunSecimTable {
	border: none;
}

table.urunSecimTable th.UrunSecenekleri {
	display: none;
}

table.urunSecimTable tr {
	border: none;
}

table.urunSecimTable div.UrunSecenekleriHeader {
	border: none;
}

table.urunSecimTable ul.urunSecim {
	border: none;
	display: flex;
	flex-wrap: wrap;
}

table.urunSecimTable ul.urunSecim li {
	border: 2px solid var(--ikinci-color) !important;
	background-color: transparent !important;
	color: var(--ikinci-color);
	border-radius: 0 !important;
	font-size: 1.2rem;
}

table.urunSecimTable ul.urunSecim li.urun-var-resim {
	width: unset;
	min-height: unset;
}

table.urunSecimTable ul.urunSecim li.selected {
	background-color: var(--ikinci-color) !important;
	color: #fff;
}

table.urunSecimTable ul.urunSecim li.urun-var-resim img {
	display: none;
}

table.urunSecimTable td {
	border: none;
	padding: 3px 3px 3px 0px;
}

table.urunSecimTable td select {
	border: none;
	padding: 3px;
	border-radius: 3px;
}

.taksitGosterim {
	width: 32.3%;
	margin-right: 1%;
	margin-bottom: 10px;
}

.taksit-container {
	width: 100%;
}

.genel_taksitDiv {
	font-weight: 400;
	font-size: .9rem;
}

@media only screen and (min-width:900px) and (max-width:1367px) {}

@media only screen and (min-width:600px) and (max-width:899px) {
	table.urunSecimTable ul.urunSecim li {
		font-size: 1rem;
	}

	.taksitGosterim {
		width: 49%;
		margin-right: 1%;
	}
}

@media only screen and (min-width:0) and (max-width:599px) {
	table.urunSecimTable ul.urunSecim li {
		font-size: 1rem;
	}

	.taksitGosterim {
		width: 100%;
		margin-right: 0;
	}
}

#tel-birakin {
	display: none;
}

/* BACKGROUND - COLOR 
------------------------------------- */
.bg-blue {
	background-color: #4096ca;
}

.bg-red {
	background-color: #d62323;
}

.bg-orange {
	background-color: #fd4b37;
}

.bg-yellow {
	background-color: #ffc107;
}

.bg-green {
	background-color: #0c7242;
}

.bg-white {
	background-color: #fff;
}

.bg-gray {
	background-color: #6c757d;
}

.bg-gray-dark {
	background-color: #343a40;
}

.bg-success {
	background-color: #198754;
}

.bg-info {
	background-color: #0dcaf0;
}

.bg-warning {
	background-color: #ffc107;
}

.bg-danger {
	background-color: #dc3545;
}

.bg-light {
	background-color: #eee;
}

.bg-dark {
	background-color: #212529;
}

.bg-black {
	background-color: #000;
}

.bg-brown {
	background-color: #974a02;
}

.bg-primary {
	background-color: #b1947f;
}

.bg-secondary {
	background-color: #191516;
}

.bg-third {
	background-color: #d6c7bd;
}




.color-blue {
	color: #4096ca;
}

.color-red {
	color: #d62323;
}

.color-orange {
	color: #fd4b37;
}

.color-yellow {
	color: #ffc107;
}

.color-green {
	color: #198754;
}

.color-white {
	color: #fff;
}

.color-gray {
	color: #6c757d;
}

.color-gray-dark {
	color: #343a40;
}

.color-success {
	color: #198754;
}

.color-info {
	color: #0dcaf0;
}

.color-warning {
	color: #ffc107;
}

.color-danger {
	color: #dc3545;
}

.color-light {
	color: #eee;
}

.color-dark {
	color: #212529;
}

.color-black {
	color: #000;
}

.color-brown {
	color: #974a02;
}

.color-primary {
	color: #b1947f;
}

.color-secondary {
	color: #191516;
}

.color-third {
	color: #d6c7bd;
}

/*


3.4		3.2	    3	    2.4		1		1.8		72		*
2.8		2.8		2.6     2.2		1		1.7 	56		152		 
2.4		2.4		2.3     2		0.8		1.6		40		140
2		2		2       1.8		0.8		1.5		24		128

*/

/* ── Hızlı Ürün Popup: Fancybox çerçeve overrides ─────────────────────── */
.fancybox-wrap {
	border-radius: 0 !important;
}

.fancybox-inner {
	border-radius: 0 !important;
}

.fancybox-skin {
	background: #ede8e6 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: 0 24px 80px rgba(24, 21, 22, 0.35) !important;
}

.fancybox-overlay {
	background: rgba(24, 21, 22, 0.7) !important;
}

/* Kapat (×) butonu — sprite gizlendi, text-based × gösteriliyor */
a.fancybox-close {
	background-color: #181516 !important;
	background-image: none !important;
	/* orijinal sprite'ı gizle */
	border-radius: 0 !important;
	width: 36px !important;
	height: 36px !important;
	top: -18px !important;
	right: -18px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 20px !important;
	color: #ede8e6 !important;
	font-weight: 300 !important;
	font-family: 'Inter', sans-serif !important;
	text-decoration: none !important;
	line-height: 1 !important;
}

a.fancybox-close::after {
	content: '×';
	display: block;
	color: #ede8e6;
	font-size: 22px;
	font-weight: 300;
	line-height: 1;
}

a.fancybox-close span {
	display: none !important;
}

/* ──────────────────────────────────────────────────────────────────────── */

/* ── SweetAlert2 — ARC Tasarım Overrides (tüm site) ──────────────────── */
.swal2-container,
.arc-swal-container {
	z-index: 9999999 !important;
}

.swal2-popup,
.arc-swal {
	border-radius: 0 !important;
	padding: 1.75rem 1.5rem 1.35rem !important;
	font-family: 'Inter', -apple-system, sans-serif !important;
	background: #ede8e6 !important;
	border: 1px solid #d5c6bc !important;
	box-shadow: 0 20px 56px rgba(24, 21, 22, 0.22) !important;
	max-width: 380px !important;
	width: calc(100% - 2rem) !important;
}

.swal2-popup.arc-swal--toast,
.arc-swal--toast {
	background: #181516 !important;
	border-color: #181516 !important;
	padding: 0.9rem 1.1rem !important;
	max-width: 320px !important;
	box-shadow: 0 12px 32px rgba(24, 21, 22, 0.28) !important;
}

.swal2-icon.swal2-warning,
.arc-swal__icon--warning {
	border-color: #b1947f !important;
	color: #b1947f !important;
	width: 3rem !important;
	height: 3rem !important;
	margin: 0 auto 1rem !important;
}

.swal2-icon.swal2-warning .swal2-icon-content,
.arc-swal__icon--warning .swal2-icon-content {
	color: #b1947f !important;
	font-size: 1.65rem !important;
}

.swal2-icon.swal2-error {
	border-color: #9b2226 !important;
	color: #9b2226 !important;
	width: 3rem !important;
	height: 3rem !important;
	margin: 0 auto 1rem !important;
}

.swal2-icon.swal2-success {
	border-color: #b1947f !important;
	width: 3rem !important;
	height: 3rem !important;
	margin: 0 auto 1rem !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
	background-color: #b1947f !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
	border-color: rgba(177, 148, 127, 0.3) !important;
}

.swal2-icon.swal2-info {
	border-color: #594436 !important;
	color: #594436 !important;
	width: 3rem !important;
	height: 3rem !important;
	margin: 0 auto 1rem !important;
}

.arc-swal--toast .swal2-icon {
	width: 1.5rem !important;
	height: 1.5rem !important;
	margin: 0 0.65rem 0 0 !important;
}

.arc-swal--toast .swal2-title,
.arc-swal--toast .swal2-html-container,
.arc-swal--toast .swal2-content {
	color: #ede8e6 !important;
	text-align: left !important;
}

.swal2-title,
.arc-swal__title {
	font-family: 'Karrik', Georgia, serif !important;
	font-size: 1.35rem !important;
	font-weight: 400 !important;
	color: #181516 !important;
	padding: 0 0 0.4rem !important;
	margin: 0 !important;
	letter-spacing: 0.01em;
	line-height: 1.25 !important;
}

.swal2-html-container,
.swal2-content,
.arc-swal__body {
	font-family: 'Inter', sans-serif !important;
	font-size: 0.9rem !important;
	color: #5c534e !important;
	margin: 0 0 1.35rem !important;
	line-height: 1.6 !important;
}

.arc-swal__body strong {
	color: #181516;
	font-weight: 600;
}

.arc-swal__hint {
	display: inline-block;
	margin-top: 0.35rem;
	font-size: 0.8rem;
	color: #8a7e76;
}

.arc-swal__msg {
	margin: 0;
}

.swal2-actions {
	margin: 0 !important;
	padding: 0 !important;
	gap: 0.5rem !important;
	width: 100%;
	flex-direction: column !important;
}

.swal2-confirm,
.arc-swal__confirm {
	font-family: 'Inter', sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	background: #181516 !important;
	color: #ede8e6 !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0.85rem 1.6rem !important;
	box-shadow: none !important;
	transition: background 0.2s !important;
	width: 100%;
	margin: 0 !important;
}

.swal2-confirm:hover,
.arc-swal__confirm:hover {
	background: #594436 !important;
}

.swal2-confirm:focus,
.arc-swal__confirm:focus {
	box-shadow: none !important;
	outline: 2px solid #b1947f !important;
	outline-offset: 2px !important;
}

.swal2-cancel {
	font-family: 'Inter', sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	background: transparent !important;
	color: #181516 !important;
	border: 1.5px solid #d5c6bc !important;
	border-radius: 0 !important;
	padding: 0.85rem 1.4rem !important;
	box-shadow: none !important;
	transition: background 0.2s !important;
}

.swal2-cancel:hover {
	background: #f7f2ef !important;
}

.swal2-close,
.arc-swal__close {
	color: #8a7e76 !important;
	font-size: 1.5rem !important;
	box-shadow: none !important;
}

.swal2-close:hover,
.arc-swal__close:hover {
	color: #181516 !important;
}

.swal2-timer-progress-bar,
.arc-swal__timer {
	background: #b1947f !important;
}

.arc-swal--toast .swal2-timer-progress-bar {
	background: #b1947f !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   ARC CO — HESABIM MENÜSÜ (form.css override)
   eski sistem .menu_head yapısı
   ══════════════════════════════════════════════════════════════════════════ */

/* Kart grid layout */
#arc-login .menu_list {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
	gap: 10px !important;
	padding-bottom: 30px !important;
	align-items: stretch !important;
}

/* Her kart item */
#arc-login .menu_list .menu_head {
	flex: unset !important;
	padding: 0 !important;
	margin: 0 !important;
	background-color: #fff !important;
	border: 1px solid #e8e0da !important;
	border-bottom: 1px solid #e8e0da !important;
	border-radius: 0 !important;
	cursor: pointer !important;
	transition: background 0.2s, border-color 0.2s, transform 0.15s !important;
	position: relative !important;
}

#arc-login .menu_head:hover,
#arc-login .menu_head.active {
	background-color: #f7f3f0 !important;
	border-color: #b1947f !important;
	transform: translateY(-2px) !important;
}

/* Link içi */
#arc-login .menu_head a {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	padding: 18px 20px !important;
	color: #181516 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.76rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	gap: 10px !important;
}

#arc-login .menu_head:hover a,
#arc-login .menu_head.active a {
	color: #594436 !important;
}

/* FontAwesome ikonlar — ARC kahvesi */
#arc-login .menu_head a::before,
#arc-login .menu_head [class]::before {
	color: #b1947f !important;
	font-size: 1rem !important;
}

/* Çıkış butonu — farklı renk */
#arc-login .menu_head:has(.cikis) {
	border-color: #f0ddd7 !important;
}

#arc-login .menu_head:has(.cikis) a {
	color: #8a4a3a !important;
}

#arc-login .menu_head:has(.cikis):hover {
	background-color: #fdf5f3 !important;
	border-color: #c0705a !important;
}

/* Welcome satırı gizle */
#arc-login .welcome {
	display: none !important;
}

/* Üst dekoratif çizgi */
#arc-login::before {
	content: '' !important;
	display: block !important;
	width: 40px !important;
	height: 2px !important;
	background: #b1947f !important;
	margin-bottom: 24px !important;
}

/* Mobil: tek sütun */
@media (max-width: 600px) {
	#arc-login .menu_list {
		grid-template-columns: 1fr !important;
	}
}

/* ══════════════════════════════════════════════════════════════════════════
   ARC CO — GİRİŞ FORMU override
   Form elemanlarının üzerine yaz
   ══════════════════════════════════════════════════════════════════════════ */

/* Login formu sf-form submitButton'ı */
#main-login-form .sf-submitBtn,
#main-login-form button[type="submit"] {
	background-color: #181516 !important;
	color: #ede8e6 !important;
	border-radius: 0 !important;
	letter-spacing: 0.1em !important;
	font-weight: 700 !important;
	font-size: 0.75rem !important;
	text-transform: uppercase !important;
	transition: background 0.2s !important;
}

#main-login-form .sf-submitBtn:hover,
#main-login-form button[type="submit"]:hover {
	background-color: #594436 !important;
}


/* ──────────────────────────────────────────────────────────────────────── */

/* ══════════════════════════════════════════════════════════════════════════
   ARC CO — HESABIM ALT SAYFALARI
   Üye Bilgilerim · Adreslerim · Siparişlerim · Alarm · Kupon
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Ortak: Hesabım sayfaları genel container ─────────────────────────── */
.page-profile .aRow,
.page-adres .aRow,
.page-showOrders .aRow,
.page-hataBildirim .aRow,
.page-alarmList .aRow,
.page-kuponlar .aRow,
body:not(.page-login) #arc-user-content,
body:not(.page-login) #arc-user-menu {
	font-family: 'Inter', -apple-system, sans-serif;
}

/* ── sf-form Inputlar (tüm hesap formları) ─────────────────────────────── */
.sf-form-input,
.sf-form-textarea,
.sf-form-select {
	max-width: 100% !important;
	width: 100% !important;
	padding: 13px 14px !important;
	border: 1px solid #d5c6bc !important;
	border-radius: 0 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.88rem !important;
	color: #181516 !important;
	background: #fff !important;
	transition: border-color 0.2s !important;
	box-sizing: border-box !important;
}

.sf-form-input:focus,
.sf-form-textarea:focus,
.sf-form-select:focus {
	border-color: #b1947f !important;
	outline: none !important;
	box-shadow: none !important;
}

.sf-form-input::placeholder,
.sf-form-textarea::placeholder {
	color: #bbb !important;
	font-style: normal !important;
}

/* Label */
.sf-text-label {
	font-size: 0.7rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: #9a8a80 !important;
	margin-bottom: 6px !important;
	display: block !important;
}

/* Section başlık */
.sf-form-header {
	font-family: 'Inter', sans-serif !important;
	font-size: 0.7rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: #b1947f !important;
	border-bottom: 1px solid #e8e0da !important;
	padding-bottom: 8px !important;
	margin: 24px 0 16px !important;
}

/* Bireysel / Kurumsal tab butonlar */
.sf-button,
.sf-primary-button,
.sf-neutral-button {
	font-family: 'Inter', sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	border-radius: 0 !important;
	border: none !important;
	padding: 13px 28px !important;
	cursor: pointer !important;
	transition: background 0.2s !important;
	line-height: 1.4 !important;
}

.sf-primary-button {
	background: #b1947f !important;
	color: #fff !important;
}

.sf-primary-button:hover {
	background: #8a6a58 !important;
}

.sf-neutral-button {
	background: #181516 !important;
	color: #ede8e6 !important;
}

.sf-neutral-button:hover {
	background: #594436 !important;
}

/* Tab butonlar (Bireysel / Kurumsal) */
.sf-tab-btn,
a.sf-tab-btn,
button.sf-tab-btn {
	display: inline-block;
	padding: 10px 24px !important;
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	background: #f5f0ec !important;
	color: #594436 !important;
	border: 1px solid #e8e0da !important;
	border-radius: 0 !important;
	cursor: pointer !important;
	text-decoration: none !important;
	transition: background 0.2s, color 0.2s !important;
}

.sf-tab-btn.active,
.sf-tab-btn:hover {
	background: #181516 !important;
	color: #ede8e6 !important;
	border-color: #181516 !important;
}

/* ── ÜYE BİLGİLERİM — Profil formu ─────────────────────────────────────── */
#arc-user-content .arc-form-legacy,
.page-profile .arc-form-legacy {
	width: 100% !important;
	max-width: 680px !important;
}

.arc-form-legacy .td1 {
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #9a8a80 !important;
	padding-right: 20px !important;
	white-space: nowrap !important;
	vertical-align: top !important;
	padding-top: 14px !important;
}

/* ── ADRESLERİM — viewForm tablo ────────────────────────────────────────── */
.viewForm {
	width: 100% !important;
	min-width: 0 !important;
	border-collapse: collapse !important;
}

.viewForm td {
	border-bottom: 1px solid #f0ebe7 !important;
	padding: 14px 16px !important;
	font-size: 0.85rem !important;
	font-family: 'Inter', sans-serif !important;
	color: #181516 !important;
}

.viewForm th,
.viewForm thead td {
	background: #faf7f5 !important;
	border-bottom: 2px solid #e8e0da !important;
	font-size: 0.68rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: #9a8a80 !important;
	padding: 12px 16px !important;
}

.viewForm tr:hover td {
	background: #faf7f5 !important;
}

/* Adres tablosu düzenle/sil ikonları */
.viewForm a[href*="duzenle"],
.viewForm a[href*="adresID"],
.viewForm .icon-duzenle,
.viewForm .icon-sil {
	color: #b1947f !important;
	font-size: 1.1rem !important;
	text-decoration: none !important;
	transition: color 0.2s !important;
}

.viewForm a.text-danger,
.viewForm .icon-sil {
	color: #c0705a !important;
}

/* Yeni Adres Ekle butonu */
a[href*="adres/ekle"],
a.btn-adres-ekle,
.adres-ekle-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-top: 20px !important;
	padding: 13px 24px !important;
	background: #181516 !important;
	color: #ede8e6 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	border: none !important;
	transition: background 0.2s !important;
}

a[href*="adres/ekle"]:hover {
	background: #594436 !important;
	color: #fff !important;
}

/* ── SİPARİŞLERİM — siparisListe() overrides ────────────────────────────── */



















/* Sayfalama */
.dveb_mod .pagination a,
.dveb_mod .pagination span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	border: 1px solid #e8e0da !important;
	background: #fff !important;
	color: #594436 !important;
	font-size: 0.78rem !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: background 0.15s !important;
	border-radius: 0 !important;
}

.dveb_mod .pagination a:hover {
	background: #f7f3f0 !important;
	border-color: #b1947f !important;
}

.dveb_mod .pagination .active,
.dveb_mod .pagination span.current {
	background: #181516 !important;
	color: #fff !important;
	border-color: #181516 !important;
}

/* ── ALARM LİSTESİ ──────────────────────────────────────────────────────── */
.alarm-list-table,
table.tbl-alarm {
	width: 100% !important;
	border-collapse: collapse !important;
}

.alarm-list-table th,
table.tbl-alarm th {
	background: #faf7f5 !important;
	border-bottom: 2px solid #e8e0da !important;
	font-size: 0.68rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: #9a8a80 !important;
	padding: 12px 16px !important;
	text-align: left !important;
}

.alarm-list-table td,
table.tbl-alarm td {
	border-bottom: 1px solid #f0ebe7 !important;
	padding: 14px 16px !important;
	font-size: 0.85rem !important;
	font-family: 'Inter', sans-serif !important;
	color: #181516 !important;
	vertical-align: middle !important;
}

.alarm-list-table tr:hover td,
table.tbl-alarm tr:hover td {
	background: #faf7f5 !important;
}

.alarm-list-table img,
table.tbl-alarm img {
	max-width: 60px !important;
	height: auto !important;
}

/* Alarm silme butonu */
.alarm-list-table .btn-alarm-sil,
table.tbl-alarm a.sil {
	color: #c0705a !important;
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	border: 1px solid #f0ddd7 !important;
	padding: 6px 12px !important;
	display: inline-block !important;
	transition: background 0.2s !important;
}

.alarm-list-table .btn-alarm-sil:hover,
table.tbl-alarm a.sil:hover {
	background: #fdf5f3 !important;
	border-color: #c0705a !important;
}

/* ── KUPON LİSTESİ ──────────────────────────────────────────────────────── */
.indirim-kupon-card {
	background: #fff !important;
	border: 1px solid #e8e0da !important;
	padding: 20px 24px !important;
	margin-bottom: 10px !important;
	position: relative !important;
	overflow: hidden !important;
	transition: border-color 0.2s, transform 0.15s !important;
	align-items: stretch !important;
	gap: 24px !important;
	flex-wrap: wrap !important;
}

.indirim-kupon-card:hover {
	border-color: #b1947f !important;
	transform: translateY(-2px) !important;
}

/* Sol dekoratif çizgi */
.indirim-kupon-card::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 4px !important;
	height: 100% !important;
	background: #b1947f !important;
}

/* Kupon kodu balonu */
.indirim-kupon-card .kupon-kodu {
	font-family: 'Courier New', monospace !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	color: #181516 !important;
	background: #f5f0ec !important;
	padding: 6px 12px !important;
	letter-spacing: 0.06em !important;
	border: 1px dashed #d5c6bc !important;
}

/* Kupon title (küçük başlık) */
.indirim-kupon-card .kupon-title,
.indirim-kupon-card .kampanya {
	font-size: 0.65rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: #9a8a80 !important;
}

/* İndirim oranı */
.indirim-kupon-card .indirim-red {
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	color: #b1947f !important;
	font-family: 'Inter', sans-serif !important;
}

/* Tarih metni */
.indirim-kupon-card .tarih {
	font-size: 0.8rem !important;
	color: #594436 !important;
	font-family: 'Inter', sans-serif !important;
}

/* Durum badge */
.indirim-kupon-card .kupon-durum {
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}

.indirim-kupon-card .kullanilabilir {
	color: #2e7d32 !important;
}

.indirim-kupon-card .sure-doldu {
	color: #c0705a !important;
}

/* SVG ikonlar */
.indirim-kupon-card .icon-indirim {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
}

/* Boş kupon uyarısı */
.alert-login.orange {
	background: #fdf5f3 !important;
	border: 1px solid #f0ddd7 !important;
	border-left: 4px solid #e08a2a !important;
	padding: 16px 20px !important;
	border-radius: 0 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.85rem !important;
	color: #594436 !important;
}

/* Genel metin renkleri dveb */
.text-green {
	color: #2e7d32 !important;
}

.kupon-list,

.kupon-item,

.kupon-item:hover,

/* Kupon sol çizgi vurgusu */
.kupon-item::before,

/* Kupon kodu */
.kupon-item .kupon-kodu,

.kupon-item .indirim-oran,

.kupon-item .kupon-detay,

.kupon-item .indirim-red,

/* Kupon geçerlilik tarihi */
.kupon-item .tarih,

/* ── SİPARİŞ SORUN BİLDİRİM ─────────────────────────────────────────────── */
.page-hataBildirim .arc-form-legacy,
#frm_siparis_sorun {
	max-width: 680px !important;
}

/* ── Sayfa başlıkları (tüm hesap sayfaları) ─────────────────────────────── */
#arc-user-content h2,
#arc-user-content h3,
.page-profile h2,
.page-adres h2,
.page-showOrders h2,
.page-alarmList h2,
.page-kuponlar h2 {
	font-size: 1.4rem !important;
	font-weight: 400 !important;
	color: #181516 !important;
	letter-spacing: -0.01em !important;
	margin-bottom: 24px !important;
	font-family: 'Karrik', 'Georgia', serif !important;
}

/* ── Mobil ──────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

	.kupon-list,

	.viewForm th,
	.viewForm thead td {
		display: none !important;
	}

	.viewForm td {
		display: block !important;
		border-bottom: none !important;
		padding: 6px 12px !important;
	}

	.viewForm tr {
		display: block !important;
		border: 1px solid #e8e0da !important;
		margin-bottom: 10px !important;
		padding: 8px 0 !important;
	}
}

/* ──────────────────────────────────────────────────────────────────────── */

/* ═══════════════════════════════════════════════════════════════
   ARC CO — Sepet Sayfası Override
   Minimalist · Inter · #181516 koyu · #b1947f accent
   ═══════════════════════════════════════════════════════════════ */

/* Başlık satırı */
.basket-title {
    background: #faf7f5 !important;
    border-top: 2px solid #181516 !important;
    border-bottom: 1px solid #e8e0da !important;
    height: auto !important;
    line-height: 1 !important;
    padding: 10px 0 !important;
}
.basket-title div span {
    color: #9a8a80 !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
}

/* Ürün satırları */
.basket-item {
    min-height: 90px !important;
    border-bottom: 1px solid #f0ebe7 !important;
    background: #fff !important;
    transition: background 0.15s !important;
}
.basket-item:hover { background: #faf7f5 !important; }
.basket-item.row1 { background: #faf7f5 !important; }
.basket-item.row1:hover { background: #f3ede9 !important; }

td.sepet-image { border-right: 1px solid #f0ebe7 !important; }
td.sepet-image img { max-width: 72px !important; height: 72px !important; object-fit: cover !important; margin: 8px !important; }
.cart-detail img { border-radius: 0 !important; box-shadow: none !important; }

.cart-info h3 a { color: #181516 !important; font-size: 0.85rem !important; font-weight: 600 !important; text-decoration: none !important; }
.cart-info { font-size: 0.75rem !important; color: #9a8a80 !important; }
.cart-info span { color: #b1947f !important; }
.cart-info a { color: #b1947f !important; }

.basket-item .cart-price,
.basket-item .cart-total-price {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #181516 !important;
    line-height: 90px !important;
    height: 90px !important;
}
.sepet-piyasa { font-size: 0.75rem !important; color: #b1947f !important; text-decoration: line-through !important; font-weight: 400 !important; }

/* Adet */
.sp-input-group {
    border: 1px solid #e8e0da !important;
    border-radius: 0 !important;
    width: 90px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin-top: 28px !important;
    background: #fff !important;
}
.sp-input-group button {
    background: #fff !important; color: #181516 !important;
    font-size: 14px !important; font-weight: 600 !important;
    width: 24px !important; height: 36px !important; min-height: 36px !important;
    border: none !important; cursor: pointer !important; transition: background 0.15s !important;
}
.sp-input-group button:hover { background: #f5f0ec !important; color: #b1947f !important; }
.sp-input-group .sp-short {
    width: 38px !important; font-size: 0.8rem !important; color: #181516 !important;
    font-weight: 600 !important; border: none !important; text-align: center !important;
    height: 36px !important; line-height: 36px !important;
}

/* Silme */
.sepet-satir-sil { line-height: 90px !important; margin-right: 12px !important; }
.sepet-satir-sil button { background: none !important; border: none !important; cursor: pointer !important; padding: 8px !important; color: #c0b0a8 !important; transition: color 0.15s !important; }
.sepet-satir-sil button:hover { color: #c0705a !important; }
.sepet-satir-sil button svg { height: 18px !important; width: 18px !important; }

/* Sol panel */
.basket-left {
    width: calc(100% - 340px) !important;
    border-top: 2px solid #181516 !important;
    border-bottom: none !important;
    float: left !important;
}

/* Sağ özet panel */
.basket-right {
    background: #fff !important;
    border: 1px solid #e8e0da !important;
    border-top: 2px solid #181516 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 20px !important;
    width: 300px !important;
    min-width: 280px !important;
    float: right !important;
    margin-top: 0 !important;
    clear: none !important;
}
.basket-right ul {
    background: transparent !important; border: none !important;
    padding: 0 !important; margin: 0 !important; white-space: normal !important;
}
.basket-right ul li {
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    padding: 10px 0 !important; border-bottom: 1px solid #f0ebe7 !important;
    border-top: none !important; height: auto !important; line-height: 1 !important;
    clear: both !important; float: none !important;
}
.basket-right ul li:last-child { border-bottom: none !important; }
.basket-right ul li span.sepet1 {
    font-size: 0.75rem !important; font-weight: 500 !important; color: #9a8a80 !important;
    width: auto !important; float: none !important; text-align: left !important; display: block !important;
}
.basket-right ul li span.sepet2 { display: none !important; }
.basket-right ul li span.sepet3 {
    font-size: 0.9rem !important; font-weight: 700 !important; color: #181516 !important;
    background: transparent !important; border-radius: 0 !important; padding: 0 !important;
    float: none !important; text-align: right !important; min-width: auto !important;
}
.basket-right ul li.tutar { border-top: 1px solid #e8e0da !important; padding-top: 14px !important; }
.basket-right ul li.tutar span.sepet1 { font-size: 0.85rem !important; color: #181516 !important; font-weight: 700 !important; }
.basket-right ul li.tutar span.sepet3 { font-size: 1.1rem !important; color: #181516 !important; }
.basket-right ul li.tutar span { color: #181516 !important; }
.basket-right ul li.kargo span.sepet1 { color: #b1947f !important; font-weight: 600 !important; }
.basket-right ul li.kargo span.sepet3 { color: #b1947f !important; }
.basket-right ul li span.green { color: #2e7d32 !important; font-weight: 600 !important; font-size: 0.9rem !important; }
.basket-right ul li span.red { color: #c0705a !important; font-weight: 600 !important; font-size: 0.9rem !important; }
.basket-right ul li span.blue { color: #181516 !important; font-size: 0.9rem !important; }
.basket-right span { float: none !important; text-align: left !important; padding: 0 !important; }

/* Kupon */
.discount-coupon {
    background: #faf7f5 !important; border: 1px solid #e8e0da !important;
    border-bottom: none !important; margin: 0 !important; padding: 0 !important; float: none !important;
}
.discount-coupon .coupon { padding: 14px !important; }
.coupon-title {
    font-size: 0.65rem !important; font-weight: 700 !important;
    letter-spacing: 0.1em !important; text-transform: uppercase !important;
    color: #9a8a80 !important; margin: 0 0 8px !important;
}
.coupon-code {
    height: 38px !important; border: 1px solid #e8e0da !important; border-radius: 0 !important;
    font-size: 0.82rem !important; color: #181516 !important; background: #fff !important;
    padding: 0 10px !important; float: left !important; width: 60% !important;
    margin-top: 0 !important; box-sizing: border-box !important; outline: none !important;
    transition: border-color 0.15s !important;
}
.coupon-code:focus { border-color: #b1947f !important; }
.coupon-box {
    height: 38px !important; border: none !important; border-radius: 0 !important;
    background: #181516 !important; color: #ede8e6 !important;
    font-size: 0.7rem !important; font-weight: 700 !important; letter-spacing: 0.1em !important;
    text-transform: uppercase !important; float: right !important; width: 38% !important;
    margin-top: 0 !important; cursor: pointer !important; transition: background 0.15s !important;
}
.coupon-box:hover { background: #594436 !important; }

/* Butonlar */
.basket-button { margin-top: 16px !important; width: 100% !important; clear: both !important; }
.basket-button .green-button, a.green-button {
    display: block !important; float: none !important;
    width: 100% !important; max-width: 100% !important;
    height: 48px !important; line-height: 48px !important;
    background: #181516 !important; color: #ede8e6 !important;
    font-size: 0.72rem !important; font-weight: 700 !important;
    letter-spacing: 0.14em !important; text-transform: uppercase !important;
    text-align: center !important; border: none !important; border-radius: 0 !important;
    text-decoration: none !important; cursor: pointer !important;
    transition: background 0.2s !important; margin-bottom: 8px !important;
}
.basket-button .green-button:hover, a.green-button:hover {
    background: #3d2a20 !important; color: #ede8e6 !important;
}
.basket-button .grey, a.grey {
    display: block !important; float: none !important;
    width: 100% !important; max-width: 100% !important;
    height: 44px !important; line-height: 44px !important;
    background: #fff !important; color: #3a2e28 !important;
    font-size: 0.7rem !important; font-weight: 600 !important; letter-spacing: 0.1em !important;
    text-transform: uppercase !important; text-align: center !important;
    border: 1px solid #e8e0da !important; border-radius: 0 !important;
    text-decoration: none !important; cursor: pointer !important;
    transition: background 0.15s, border-color 0.15s !important;
    margin-right: 0 !important; text-shadow: none !important;
}
.basket-button .grey:hover, a.grey:hover {
    background: #f7f3f0 !important; color: #b1947f !important; border-color: #b1947f !important;
}

/* Sepet info banner */
.sepet-info {
    background: #fdf9f7 !important;
    border: 1px solid #e8e0da !important;
    color: #181516 !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    padding: 12px 16px !important;
    text-align: left !important;
    line-height: 1.5 !important;
}
.sepet-info a { color: #b1947f !important; font-size: 0.82rem !important; }

/* Mobil */
@media (max-width: 900px) {
    .basket-left { width: 100% !important; }
    .basket-right {
        width: 100% !important; float: none !important;
        min-width: auto !important; margin-top: 16px !important;
    }
    .basket-button .green-button, a.green-button,
    .basket-button .grey, a.grey { max-width: 100% !important; }
}

/* ── Üst menü: Üye Girişi (modal tetikleyici) ─────────────────────────── */
ul.aHeaderMenu li#kullGoster a.arc-login-trigger {
	cursor: pointer;
	text-decoration: none;
}

ul.aHeaderMenu li#kullGoster a.arc-login-trigger .menuMetin {
	display: inline !important;
	font-family: 'Inter', sans-serif;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: inherit;
	white-space: nowrap;
}

/* ── ARC Login Modal ──────────────────────────────────────────────────── */
.arc-login-modal {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 16px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}

.arc-login-modal.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.arc-login-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(24, 21, 22, 0.55);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.arc-login-modal__panel {
	position: relative;
	width: 100%;
	max-width: 420px;
	background: #faf8f6;
	border: 1px solid #d5c6bc;
	box-shadow: 0 24px 64px rgba(24, 21, 22, 0.18);
	padding: 36px 32px 28px;
	transform: translateY(12px) scale(0.98);
	transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
	font-family: 'Inter', -apple-system, sans-serif;
}

.arc-login-modal.is-open .arc-login-modal__panel {
	transform: translateY(0) scale(1);
}

.arc-login-modal__close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 36px;
	height: 36px;
	border: none;
	background: transparent;
	color: #594436;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: color 0.2s;
}

.arc-login-modal__close:hover {
	color: #181516;
}

.arc-login-modal__close .icon-cross {
	font-size: 1.1rem;
}

.arc-login-modal__head {
	text-align: center;
	margin-bottom: 24px;
}

.arc-login-modal__title {
	margin: 0 0 8px;
	font-family: 'Karrik', 'Inter', serif;
	font-size: 1.65rem;
	font-weight: 400;
	color: #181516;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.arc-login-modal__lead {
	margin: 0;
	font-size: 0.88rem;
	color: #594436;
	line-height: 1.5;
}

.arc-login-modal__field {
	margin-bottom: 16px;
}

.arc-login-modal__field--pass {
	position: relative;
}

.arc-login-modal__label {
	display: block;
	margin-bottom: 6px;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #594436;
}

.arc-login-modal__input {
	width: 100%;
	box-sizing: border-box;
	padding: 14px 16px;
	border: 1px solid #d5c6bc;
	border-radius: 0;
	background: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 0.9rem;
	color: #181516;
	transition: border-color 0.2s;
}

.arc-login-modal__field--pass .arc-login-modal__input {
	padding-right: 48px;
}

.arc-login-modal__input:focus {
	outline: none;
	border-color: #b1947f;
}

.arc-login-modal__input::placeholder {
	color: #bbb;
}

.arc-login-modal__eye {
	position: absolute;
	right: 4px;
	bottom: 4px;
	width: 40px;
	height: 40px;
	border: none;
	background: transparent;
	color: #594436;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: color 0.2s;
}

.arc-login-modal__eye:hover {
	color: #181516;
}

.arc-login-modal__submit {
	width: 100%;
	margin-top: 4px;
	padding: 16px;
	border: none;
	border-radius: 0;
	background: #181516;
	color: #ede8e6;
	font-family: 'Inter', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s;
}

.arc-login-modal__submit:hover {
	background: #594436;
}

.arc-login-modal__forgot {
	margin-top: 14px;
	text-align: center;
}

.arc-login-modal__forgot a {
	font-size: 0.82rem;
	color: #594436;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color 0.2s;
}

.arc-login-modal__forgot a:hover {
	color: #181516;
}

.arc-login-modal__social {
	margin-top: 20px;
}

.arc-login-modal__social-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
	color: #bbb;
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.arc-login-modal__social-divider::before,
.arc-login-modal__social-divider::after {
	content: '';
	flex: 1;
	height: 1px;
	background: #d5c6bc;
}

.arc-login-modal__social-btn {
	width: 100%;
	margin-bottom: 8px;
	padding: 12px;
	border: 1px solid #d5c6bc;
	border-radius: 0;
	background: #fff;
	color: #181516;
	font-family: 'Inter', sans-serif;
	font-size: 0.78rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s, border-color 0.2s;
}

.arc-login-modal__social-btn:hover {
	background: #f5f0ec;
	border-color: #b1947f;
}

.arc-login-modal__footer {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #d5c6bc;
	text-align: center;
}

.arc-login-modal__footer-text {
	margin: 0 0 12px;
	font-size: 0.88rem;
	color: #594436;
}

.arc-login-modal__register {
	display: inline-block;
	width: 100%;
	padding: 14px 16px;
	box-sizing: border-box;
	border: 1px solid #181516;
	background: transparent;
	color: #181516;
	font-family: 'Inter', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	transition: background 0.2s, color 0.2s;
}

.arc-login-modal__register:hover {
	background: #181516;
	color: #ede8e6;
}

body.arc-login-modal-open {
	overflow: hidden;
}

@media (max-width: 480px) {
	.arc-login-modal__panel {
		padding: 32px 20px 24px;
	}

	.arc-login-modal__title {
		font-size: 1.4rem;
	}
}

/* ══════════════════════════════════════════════════════════════════════════
   ARC CO — ARAMA MODALI
   ══════════════════════════════════════════════════════════════════════════ */

ul.aHeaderMenu li#searchIconum .arc-search-trigger {
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: inherit;
	font: inherit;
	line-height: 1;
}

ul.aHeaderMenu li#searchIconum .arc-search-trigger i {
	pointer-events: none;
}

.arc-search-modal {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 48px 24px 32px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.28s ease, visibility 0.28s ease;
}

.arc-search-modal.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.arc-search-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(24, 21, 22, 0.72);
	backdrop-filter: blur(4px);
}

.arc-search-modal__inner {
	position: relative;
	width: 100%;
	max-width: 920px;
	max-height: calc(100vh - 80px);
	overflow: auto;
	background: #faf7f5;
	border: 1px solid #e8e0da;
	padding: 40px 40px 32px;
	box-sizing: border-box;
	transform: translateY(16px);
	transition: transform 0.28s ease;
}

.arc-search-modal.is-open .arc-search-modal__inner {
	transform: translateY(0);
}

.arc-search-modal__close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #594436;
	transition: color 0.2s;
}

.arc-search-modal__close:hover {
	color: #181516;
}

.arc-search-modal__close .icon-cross {
	font-size: 1.1rem;
}

.arc-search-modal__head {
	margin-bottom: 28px;
	padding-right: 48px;
}

.arc-search-modal__eyebrow {
	display: inline-block;
	font-family: 'Inter', sans-serif;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #594436;
	border: 1px solid #d5c6bc;
	padding: 5px 14px;
	margin-bottom: 18px;
}

.arc-search-modal__title {
	font-family: 'Karrik', Georgia, serif;
	font-size: 2rem;
	line-height: 1.15;
	font-weight: 400;
	color: #181516;
	margin: 0;
}

.arc-search-modal__bar {
	display: flex;
	align-items: center;
	gap: 16px;
	border-bottom: 2px solid #181516;
	padding-bottom: 12px;
}

.arc-search-modal__icon {
	font-size: 1.35rem;
	color: #594436;
	flex-shrink: 0;
}

.arc-search-modal__input {
	flex: 1 1 auto;
	min-width: 0;
	border: none;
	background: transparent;
	font-family: 'Inter', sans-serif;
	font-size: 1.25rem;
	font-weight: 500;
	color: #181516;
	padding: 8px 0;
	outline: none;
	box-shadow: none;
}

.arc-search-modal__input::placeholder {
	color: #9a8a80;
	font-weight: 400;
}

.arc-search-modal__submit {
	flex-shrink: 0;
	background: #181516;
	color: #ede8e6;
	border: none;
	padding: 12px 22px;
	font-family: 'Inter', sans-serif;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s;
}

.arc-search-modal__submit:hover {
	background: #594436;
}

.arc-search-modal__results {
	margin-top: 32px;
	min-height: 80px;
}

.arc-search-modal__results #search-container {
	position: static !important;
	width: 100% !important;
	left: auto !important;
	top: auto !important;
	opacity: 1 !important;
	z-index: auto !important;
	background: transparent !important;
}

.arc-search-modal__results #pw-search-autocomplete,
.arc-search-modal__results .pw-autocomplete-dropdown {
	position: static !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.arc-search-modal__results .pw-autocomplete-section-title {
	background: transparent !important;
	color: #594436 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.68rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	padding: 0 0 16px !important;
	border-bottom: 1px solid #e8e0da;
	margin-bottom: 20px;
}

.arc-search-modal__results .pw-autocomplete-product-section-body,
.arc-search-modal__results .arc-search-suggest-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	padding: 0 !important;
}

.arc-search-modal__results .pw-product-suggestion {
	max-width: none !important;
	flex-grow: unset !important;
	padding: 0 !important;
}

.arc-search-modal__results .pw-product-suggestion-image {
	width: 100%;
	height: auto;
	display: block;
}

.arc-search-modal__results .pw-product-suggestion-name a {
	font-family: 'Inter', sans-serif;
	font-size: 0.82rem;
	color: #181516;
	text-decoration: none;
}

.arc-search-modal__results .pw-product-suggestion-name a:hover {
	color: #b1947f;
}

.arc-search-modal__results .pw-product-suggestion-current-price {
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	color: #181516;
}

.arc-search-modal__results .pw-taxonomy-suggestion {
	padding: 12px 0 !important;
	border-bottom: 1px solid #f0ebe7;
}

.arc-search-modal__results .pw-taxonomy-suggestion-name a {
	font-family: 'Inter', sans-serif;
	color: #181516;
	text-decoration: none;
}

.arc-search-modal__results .pw-taxonomy-suggestion-name a:hover {
	color: #b1947f;
}

.arc-search-modal__results .pw-taxonomy-suggestion-type {
	font-family: 'Inter', sans-serif;
	font-size: 0.72rem !important;
	color: #9a8a80 !important;
}

.arc-search-modal__results .tum-urunler {
	padding: 24px 0 0 !important;
}

.arc-search-modal__results .tum-urunler a {
	font-family: 'Inter', sans-serif;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #b1947f !important;
	text-decoration: none;
}

.arc-search-modal__results .tum-urunler a:hover {
	color: #594436 !important;
	text-decoration: underline;
}

.arc-search-modal__results .pw-autocomplete-taxonomy-section:not(:has(.pw-taxonomy-suggestion)) {
	display: none !important;
}

.arc-search-modal__results .pw-autocomplete-product-section:not(:has(.pw-product-suggestion)) {
	display: none !important;
}

body.arc-search-modal-open {
	overflow: hidden;
}

@media (max-width: 768px) {
	.arc-search-modal {
		padding: 24px 16px 16px;
	}

	.arc-search-modal__inner {
		padding: 28px 20px 24px;
		max-height: calc(100vh - 48px);
	}

	.arc-search-modal__title {
		font-size: 1.5rem;
	}

	.arc-search-modal__input {
		font-size: 1rem;
	}

	.arc-search-modal__bar {
		flex-wrap: wrap;
		gap: 12px;
	}

	.arc-search-modal__submit {
		width: 100%;
	}

	.arc-search-modal__results .pw-autocomplete-product-section-body,
	.arc-search-modal__results .arc-search-suggest-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}
}

/* ══════════════════════════════════════════════════════════════════════════
   ARC CO — AUTH SAYFALARI (Üye Ol / Şifremi Unuttum)
   Giriş modalı ile aynı dil
   ══════════════════════════════════════════════════════════════════════════ */

#arc-auth-page {
	font-family: 'Inter', -apple-system, sans-serif;
	max-width: 420px;
	margin: 0 auto;
	padding: 24px 0 56px;
}

.arc-auth-card {
	position: relative;
	background: #faf8f6;
	border: 1px solid #d5c6bc;
	box-shadow: 0 24px 64px rgba(24, 21, 22, 0.10);
	padding: 36px 32px 28px;
}

.arc-auth-card__head {
	text-align: center;
	margin-bottom: 24px;
}

.arc-auth-card__title {
	margin: 0 0 8px;
	font-family: 'Karrik', 'Inter', serif;
	font-size: 1.65rem;
	font-weight: 400;
	color: #181516;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.arc-auth-card__lead {
	margin: 0;
	font-size: 0.88rem;
	color: #594436;
	line-height: 1.5;
}

.arc-auth-card__form .arc-login-modal__field {
	margin-bottom: 16px;
}

.arc-auth-card__form .arc-login-modal__submit {
	margin-top: 4px;
}

.arc-auth-card__footer {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #d5c6bc;
	text-align: center;
}

.arc-auth-card__footer-text {
	margin: 0 0 12px;
	font-size: 0.88rem;
	color: #594436;
}

.arc-auth-error {
	margin: 0 0 14px;
	font-size: 0.85rem;
	color: #c0705a;
	line-height: 1.45;
}

.arc-auth-status {
	margin: 0 0 14px;
	font-size: 0.85rem;
	color: #594436;
	line-height: 1.45;
}

@media (max-width: 480px) {
	.arc-auth-card {
		padding: 32px 20px 24px;
	}

	.arc-auth-card__title {
		font-size: 1.4rem;
	}
}

/* ══════════════════════════════════════════════════════════════════════════
   ARC CO — KAYIT SAYFASI (Üye Ol)
   Giriş modalı ile aynı dil — temiz form yapısı
   ══════════════════════════════════════════════════════════════════════════ */

#arc-register-page {
	font-family: 'Inter', -apple-system, sans-serif;
	max-width: 640px;
	margin: 0 auto;
	padding: 12px 0 56px;
}

.aRow:has(#arc-register-page) > .aContainer.gezginKap,
.aRow:has(#arc-register-page) > .gezginKap,
.aRow:has(#arc-register-page) ul.gezgin {
	display: none !important;
}

.arc-register-card {
	background: #faf8f6;
	border: 1px solid #d5c6bc;
	box-shadow: 0 24px 64px rgba(24, 21, 22, 0.10);
	padding: 40px 36px 32px;
}

.arc-register-header {
	text-align: center;
	margin-bottom: 28px;
	padding-bottom: 22px;
	border-bottom: 1px solid #d5c6bc;
}

.arc-register-header h1 {
	margin: 0 0 8px;
	font-family: 'Karrik', 'Inter', serif;
	font-size: 1.75rem;
	font-weight: 400;
	color: #181516;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.arc-register-header p {
	margin: 0;
	font-size: 0.88rem;
	color: #594436;
	line-height: 1.5;
}

.arc-register-body,
.arc-register-form {
	min-width: 0;
	width: 100%;
}

.arc-register-tabs {
	display: flex;
	margin-bottom: 8px;
}

.arc-register-tabs label {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 13px 16px;
	margin: 0;
	font-family: 'Inter', sans-serif;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #594436;
	background: #fff;
	border: 1px solid #d5c6bc;
	cursor: pointer;
	transition: background 0.15s, color 0.15s, border-color 0.15s;
	line-height: 1;
}

.arc-register-tabs label + label {
	border-left: none;
}

.arc-register-tabs label:hover {
	background: #f5f0ec;
	color: #3a2e28;
}

.arc-register-tabs label.active {
	background: #181516;
	color: #ede8e6;
	border-color: #181516;
}

.arc-register-section {
	margin-top: 26px;
	padding-top: 22px;
	border-top: 1px solid #e8e0da;
}

.arc-register-section:first-of-type {
	margin-top: 18px;
}

.arc-register-section__title {
	margin: 0 0 16px;
	font-family: 'Inter', sans-serif;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #594436;
}

.arc-register-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px 16px;
	align-items: start;
}

.arc-register-grid > .arc-login-modal__field {
	min-width: 0;
	width: 100%;
}

.arc-register-grid__full {
	grid-column: 1 / -1;
}

.arc-register-form .arc-login-modal__field {
	margin-bottom: 0;
}

.arc-register-form .arc-login-modal__label {
	display: block;
	margin-bottom: 6px;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #594436;
}

.arc-register-optional {
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: #9a8a80;
	font-size: 0.75rem;
}

.arc-register-form .arc-login-modal__input,
.arc-register-form .arc-register-select,
.arc-register-form .arc-register-textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 14px 16px;
	margin: 0;
	border: 1px solid #d5c6bc;
	border-radius: 0;
	background: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 0.9rem;
	color: #181516;
	transition: border-color 0.2s;
	appearance: none;
	-webkit-appearance: none;
	height: auto;
	line-height: 1.4;
	float: none;
	max-width: 100%;
}

.arc-register-form .arc-register-select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23594436' d='M1.4 0.6L6 5.2 10.6 0.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	padding-right: 40px;
	cursor: pointer;
}

.arc-register-form .arc-register-textarea {
	min-height: 110px;
	resize: vertical;
}

.arc-register-form .arc-login-modal__input:focus,
.arc-register-form .arc-register-select:focus,
.arc-register-form .arc-register-textarea:focus {
	outline: none;
	border-color: #b1947f;
}

.arc-register-form .arc-login-modal__input::placeholder,
.arc-register-form .arc-register-textarea::placeholder {
	color: #bbb;
}

/* bireysel / kurumsal alanları aynı grid içinde; boşluk gap ile gelir */

.arc-register-section--checks {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.arc-register-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	font-family: 'Inter', sans-serif;
	font-size: 0.84rem;
	font-weight: 400;
	color: #3a2e28;
	line-height: 1.5;
	cursor: pointer;
	text-transform: none;
	letter-spacing: 0;
}

.arc-register-check input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 2px 0 0;
	flex-shrink: 0;
	accent-color: #181516;
	cursor: pointer;
}

.arc-register-check a {
	color: #594436;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.arc-register-check a:hover {
	color: #181516;
}

.arc-register-form .arc-login-modal__submit {
	width: 100%;
	margin-top: 24px;
}

.arc-register-form .gf_info,
.arc-register-form .stn-dialog {
	display: none;
}

.arc-register-footer {
	margin-top: 28px;
	padding-top: 22px;
	border-top: 1px solid #d5c6bc;
	text-align: center;
}

.arc-register-footer p {
	margin: 0 0 12px;
	font-size: 0.88rem;
	color: #594436;
}

.arc-register-login-link {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	padding: 14px 16px;
	box-sizing: border-box;
	border: 1px solid #181516;
	background: transparent;
	color: #181516;
	font-family: 'Inter', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}

.arc-register-login-link:hover {
	background: #181516;
	color: #ede8e6;
}

@media (max-width: 640px) {
	.arc-register-card {
		padding: 28px 18px 22px;
	}

	.arc-register-header h1 {
		font-size: 1.45rem;
	}

	.arc-register-grid {
		grid-template-columns: 1fr;
	}

	.arc-register-tabs {
		flex-direction: column;
	}

	.arc-register-tabs label + label {
		border-left: 1px solid #d5c6bc;
		border-top: none;
	}
}

/* ══════════════════════════════════════════════════════════════════════════
   ARC CO — İLETİŞİM SAYFASI
   ══════════════════════════════════════════════════════════════════════════ */

#arc-iletisim-page {
	font-family: 'Inter', -apple-system, sans-serif;
	max-width: 1080px;
	margin: 0 auto;
	padding: 8px 0 48px;
}

.aRow:has(#arc-iletisim-page) > .aContainer.gezginKap,
.aRow:has(#arc-iletisim-page) > .gezginKap,
.aRow:has(#arc-iletisim-page) ul.gezgin {
	display: none !important;
}

.arc-iletisim-header {
	text-align: center;
	margin-bottom: 36px;
	padding-bottom: 28px;
	border-bottom: 1px solid #d5c6bc;
}

.arc-iletisim-header h1 {
	margin: 0 0 10px;
	font-family: 'Karrik', 'Inter', serif;
	font-size: 2.2rem;
	font-weight: 400;
	color: #181516;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.arc-iletisim-header p {
	margin: 0;
	font-size: 0.92rem;
	color: #594436;
	line-height: 1.55;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}

.arc-iletisim-grid {
	display: grid;
	grid-template-columns: 320px 1fr;
	gap: 28px;
	align-items: start;
	margin-bottom: 36px;
}

.arc-iletisim-section-title {
	margin: 0 0 18px;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #594436;
}

.arc-iletisim-info,
.arc-iletisim-form-wrap {
	background: #faf8f6;
	border: 1px solid #d5c6bc;
	box-shadow: 0 16px 40px rgba(24, 21, 22, 0.06);
	padding: 28px 28px 24px;
}

.arc-iletisim-cards {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.arc-iletisim-card {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 16px;
	background: #fff;
	border: 1px solid #e8e0da;
}

.arc-iletisim-card-icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #181516;
	color: #ede8e6;
	font-size: 1rem;
}

.arc-iletisim-card-label {
	display: block;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #9a8a80;
	margin-bottom: 4px;
}

.arc-iletisim-card-body a,
.arc-iletisim-card-body p {
	margin: 0;
	font-size: 0.88rem;
	color: #181516;
	line-height: 1.5;
	text-decoration: none;
}

.arc-iletisim-card-body a:hover {
	color: #594436;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.arc-iletisim-info-extra {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e8e0da;
	font-size: 0.85rem;
	color: #594436;
	line-height: 1.6;
}

.arc-iletisim-info-extra h3,
.arc-iletisim-info-extra h4 {
	margin: 0 0 8px;
	font-family: 'Inter', sans-serif;
	font-size: 0.88rem;
	font-weight: 700;
	color: #181516;
	text-transform: none;
	letter-spacing: 0;
}

.arc-iletisim-info-extra p {
	margin: 0 0 8px;
}

.arc-iletisim-form {
	width: 100%;
}

.arc-iletisim-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px 16px;
	margin-bottom: 16px;
}

.arc-iletisim-form-grid__full {
	grid-column: 1 / -1;
}

.arc-iletisim-form .arc-login-modal__field {
	margin-bottom: 0;
}

.arc-iletisim-form .arc-login-modal__label {
	display: block;
	margin-bottom: 6px;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #594436;
}

.arc-iletisim-form .arc-login-modal__input,
.arc-iletisim-form .arc-iletisim-textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 14px 16px;
	margin: 0;
	border: 1px solid #d5c6bc;
	border-radius: 0;
	background: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 0.9rem;
	color: #181516;
	transition: border-color 0.2s;
	height: auto;
	line-height: 1.4;
	max-width: 100%;
	float: none;
}

.arc-iletisim-form .arc-iletisim-textarea {
	min-height: 140px;
	resize: vertical;
}

.arc-iletisim-form .arc-login-modal__input:focus,
.arc-iletisim-form .arc-iletisim-textarea:focus {
	outline: none;
	border-color: #b1947f;
}

.arc-iletisim-form .arc-login-modal__input::placeholder,
.arc-iletisim-form .arc-iletisim-textarea::placeholder {
	color: #bbb;
}

.arc-iletisim-check {
	margin: 4px 0 0;
}

.arc-iletisim-form .arc-login-modal__submit {
	width: 100%;
	margin-top: 20px;
}

.arc-iletisim-form .gf_info,
.arc-iletisim-form .stn-dialog {
	display: none;
}

.arc-iletisim-map {
	background: #faf8f6;
	border: 1px solid #d5c6bc;
	box-shadow: 0 16px 40px rgba(24, 21, 22, 0.06);
	padding: 28px;
}

.arc-iletisim-map-frame {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #e8e0da;
}

.arc-iletisim-map-frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

@media (max-width: 900px) {
	.arc-iletisim-grid {
		grid-template-columns: 1fr;
	}

	.arc-iletisim-info,
	.arc-iletisim-form-wrap,
	.arc-iletisim-map {
		padding: 22px 18px 20px;
	}

	.arc-iletisim-header h1 {
		font-size: 1.7rem;
	}

	.arc-iletisim-form-grid {
		grid-template-columns: 1fr;
	}
}

/* ── ARC Sepete Eklendi Modal ─────────────────────────────────────────── */
.arc-sepet-eklendi-modal {
	position: fixed;
	inset: 0;
	z-index: 200000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 16px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s ease, visibility 0.25s ease;
	box-sizing: border-box;
}
.arc-sepet-eklendi-modal *,
.arc-sepet-eklendi-modal *::before,
.arc-sepet-eklendi-modal *::after { box-sizing: border-box; }
.arc-sepet-eklendi-modal.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
body.arc-sepet-modal-open { overflow: hidden !important; }
.arc-sepet-eklendi-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(24, 21, 22, 0.58);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
.arc-sepet-eklendi-modal__panel {
	position: relative;
	width: min(100%, 720px);
	max-height: calc(100vh - 48px);
	max-height: calc(100dvh - 48px);
	overflow-x: hidden;
	overflow-y: auto;
	background: #faf8f6;
	border: 1px solid #d5c6bc;
	box-shadow: 0 24px 64px rgba(24, 21, 22, 0.22);
	padding: 28px 28px 24px;
	transform: translateY(12px) scale(0.98);
	transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
	font-family: 'Inter', -apple-system, sans-serif;
	color: #181516;
	-webkit-overflow-scrolling: touch;
}
.arc-sepet-eklendi-modal.is-open .arc-sepet-eklendi-modal__panel {
	transform: translateY(0) scale(1);
}
.arc-sepet-eklendi-modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	border: 0 !important;
	background: transparent !important;
	color: #594436;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 0;
	z-index: 2;
	font-size: 1.6rem;
	line-height: 1;
	font-family: inherit;
}
.arc-sepet-eklendi-modal__close:hover { color: #181516; }
.arc-sepet-eklendi-modal__success {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 28px 20px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #e8e0da;
}
.arc-sepet-eklendi-modal__check {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #181516;
	color: #ede8e6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.95rem;
	flex-shrink: 0;
}
.arc-sepet-eklendi-modal__title {
	margin: 0;
	font-family: 'Karrik', Georgia, serif;
	font-size: clamp(1.15rem, 2.5vw, 1.35rem);
	font-weight: 400;
	color: #181516;
	line-height: 1.3;
}
.arc-sepet-eklendi-modal__main {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(160px, auto);
	gap: 20px 24px;
	align-items: center;
	margin-bottom: 8px;
}
.arc-sepet-eklendi-modal__product {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	min-width: 0;
}
.arc-sepet-eklendi-modal__image-wrap {
	width: 112px;
	height: 112px;
	flex-shrink: 0;
	background: #fff;
	border: 1px solid #e8e0da;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.arc-sepet-eklendi-modal__image {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: contain;
	display: block !important;
	margin: 0 !important;
}
.arc-sepet-eklendi-modal__info { min-width: 0; flex: 1; }
.arc-sepet-eklendi-modal__name {
	margin: 0 0 8px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	color: #181516;
	word-break: break-word;
}
.arc-sepet-eklendi-modal__variant,
.arc-sepet-eklendi-modal__adet {
	margin: 0 0 4px;
	font-size: 0.82rem;
	color: #7a6a60;
	line-height: 1.4;
}
.arc-sepet-eklendi-modal__variant[hidden],
.arc-sepet-eklendi-modal__adet[hidden],
.arc-sepet-eklendi-modal__related[hidden] { display: none !important; }
.arc-sepet-eklendi-modal__price {
	margin: 10px 0 0;
	font-size: 1.05rem;
	font-weight: 700;
	color: #594436;
}
.arc-sepet-eklendi-modal__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 170px;
}
.arc-sepet-eklendi-modal__btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	width: 100%;
	padding: 10px 18px;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none !important;
	border: none !important;
	cursor: pointer;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
	line-height: 1.2;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.arc-sepet-eklendi-modal__btn--ghost {
	background: transparent !important;
	color: #181516 !important;
	border: 1.5px solid #d5c6bc !important;
}
.arc-sepet-eklendi-modal__btn--ghost:hover {
	border-color: #b1947f !important;
	color: #594436 !important;
}
.arc-sepet-eklendi-modal__btn--primary {
	background: #181516 !important;
	color: #ede8e6 !important;
}
.arc-sepet-eklendi-modal__btn--primary:hover {
	background: #594436 !important;
	color: #fff !important;
}
.arc-sepet-eklendi-modal__related {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid #e8e0da;
}
.arc-sepet-eklendi-modal__related-title {
	margin: 0 0 14px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #9a8a80;
}
.arc-sepet-eklendi-modal__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}
.arc-sepet-eklendi-modal__oneri {
	position: relative;
	background: #fff;
	border: 1px solid #e8e0da;
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}
.arc-sepet-eklendi-modal__oneri-img {
	display: block;
	aspect-ratio: 1;
	overflow: hidden;
	background: #f5f0ec;
}
.arc-sepet-eklendi-modal__oneri-img img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	display: block !important;
	margin: 0 !important;
}
.arc-sepet-eklendi-modal__oneri-name {
	margin: 0;
	font-size: 0.78rem;
	line-height: 1.35;
	color: #181516;
}
.arc-sepet-eklendi-modal__oneri-name a {
	color: inherit;
	text-decoration: none;
}
.arc-sepet-eklendi-modal__oneri-name a:hover { color: #594436; }
.arc-sepet-eklendi-modal__oneri-price {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 700;
	color: #594436;
}
.arc-sepet-eklendi-modal__oneri-add {
	position: absolute !important;
	top: 8px !important;
	right: 8px !important;
	left: auto !important;
	bottom: auto !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	border: none !important;
	border-radius: 0 !important;
	background: #181516 !important;
	color: #ede8e6 !important;
	font-size: 1rem !important;
	line-height: 1 !important;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	z-index: 2;
	transform: none !important;
	box-shadow: none !important;
}
.arc-sepet-eklendi-modal__oneri-add:hover { background: #594436 !important; }
@media (max-width: 720px) {
	.arc-sepet-eklendi-modal {
		padding: 12px;
		align-items: flex-end;
	}
	.arc-sepet-eklendi-modal__panel {
		max-height: calc(100dvh - 24px);
		padding: 22px 18px 18px;
		width: 100%;
	}
	.arc-sepet-eklendi-modal__main { grid-template-columns: 1fr; }
	.arc-sepet-eklendi-modal__actions {
		flex-direction: column;
		min-width: 0;
		width: 100%;
	}
	.arc-sepet-eklendi-modal__image-wrap {
		width: 88px;
		height: 88px;
	}
	.arc-sepet-eklendi-modal__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ── ARC Satın Al / Adres (Checkout) ──────────────────────────────────── */
.clss-satinal .blokTitle h1,
.clss-satinal #arc-payment-title-step1 {
	font-family: 'Karrik', Georgia, serif;
	font-size: 1.5rem;
	font-weight: 400;
	color: #181516;
	letter-spacing: -0.01em;
}

.arc-satinal-page {
	font-family: 'Inter', -apple-system, sans-serif;
	padding-bottom: 48px;
}

.arc-satinal-page--adres {
	width: 100%;
	max-width: 100%;
}

.clss-satinal .basket-wrap,
.clss-satinal .basket-left,
.clss-satinal .basket-right,
.arc-satinal-page--adres .basket-wrap,
.arc-satinal-page--adres .basket-left,
.arc-satinal-page--adres .basket-right {
	display: none !important;
}

.arc-satinal-page--adres .aContent,
.arc-satinal-page--adres .arc-satinal-payment-body,
.arc-satinal-page--adres .arc-checkout-wrap {
	width: 100%;
	max-width: 100%;
}

.arc-satinal-page--adres .arc-checkout-wrap {
	margin: 0 0 28px;
}

.clss-satinal:has(.arc-satinal-page--adres) .arc-payment-body,
.arc-satinal-page--adres .arc-payment-body {
	width: 100% !important;
	float: none !important;
}

.clss-satinal:has(.arc-satinal-page--adres) #basket-right-container,
.arc-satinal-page--adres #basket-right-container {
	width: 100% !important;
	float: none !important;
	clear: both !important;
	margin-top: 32px !important;
	padding-top: 28px !important;
	border-top: 1px solid #e8e0da !important;
}

.arc-satinal-page .blokTitle {
	border-bottom: 1px solid #e8e0da;
	margin-bottom: 24px;
	padding-bottom: 0;
}

.arc-satinal-page .blokTitle h1 {
	margin: 0 0 20px;
	padding: 0;
}

.arc-satinal-guest {
	margin: 0 0 16px;
	font-size: 0.82rem;
}

.arc-satinal-guest a {
	color: #b1947f;
	text-decoration: none;
	font-weight: 600;
}

.arc-satinal-guest a:hover {
	color: #594436;
	text-decoration: underline;
}

.arc-checkout-wrap {
	max-width: 920px;
	margin: 0 auto;
}

.arc-checkout-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-bottom: 28px;
}

.arc-checkout-step {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid #e8e0da;
	color: #9a8a80;
	text-decoration: none;
	transition: border-color 0.2s, background 0.2s, color 0.2s;
}

a.arc-checkout-step:hover {
	border-color: #b1947f;
	color: #594436;
}

.arc-checkout-step--done {
	background: #faf7f5;
}

.arc-checkout-step--active {
	background: #181516;
	border-color: #181516;
	color: #ede8e6;
}

.arc-checkout-step__num {
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.68rem;
	font-weight: 700;
	border: 1px solid currentColor;
	flex-shrink: 0;
}

.arc-checkout-step--active .arc-checkout-step__num {
	background: #ede8e6;
	color: #181516;
	border-color: #ede8e6;
}

.arc-checkout-step__label {
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.3;
}

.arc-checkout-tabs {
	display: none !important;
}

.arc-satinal-payment-body .container {
	min-width: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.arc-satinal-payment-body .tab-content h4,
.arc-satinal-payment-body .clear h4 {
	font-family: 'Karrik', Georgia, serif;
	font-size: 1.05rem;
	font-weight: 400;
	color: #181516;
	margin: 28px 0 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e8e0da;
}

.arc-satinal-payment-body .adress-list {
	gap: 16px;
}

.arc-satinal-payment-body .card-content {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 0 !important;
}

.arc-satinal-payment-body .adres-items,
.arc-satinal-payment-body .new-adres-items {
	min-height: 150px;
	border: 1.5px solid #e8e0da !important;
	border-radius: 0 !important;
	background: #fff !important;
	cursor: pointer;
	transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
	box-shadow: none !important;
}

.arc-satinal-payment-body .adres-items:hover,
.arc-satinal-payment-body .new-adres-items:hover {
	border-color: #b1947f !important;
	background: #faf7f5 !important;
}

.arc-satinal-payment-body .adres-items.active,
.arc-satinal-payment-body .tab-content .active:first-child.adres-items {
	border-color: #181516 !important;
	background: #faf7f5 !important;
	box-shadow: inset 0 0 0 1px #181516 !important;
}

.arc-satinal-payment-body .tab-content .radius,
.arc-satinal-payment-body .tab-content .radiussub {
	width: 18px;
	height: 18px;
	border: 2px solid #d5c6bc;
	border-radius: 50%;
}

.arc-satinal-payment-body .tab-content .active .radius,
.arc-satinal-payment-body .tab-content .active .radius::after,
.arc-satinal-payment-body .tab-content .cc-choice-container.active .radiussub,
.arc-satinal-payment-body .tab-content .cc-choice-container.active .radiussub::after {
	border-color: #181516 !important;
}

.arc-satinal-payment-body .tab-content .active .radius::after,
.arc-satinal-payment-body .tab-content .cc-choice-container.active .radiussub::after {
	background: #181516 !important;
}

.arc-satinal-payment-body .card-headers label,
.arc-satinal-payment-body .adres-ad-soyad {
	color: #181516 !important;
	font-size: 0.88rem !important;
	font-weight: 700 !important;
}

.arc-satinal-payment-body .adres-adres,
.arc-satinal-payment-body .font-12 {
	font-size: 0.78rem !important;
	color: #7a6a60 !important;
	line-height: 1.5 !important;
}

.arc-satinal-payment-body .setting .edit {
	color: #b1947f !important;
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.arc-satinal-payment-body .setting .edit:hover {
	color: #594436 !important;
}

.arc-satinal-payment-body .card-headers i,
.arc-satinal-payment-body .tel-users i {
	color: #b1947f !important;
	font-size: 1.1rem !important;
}

.arc-satinal-payment-body .new-adres-items a {
	color: #181516 !important;
	text-decoration: none !important;
}

.arc-satinal-payment-body .new-adres-items i {
	color: #181516 !important;
	font-size: 1.6rem !important;
	margin-top: 8px !important;
}

.arc-satinal-payment-body #fatura-adres-load + label,
.arc-satinal-payment-body .tab-content label {
	font-size: 0.82rem !important;
	font-weight: 600 !important;
	color: #181516 !important;
	margin-left: 8px !important;
}

.arc-satinal-payment-body input[type="checkbox"] {
	accent-color: #181516;
}

.arc-satinal-payment-body .sf-form-textarea,
.arc-satinal-payment-body textarea.notAliciUpdate,
.arc-satinal-payment-body #data_notAlici {
	width: 100% !important;
	min-height: 96px;
	padding: 12px 14px !important;
	border: 1px solid #d5c6bc !important;
	border-radius: 0 !important;
	background: #fff !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.875rem !important;
	color: #181516 !important;
	resize: vertical;
	box-sizing: border-box;
}

.arc-satinal-payment-body .sf-form-textarea:focus,
.arc-satinal-payment-body #data_notAlici:focus {
	outline: none;
	border-color: #b1947f !important;
}

.arc-satinal-payment-body #siparis-submit-button,
.arc-satinal-payment-body .addres-button,
.arc-satinal-payment-body .sf-button.sf-neutral-button,
.arc-satinal-payment-body .arc-satinal-submit-btn {
	background: #181516 !important;
	color: #ede8e6 !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 16px 36px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	transition: background 0.2s !important;
}

.arc-satinal-payment-body .arc-form-legacy .arc-satinal-submit-wrap,
.arc-satinal-payment-body .arc-form-legacy ul li:has(.arc-satinal-submit-btn),
.arc-satinal-payment-body .arc-form-legacy ul li:has(#siparis-submit-button) {
	width: 100% !important;
	float: none !important;
	clear: both !important;
	grid-column: 1 / -1 !important;
	margin-top: 24px !important;
	padding-top: 24px !important;
	border-top: 1px solid #e8e0da !important;
}

.arc-satinal-payment-body #siparis-submit-button:hover,
.arc-satinal-payment-body .addres-button:hover,
.arc-satinal-payment-body .sf-button.sf-neutral-button:hover,
.arc-satinal-payment-body .arc-satinal-submit-btn:hover {
	background: #594436 !important;
}

.arc-satinal-payment-body .addres-add-form input,
.arc-satinal-payment-body .addres-add-form textarea,
.arc-satinal-payment-body .addres-add-form select {
	width: 100% !important;
	padding: 11px 13px !important;
	border: 1px solid #d5c6bc !important;
	border-radius: 0 !important;
	background: #fff !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.875rem !important;
	color: #181516 !important;
	box-sizing: border-box !important;
}

.arc-satinal-payment-body .addres-add-form label {
	font-size: 0.65rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: #9a8a80 !important;
}

.arc-form-field-note {
	display: block;
	width: 100%;
	position: static;
	margin: 6px 0 0;
	padding: 0;
	font-family: 'Inter', sans-serif;
	font-size: 0.78rem;
	line-height: 1.45;
	color: #8a7a72;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
	clear: both;
}

.arc-satinal-payment-body .arc-form-legacy ul li.arc-tck-note {
	width: 100% !important;
	float: none !important;
	clear: both !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	list-style: none !important;
}

.arc-satinal-payment-body .addres-add-form .arc-form-field-note {
	flex: 0 0 100%;
	width: 100%;
	order: 3;
	margin-top: 8px;
}

.arc-satinal-payment-body .radio-list h3 {
	font-size: 0.68rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: #9a8a80 !important;
}

.arc-satinal-payment-body .kargo-liste {
	width: 100%;
	border-collapse: collapse;
	margin-top: 12px;
}

.arc-satinal-payment-body .kargo-liste th,
.arc-satinal-payment-body .kargo-liste td {
	padding: 12px 14px;
	border-bottom: 1px solid #f0ebe7;
	font-size: 0.82rem;
}

.arc-satinal-payment-body .kargo-liste th {
	background: #faf7f5;
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #9a8a80;
}

.arc-satinal-payment-body .error {
	color: #c0705a;
	font-size: 0.85rem;
}

#adres-ekle {
	padding-top: 8px;
}

#adres-ekle h2 {
	font-family: 'Karrik', Georgia, serif;
	font-size: 1.15rem;
	font-weight: 400;
	color: #181516;
}

/* ── ARC Satın Al / Ödeme Seçimi (secim) ─────────────────────────────── */
.arc-satinal-page--secim {
	width: 100%;
	max-width: 100%;
}

.arc-satinal-page--secim .vfContainer,
.clss-satinal .vfContainer {
	display: none !important;
}

.arc-satinal-page--secim .sozlesme-odeme {
	display: block !important;
}

.arc-satinal-addr-summary {
	margin-bottom: 28px;
	padding: 20px 22px;
	background: #faf7f5;
	border: 1px solid #e8e0da;
}

.arc-satinal-addr-summary__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.arc-satinal-addr-summary__title {
	margin: 0;
	font-family: 'Karrik', Georgia, serif;
	font-size: 1.05rem;
	font-weight: 400;
	color: #181516;
}

.arc-satinal-addr-summary__edit {
	font-family: 'Inter', sans-serif;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #b1947f;
	text-decoration: none;
}

.arc-satinal-addr-summary__edit:hover {
	color: #594436;
	text-decoration: underline;
}

.arc-satinal-addr-summary__card {
	font-family: 'Inter', sans-serif;
	font-size: 0.88rem;
	line-height: 1.55;
	color: #4a3f3a;
}

.arc-satinal-addr-summary__name {
	margin: 0 0 6px;
	font-weight: 600;
	color: #181516;
}

.arc-satinal-addr-summary__line,
.arc-satinal-addr-summary__phone {
	margin: 0 0 4px;
}

.arc-satinal-payment-body--secim .arc-payment-methods .pay-items {
	border: 1.5px solid #e8e0da !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
}

.arc-satinal-payment-body--secim .pay-items.active,
.arc-satinal-payment-body--secim .pay-items.tabs-items.active {
	border-color: #b1947f !important;
}

.arc-satinal-payment-body--secim .pay-items .card-headers label {
	font-family: 'Inter', sans-serif !important;
	font-size: 0.82rem !important;
	font-weight: 600 !important;
	color: #181516 !important;
	cursor: pointer;
}

.arc-satinal-payment-body--secim .pay-items .card-headers label i {
	color: #b1947f;
	margin-right: 8px;
}

.arc-satinal-payment-body--secim .arc-cc-form-wrap,
.arc-satinal-payment-body--secim .arc-cc-bank-list {
	padding-top: 8px;
}

.arc-satinal-payment-body--secim .arc-cc-form {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	border: none !important;
}

.arc-satinal-payment-body--secim .arc-cc-form .form-group {
	margin-bottom: 16px;
}

.arc-satinal-payment-body--secim .arc-cc-form label {
	font-family: 'Inter', sans-serif;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #9a8a80;
	margin-bottom: 6px !important;
}

.arc-satinal-payment-body--secim .arc-cc-form .card-input,
.arc-satinal-payment-body--secim .arc-cc-form select,
.arc-satinal-payment-body--secim .arc-cc-form input[type="text"] {
	width: 100% !important;
	padding: 13px 14px !important;
	border: 1px solid #d5c6bc !important;
	border-radius: 0 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.88rem !important;
	color: #181516 !important;
	background: #fff !important;
	box-sizing: border-box !important;
}

.arc-satinal-payment-body--secim .arc-cc-form .card-input:focus,
.arc-satinal-payment-body--secim .arc-cc-form select:focus,
.arc-satinal-payment-body--secim .arc-cc-form input[type="text"]:focus {
	border-color: #b1947f !important;
	outline: none !important;
	box-shadow: none !important;
}

.arc-satinal-payment-body--secim .payment-card-form {
	gap: 16px;
}

.arc-satinal-payment-body--secim .credit-card-view {
	border-radius: 0 !important;
	font-family: 'Inter', sans-serif !important;
}

.arc-satinal-payment-body--secim .cc-choice-container {
	border: 1px solid #e8e0da;
	padding: 12px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: border-color 0.2s, background 0.2s;
}

.arc-satinal-payment-body--secim .cc-choice-container.active,
.arc-satinal-payment-body--secim .cc-choice-container:hover {
	border-color: #b1947f;
	background: #faf7f5;
}

.arc-satinal-rules {
	margin: 28px 0 20px;
	padding: 18px 20px;
	background: #faf7f5;
	border: 1px solid #e8e0da;
}

.arc-satinal-rules__check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	font-family: 'Inter', sans-serif;
	font-size: 0.84rem;
	line-height: 1.5;
	color: #4a3f3a;
	cursor: pointer;
}

.arc-satinal-rules__check input {
	margin-top: 3px;
	flex-shrink: 0;
}

.arc-satinal-rules__check span a {
	color: #b1947f;
	text-decoration: underline;
}

.arc-satinal-contracts-wrap .blokTitle h1 {
	font-family: 'Karrik', Georgia, serif;
	font-size: 1.05rem;
	font-weight: 400;
	color: #181516;
}

.arc-satinal-contracts {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.arc-satinal-contract {
	border: 1px solid #e8e0da;
	background: #fff;
}

.arc-satinal-contract__title {
	padding: 14px 16px;
	font-family: 'Inter', sans-serif;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #181516;
	cursor: pointer;
	list-style: none;
}

.arc-satinal-contract__title::-webkit-details-marker {
	display: none;
}

.arc-satinal-contract__body {
	padding: 0 16px 16px;
	max-height: 220px;
	overflow: auto;
	font-family: 'Inter', sans-serif;
	font-size: 0.78rem;
	line-height: 1.55;
	color: #6a5a52;
	background: #faf7f5;
	border: 1px solid #f0ebe7;
	margin: 0 16px 16px;
	padding: 14px;
}

.arc-satinal-contract__body pre {
	margin: 0;
	white-space: pre-wrap;
	word-break: break-word;
}

.arc-satinal-payment-body--secim .pay-items:not(.active) .arc-satinal-submit-wrap--in-panel {
	display: none !important;
}

.arc-satinal-submit-wrap--secim.arc-satinal-submit-wrap--in-panel .arc-satinal-submit-btn {
	width: 100%;
	max-width: 100%;
	text-align: center;
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}

.clss-satinal:has(.arc-satinal-page--secim) .arc-payment-body,
.arc-satinal-page--secim .arc-payment-body {
	width: 100% !important;
	float: none !important;
}

.clss-satinal:has(.arc-satinal-page--secim) #basket-right-container,
.arc-satinal-page--secim #basket-right-container {
	display: none !important;
}

@media (max-width: 768px) {
	.arc-checkout-steps {
		grid-template-columns: 1fr;
	}

	.arc-satinal-payment-body .col-lg-6 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

/* ══════════════════════════════════════════════════════════════════════════
   ARC CO — ARAMA SONUÇLARI (arama)
   ══════════════════════════════════════════════════════════════════════════ */

.aRow:has(#arc-arama-page) {
	width: 100%;
}

#arc-arama-page {
	font-family: 'Inter', sans-serif;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}

.arc-arama-header {
	margin-bottom: 36px;
	padding-bottom: 28px;
	border-bottom: 1px solid #e8e0da;
}

.arc-arama-eyebrow {
	display: inline-block;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #594436;
	border: 1px solid #d5c6bc;
	padding: 5px 14px;
	margin-bottom: 18px;
}

.arc-arama-title {
	font-family: 'Karrik', Georgia, serif;
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.08;
	font-weight: 400;
	color: #181516;
	margin: 0 0 12px;
}

.arc-arama-lead {
	font-size: 0.92rem;
	line-height: 1.65;
	color: #6b5c54;
	margin: 0;
	max-width: 640px;
}

.arc-arama-section-title {
	font-family: 'Inter', sans-serif;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #594436;
	margin: 0 0 18px;
}

.arc-arama-filters,
.arc-arama-cats,
.arc-arama-results,
.arc-arama-popular,
.arc-arama-tags {
	margin-bottom: 40px;
}

.arc-arama-form-wrap .arc-form-legacy,
.arc-arama-form-wrap form.searchForm {
	margin: 0;
}

.arc-arama-form-wrap .arc-form-legacy ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 20px;
	margin: 0;
	padding: 22px 24px;
	list-style: none;
	background: #faf7f5;
	border: 1px solid #e8e0da;
}

.arc-arama-form-wrap .arc-form-legacy ul li {
	margin: 0;
	padding: 0;
	width: 100%;
	float: none;
}

.arc-arama-form-wrap .arc-form-legacy ul li:first-child,
.arc-arama-form-wrap .arc-form-legacy ul li:last-child {
	grid-column: 1 / -1;
}

.arc-arama-form-wrap .sf-text-label {
	display: block;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #9a8a80;
	margin-bottom: 8px;
}

.arc-arama-form-wrap .sf-form-input,
.arc-arama-form-wrap .sf-form-select {
	width: 100%;
	padding: 13px 14px;
	border: 1.5px solid #d5c6bc;
	border-radius: 0;
	background: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 0.92rem;
	color: #181516;
	box-sizing: border-box;
}

.arc-arama-form-wrap .sf-form-input:focus,
.arc-arama-form-wrap .sf-form-select:focus {
	outline: none;
	border-color: #b1947f;
}

.arc-arama-form-wrap .price1,
.arc-arama-form-wrap .price2 {
	display: inline-block;
	width: calc(50% - 8px);
	vertical-align: top;
}

.arc-arama-form-wrap .price1 {
	margin-right: 16px;
}

.arc-arama-form-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 180px;
	padding: 14px 28px;
	background: #181516;
	color: #ede8e6;
	border: none;
	font-family: 'Inter', sans-serif;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s;
}

.arc-arama-form-submit:hover {
	background: #594436;
}

.arc-arama-cats__list ul.searchResultFilter,
.arc-arama-popular__list,
.arc-arama-tags__list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.arc-arama-cats__list ul.searchResultFilter li {
	margin: 0;
	padding: 0;
}

.arc-arama-cats__list ul.searchResultFilter a,
.arc-arama-popular__list a.topresults,
.arc-arama-tags__list a {
	display: inline-block;
	padding: 10px 16px;
	border: 1px solid #d5c6bc;
	background: #fff;
	color: #594436;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.arc-arama-cats__list ul.searchResultFilter a:hover,
.arc-arama-popular__list a.topresults:hover,
.arc-arama-tags__list a:hover {
	border-color: #b1947f;
	background: #faf7f5;
	color: #181516;
}

.arc-arama-results__grid {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.arc-arama-results__grid .urnBox {
	float: none;
}

.arc-arama-results__grid .pageNumbers,
.arc-arama-results__grid .urunlistePager,
.arc-arama-results__grid .listepager {
	width: 100%;
	margin-top: 28px;
	padding-top: 24px;
	border-top: 1px solid #e8e0da;
	text-align: center;
}

.arc-arama-results__grid .pageNumbers a,
.arc-arama-results__grid .urunlistePager a,
.arc-arama-results__grid .listepager a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	margin: 0 4px;
	border: 1px solid #d5c6bc;
	color: #594436;
	text-decoration: none;
	font-size: 0.82rem;
	font-weight: 600;
}

.arc-arama-results__grid .pageNumbers a:hover,
.arc-arama-results__grid .pageNumbers .active,
.arc-arama-results__grid .urunlistePager a:hover,
.arc-arama-results__grid .listepager a:hover {
	background: #181516;
	border-color: #181516;
	color: #ede8e6;
}

@media (max-width: 768px) {
	.arc-arama-form-wrap .arc-form-legacy ul {
		grid-template-columns: 1fr;
		padding: 18px 16px;
	}

	.arc-arama-form-wrap .price1,
	.arc-arama-form-wrap .price2 {
		width: 100%;
		margin-right: 0;
	}

	.arc-arama-form-submit {
		width: 100%;
	}
}

.arc-roest-master {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.arc-roest-master iframe {
	display: block;
	width: 100%;
	height: 600px;
	border: 0;
}

/* ══════════════════════════════════════════════════════════════════════════
   ARC CO — HIZLI SEPETE EKLE MODALI
   ══════════════════════════════════════════════════════════════════════════ */

.arc-hizli-modal {
	position: fixed;
	inset: 0;
	z-index: 200010;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 16px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s ease, visibility 0.25s ease;
	box-sizing: border-box;
}
.arc-hizli-modal *,
.arc-hizli-modal *::before,
.arc-hizli-modal *::after { box-sizing: border-box; }
.arc-hizli-modal.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
body.arc-hizli-modal-open { overflow: hidden !important; }

.arc-hizli-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(24, 21, 22, 0.58);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.arc-hizli-modal__panel {
	position: relative;
	width: min(100%, 880px);
	max-height: calc(100vh - 48px);
	max-height: calc(100dvh - 48px);
	overflow: hidden;
	background: #ede8e6;
	border: 1px solid #d5c6bc;
	box-shadow: 0 24px 64px rgba(24, 21, 22, 0.22);
	transform: translateY(12px) scale(0.98);
	transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
	font-family: 'Inter', -apple-system, sans-serif;
	color: #181516;
	display: flex;
	flex-direction: column;
}
.arc-hizli-modal.is-open .arc-hizli-modal__panel {
	transform: translateY(0) scale(1);
}

.arc-hizli-modal__close {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	z-index: 5;
	width: 40px !important;
	height: 40px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #594436 !important;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	font-size: 1.6rem !important;
	line-height: 1 !important;
	box-shadow: none !important;
}
.arc-hizli-modal__close:hover { color: #181516 !important; }

.arc-hizli-modal__layout {
	display: flex;
	flex: 1;
	min-height: 0;
	max-height: calc(100dvh - 48px);
}

.arc-hizli-modal__left {
	width: 38%;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	background: #fff;
	border-right: 1px solid #d5c6bc;
	min-height: 0;
}

.arc-hizli-modal__eyebrow {
	margin: 0 !important;
	padding: 16px 20px !important;
	font-size: 0.68rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #b1947f !important;
	border-bottom: 1px solid #f0ebe8;
	background: #faf8f7 !important;
	font-family: 'Inter', sans-serif !important;
	line-height: 1.4 !important;
}

.arc-hizli-modal__pic {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 20px;
	min-height: 180px;
	background: #fff;
}
.arc-hizli-modal__pic img {
	max-width: 100% !important;
	max-height: 240px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain;
	display: block !important;
	margin: 0 auto !important;
}

.arc-hizli-modal__desc {
	padding: 14px 20px;
	font-size: 0.75rem;
	line-height: 1.6;
	color: #888;
	border-top: 1px solid #f0ebe8;
	max-height: 100px;
	overflow-y: auto;
	white-space: pre-line;
}
.arc-hizli-modal__desc:empty { display: none !important; }

.arc-hizli-modal__right {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	background: #ede8e6;
}

.arc-hizli-modal__body {
	flex: 1;
	padding: 28px 28px 0;
	overflow-y: auto;
	min-height: 0;
	-webkit-overflow-scrolling: touch;
}

.arc-hizli-modal__title {
	margin: 0 0 10px !important;
	font-family: 'Karrik', Georgia, serif !important;
	font-size: clamp(1.25rem, 2.5vw, 1.55rem) !important;
	font-weight: 400 !important;
	color: #181516 !important;
	line-height: 1.2 !important;
	padding-right: 36px;
}

.arc-hizli-modal__notes {
	margin: 0 0 16px !important;
	font-size: 0.82rem !important;
	color: #7a6a60 !important;
	line-height: 1.55 !important;
}
.arc-hizli-modal__notes:empty { display: none !important; }

.arc-hizli-modal__price-wrap {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-bottom: 16px;
	margin-bottom: 18px;
	border-bottom: 1px solid #d5c6bc;
}
.arc-hizli-modal__price-label {
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #999;
}
.arc-hizli-modal__price {
	font-size: 1.2rem !important;
	font-weight: 700 !important;
	color: #181516 !important;
	font-family: 'Inter', sans-serif !important;
}

.arc-hizli-modal__option { margin-bottom: 16px; }
.arc-hizli-modal__label {
	display: block !important;
	margin-bottom: 8px !important;
	font-size: 0.68rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #888 !important;
	font-family: 'Inter', sans-serif !important;
}

.arc-hizli-modal__select {
	display: block !important;
	width: 100% !important;
	padding: 11px 40px 11px 14px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.85rem !important;
	font-weight: 500 !important;
	color: #181516 !important;
	background-color: #fff !important;
	border: 1.5px solid #d5c6bc !important;
	border-radius: 0 !important;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23b1947f' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	cursor: pointer;
	outline: none;
	box-shadow: none !important;
	height: auto !important;
	line-height: 1.4 !important;
}
.arc-hizli-modal__select:focus { border-color: #b1947f !important; }

.arc-hizli-modal__qty {
	padding-bottom: 18px;
	margin-bottom: 8px;
	border-bottom: 1px solid #d5c6bc;
}
.arc-hizli-modal__qty-ctrl {
	display: flex;
	align-items: center;
	width: 140px;
	border: 1.5px solid #d5c6bc;
	background: #fff;
}
.arc-hizli-modal__qty-btn {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	font-size: 1.1rem !important;
	font-weight: 300 !important;
	color: #181516 !important;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	line-height: 1 !important;
}
.arc-hizli-modal__qty-btn:hover { background: #f0ebe8 !important; }
.arc-hizli-modal__qty-input {
	flex: 1;
	width: 60px !important;
	height: 40px !important;
	text-align: center !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	color: #181516 !important;
	background: transparent !important;
	border: none !important;
	border-left: 1.5px solid #d5c6bc !important;
	border-right: 1.5px solid #d5c6bc !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	-moz-appearance: textfield;
}
.arc-hizli-modal__qty-input::-webkit-inner-spin-button,
.arc-hizli-modal__qty-input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.arc-hizli-modal__actions {
	display: flex;
	gap: 10px;
	padding: 16px 28px 24px;
	background: #ede8e6;
	border-top: 1px solid #d5c6bc;
	flex-shrink: 0;
}
.arc-hizli-modal__btn {
	flex: 1;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 48px !important;
	padding: 12px 18px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none !important;
	border: none !important;
	border-radius: 0 !important;
	cursor: pointer;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
	line-height: 1.2 !important;
	box-shadow: none !important;
	margin: 0 !important;
}
.arc-hizli-modal__btn--ghost {
	background: transparent !important;
	color: #181516 !important;
	border: 1.5px solid #d5c6bc !important;
}
.arc-hizli-modal__btn--ghost:hover {
	border-color: #b1947f !important;
	color: #594436 !important;
}
.arc-hizli-modal__btn--primary {
	background: #181516 !important;
	color: #ede8e6 !important;
}
.arc-hizli-modal__btn--primary:hover {
	background: #594436 !important;
	color: #fff !important;
}
.arc-hizli-modal__btn:disabled {
	opacity: 0.65;
	cursor: wait;
}

@media (max-width: 760px) {
	.arc-hizli-modal {
		padding: 0;
		align-items: flex-end;
	}
	.arc-hizli-modal__panel {
		width: 100%;
		max-height: 92dvh;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	.arc-hizli-modal__layout {
		flex-direction: column;
		max-height: 92dvh;
	}
	.arc-hizli-modal__left {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #d5c6bc;
		flex-direction: row;
		align-items: center;
		gap: 12px;
		padding: 14px 16px 14px;
	}
	.arc-hizli-modal__eyebrow {
		display: none !important;
	}
	.arc-hizli-modal__pic {
		padding: 0;
		min-height: 0;
		width: 72px;
		height: 72px;
		flex: 0 0 72px;
		border: 1px solid #e8e0da;
		background: #faf8f7;
	}
	.arc-hizli-modal__pic img {
		max-height: 68px !important;
	}
	.arc-hizli-modal__desc { display: none !important; }
	.arc-hizli-modal__body { padding: 18px 18px 0; }
	.arc-hizli-modal__actions {
		flex-direction: column;
		padding: 14px 18px 18px;
	}
	.arc-hizli-modal__title { font-size: 1.25rem !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   ARC HOME — Mockup redesign (yalnızca anasayfa)
   ══════════════════════════════════════════════════════════════════════════ */
body.arc-home {
	--arc-home-bg: #f2f0eb;
	--arc-home-ink: #181516;
	--arc-home-muted: #5c524c;
	--arc-home-brown: #8b6b4a;
	--arc-home-header: #181516;
	background: var(--arc-home-bg);
	color: var(--arc-home-ink);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

body.arc-home .arc-home-main {
	overflow: hidden;
}

/* Header — siyah bar */
body.arc-home .aHeaderKap.arc-home-header {
	background: var(--arc-home-header) !important;
	border: none !important;
	position: sticky;
	top: 0;
	z-index: 1000;
}

body.arc-home .aHeaderKap.arc-home-header .aContainer {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 28px;
}

body.arc-home .aHeaderFlex {
	min-height: 64px;
	align-items: center;
}

body.arc-home .logo.clss-AnaSayfa {
	width: auto;
	padding: 14px 0;
}

body.arc-home .logo.clss-AnaSayfa img {
	display: block;
	height: 28px;
	width: auto;
	max-width: none;
	filter: none !important;
}

body.arc-home .sf-menu.clss-AnaSayfa > li > a {
	color: #fff !important;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

body.arc-home .sf-menu.clss-AnaSayfa > li > a::before {
	display: none !important;
}

body.arc-home .sf-menu.clss-AnaSayfa > li:hover > a,
body.arc-home .sf-menu.clss-AnaSayfa > li.sfHover > a {
	color: #d5c6bc !important;
}

body.arc-home ul.aHeaderMenu.clss-AnaSayfa li a,
body.arc-home ul.aHeaderMenu.clss-AnaSayfa li button,
body.arc-home ul.aHeaderMenu.clss-AnaSayfa li i {
	color: #fff !important;
}

body.arc-home #kullGoster .menuMetin {
	display: none;
}

body.arc-home #kullGoster a::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-width='1.6' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 19c1.5-3.5 4-5 7-5s5.5 1.5 7 5'/%3E%3C/svg%3E");
}

body.arc-home ul.aHeaderMenu.clss-AnaSayfa li span.menuCount {
	background: var(--arc-home-brown);
	color: #fff;
}

body.arc-home .arc-search-trigger {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

/* Shared */
body.arc-home .arc-home-rule {
	display: block;
	width: 48px;
	height: 2px;
	background: var(--arc-home-brown);
	margin: 20px 0;
}

body.arc-home .arc-home-section-title {
	font-family: 'Inter', sans-serif;
	font-size: clamp(1.35rem, 2.4vw, 1.85rem);
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.15;
	text-transform: uppercase;
	color: var(--arc-home-ink);
	margin: 0;
}

body.arc-home .arc-home-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 22px;
	background: var(--arc-home-brown);
	color: #fff !important;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none !important;
	border: none;
	transition: background 0.2s ease, transform 0.2s ease;
}

body.arc-home .arc-home-btn:hover {
	background: #73583c;
	transform: translateY(-1px);
}

body.arc-home .arc-home-link {
	display: inline-block;
	color: var(--arc-home-ink) !important;
	font-size: 0.72rem;
	font-weight: 650;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: underline !important;
	text-underline-offset: 4px;
}

body.arc-home .arc-home-link:hover {
	color: var(--arc-home-brown) !important;
}

/* Hero */
body.arc-home .arc-home-hero {
	background: var(--arc-home-bg);
}

body.arc-home .arc-home-hero__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: min(78vh, 720px);
	width: 100%;
	max-width: none;
	margin: 0;
}

body.arc-home .arc-home-hero__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(40px, 7vw, 96px) clamp(28px, 6vw, 88px);
}

body.arc-home .arc-home-hero__title {
	font-family: 'Inter', sans-serif;
	font-size: clamp(2rem, 4.2vw, 3.5rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--arc-home-ink);
	margin: 0;
	max-width: 11ch;
}

body.arc-home .arc-home-hero__lead {
	margin: 0 0 32px;
	font-size: 1.05rem;
	line-height: 1.55;
	color: var(--arc-home-muted);
	max-width: 28ch;
}

body.arc-home .arc-home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 22px;
}

body.arc-home .arc-home-hero__media {
	position: relative;
	min-height: 420px;
	height: 100%;
	background: #e4ddd4;
	align-self: stretch;
}

body.arc-home .arc-home-hero__media > img:first-child {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	inset: 0;
}

body.arc-home .arc-home-hero__seal {
	position: absolute;
	left: 8%;
	bottom: 10%;
	width: clamp(88px, 14vw, 130px);
	height: auto;
	z-index: 2;
	filter: drop-shadow(0 8px 18px rgba(0,0,0,0.25));
	animation: arcHomeSealIn 0.9s ease both;
}

@keyframes arcHomeSealIn {
	from { opacity: 0; transform: scale(0.85) rotate(-8deg); }
	to { opacity: 1; transform: scale(1) rotate(0); }
}

body.arc-home .arc-home-hero__copy {
	animation: arcHomeFadeUp 0.7s ease both;
}

@keyframes arcHomeFadeUp {
	from { opacity: 0; transform: translateY(18px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Products */
body.arc-home .arc-home-products {
	padding: clamp(56px, 8vw, 96px) 0;
}

body.arc-home .arc-home-products__inner,
body.arc-home .arc-home-cats__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 28px;
}

body.arc-home .arc-home-products__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 36px;
}

body.arc-home .arc-home-products__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 28px 22px;
}

body.arc-home .arc-home-card {
	background: transparent;
	border: none;
	box-shadow: none;
	margin: 0;
	width: auto !important;
	float: none !important;
}

body.arc-home .arc-home-card__media,
body.arc-home .arc-home-card__media.img-d {
	position: relative;
	aspect-ratio: 1 / 1 !important;
	width: 100%;
	height: auto;
	background: #ebe6df;
	overflow: hidden !important;
	margin-bottom: 14px;
}

body.arc-home .arc-home-card__media > a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
}

body.arc-home .arc-home-card__media img,
body.arc-home .arc-home-card__media.img-d img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain !important;
	object-position: center;
	display: block;
	transition: transform 0.45s ease;
}

body.arc-home .arc-home-card:hover .arc-home-card__media img {
	transform: scale(1.03);
}

body.arc-home .arc-home-card__body,
body.arc-home .arc-home-card__body.urnBoxHead {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 6px;
	padding: 0 !important;
	margin-top: 0 !important;
}

body.arc-home .arc-home-card__add,
body.arc-home .arc-home-card .aSepeteEkle {
	position: absolute !important;
	right: 10px !important;
	bottom: 10px !important;
	left: auto !important;
	top: auto !important;
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	border-radius: 0 !important;
	background: #181516 !important;
	color: #fff !important;
	border: none !important;
	font-size: 1.25rem !important;
	line-height: 1 !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 3;
	padding: 0 !important;
	box-shadow: none !important;
	transition: background 0.2s ease, transform 0.2s ease;
}

body.arc-home .arc-home-card__add:hover,
body.arc-home .arc-home-card .aSepeteEkle:hover {
	background: var(--arc-home-brown) !important;
	transform: scale(1.05);
}

body.arc-home .arc-home-card__name {
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--arc-home-ink) !important;
	text-decoration: none !important;
	line-height: 1.3;
}

body.arc-home .arc-home-card__notes {
	margin: 0;
	font-size: 0.8rem;
	color: var(--arc-home-muted);
	line-height: 1.4;
}

body.arc-home .arc-home-card__price,
body.arc-home .arc-home-card__price.urnBoxFiyat {
	margin: 4px 0 0 !important;
	margin-left: 0 !important;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--arc-home-ink);
	text-align: left !important;
	white-space: normal;
}

/* Story */
body.arc-home .arc-home-story {
	background: #ebe6df;
	padding: clamp(48px, 7vw, 88px) 0;
}

body.arc-home .arc-home-story__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 28px;
	display: grid;
	grid-template-columns: 1.05fr 1.2fr;
	gap: clamp(28px, 5vw, 64px);
	align-items: center;
}

body.arc-home .arc-home-story__media {
	position: relative;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: #d8cfc4;
}

body.arc-home .arc-home-story__media > img:first-child {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.arc-home .arc-home-story__seal {
	position: absolute;
	left: 50%;
	top: 42%;
	width: clamp(100px, 16vw, 150px);
	transform: translate(-50%, -50%);
	filter: drop-shadow(0 10px 20px rgba(0,0,0,0.28));
}

body.arc-home .arc-home-story__content {
	display: grid;
	grid-template-columns: 1.4fr 0.7fr;
	gap: 28px;
	align-items: start;
}

body.arc-home .arc-home-story__text p {
	margin: 0 0 22px;
	font-size: 0.98rem;
	line-height: 1.65;
	color: var(--arc-home-muted);
	max-width: 42ch;
}

body.arc-home .arc-home-stats {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

body.arc-home .arc-home-stats li {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

body.arc-home .arc-home-stats strong {
	font-size: clamp(2rem, 3vw, 2.6rem);
	font-weight: 800;
	line-height: 1;
	color: var(--arc-home-ink);
}

body.arc-home .arc-home-stats span {
	font-size: 0.68rem;
	font-weight: 650;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--arc-home-muted);
}

/* Categories */
body.arc-home .arc-home-cats {
	padding: clamp(56px, 8vw, 96px) 0;
}

body.arc-home .arc-home-cats__inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 36px 28px;
}

body.arc-home .arc-home-cat__title {
	margin: 0 0 16px;
	font-size: 1.05rem;
	font-weight: 750;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

body.arc-home .arc-home-cat__media {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #e4ddd4;
	margin-bottom: 16px;
}

body.arc-home .arc-home-cat__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.45s ease;
}

body.arc-home .arc-home-cat:hover .arc-home-cat__media img {
	transform: scale(1.04);
}

body.arc-home .arc-home-cat__desc {
	margin: 0 0 14px;
	font-size: 0.92rem;
	line-height: 1.55;
	color: var(--arc-home-muted);
}

/* Footer soft blend on home */
body.arc-home .footerKap {
	border-top: 1px solid #ddd4cb;
}

/* Responsive */
@media (max-width: 997px) {
	body.arc-home .arc-home-hero__inner {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	body.arc-home .arc-home-hero__media {
		min-height: 52vw;
		order: -1;
	}

	body.arc-home .arc-home-hero__title {
		max-width: none;
	}

	body.arc-home .arc-home-products__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	body.arc-home .arc-home-story__inner {
		grid-template-columns: 1fr;
	}

	body.arc-home .arc-home-story__media {
		max-width: 480px;
	}

	body.arc-home .arc-home-story__content {
		grid-template-columns: 1fr;
	}

	body.arc-home .arc-home-stats {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 24px 36px;
	}

	body.arc-home .arc-home-cats__inner {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	body.arc-home .aHeaderKap.arc-home-header .aContainer {
		padding: 0 16px;
	}

	body.arc-home .arc-home-hero__copy,
	body.arc-home .arc-home-products__inner,
	body.arc-home .arc-home-story__inner,
	body.arc-home .arc-home-cats__inner {
		padding-left: 16px;
		padding-right: 16px;
	}

	body.arc-home .arc-home-products__grid {
		grid-template-columns: 1fr 1fr;
		gap: 20px 12px;
	}

	body.arc-home .arc-home-card__name {
		font-size: 0.82rem;
	}

	body.arc-home .arc-home-products__head {
		flex-direction: column;
		align-items: flex-start;
	}
}