@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* ============================================================
   TEMA RENK PALETİ — tüm site renkleri buradan yönetilir.
   Renk değiştirmek için tek yer burası. (Detay: docs/20-front-end-structure.md)
   ============================================================ */
:root{
  /* Birincil — koyu yeşil (buton, başlık, header chrome, vurgu) */
  --lf-primary:#1F3A2E; --lf-primary-dark:#15271E; --lf-primary-light:#2E5040;
  /* İkincil — altın (fiyat, ikon, rozet, link, hover aksanı) */
  --lf-secondary:#B8924A; --lf-secondary-light:#D4B36A; --lf-secondary-soft:#E8D9B5;
  /* Zemin / kart */
  --lf-bg:#FBF8F2; --lf-bg-soft:#F4EDE1; --lf-card:#FFFFFF; --lf-card-warm:#F7F2E8;
  /* Metin / kenarlık */
  --lf-text:#26241D; --lf-text-muted:#857E70; --lf-border:#E6DCC9;
  /* Durum */
  --lf-danger:#B4452F; --lf-success:#3C7A57;
  /* Ölçü */
  --lf-radius:4px; --lf-radius-lg:10px;
  /* Projenin değişken-tabanlı eski mavisini temaya çevirir (admin/base inline) */
  --primary-color:#1F3A2E !important; --primary-200:#F4EDE1 !important; --primary-950:#15271E !important;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.picker {
	font-size: 16px;
	text-align: left;
	line-height: 1.2;
	color: #000;
	position: absolute;
	z-index: 10000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.picker__input {
	cursor: default
}

.picker__input.picker__input--active {
	border-color: var(--lf-secondary)
}

.picker__holder {
	width: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.picker__frame,
.picker__holder {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.picker__holder {
	position: fixed;
	transition: background .15s ease-out, -webkit-transform 0s .15s;
	-webkit-transition: background .15s ease-out, -webkit-transform 0s .15s;
	transition: background .15s ease-out, transform 0s .15s;
	transition: background .15s ease-out, transform 0s .15s, -webkit-transform 0s .15s
}

.picker__frame {
	position: absolute;
	margin: 0 auto;
	min-width: 256px;
	max-width: 666px;
	width: 100%;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out
}

@media (min-height:33.875em) {
	.picker__frame {
		overflow: visible;
		top: auto;
		bottom: -100%;
		max-height: 80%
	}
}

@media (min-height:40.125em) {
	.picker__frame {
		margin-bottom: 7.5%
	}
}

.picker__wrap {
	display: table;
	width: 100%;
	height: 100%
}

@media (min-height:33.875em) {
	.picker__wrap {
		display: block
	}
}

.picker__box {
	background: #fff;
	display: table-cell;
	vertical-align: middle
}

@media (min-height:26.5em) {
	.picker__box {
		font-size: 1.25em
	}
}

@media (min-height:33.875em) {
	.picker__box {
		display: block;
		font-size: 1.33em;
		border: 1px solid #777;
		border-top-color: #898989;
		border-bottom-width: 0;
		border-radius: 5px 5px 0 0;
		-webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, .24);
		box-shadow: 0 12px 36px 16px rgba(0, 0, 0, .24)
	}
}

@media (min-height:40.125em) {
	.picker__box {
		font-size: 1.5em;
		border-bottom-width: 1px;
		border-radius: 5px
	}
}

.picker--opened .picker__holder {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	background: 0 0;
	zoom: 1;
	background: rgba(0, 0, 0, .32);
	-webkit-transition: background .15s ease-out;
	transition: background .15s ease-out
}

.picker--opened .picker__frame {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-opacity: 1;
	opacity: 1
}

@media (min-height:33.875em) {
	.picker--opened .picker__frame {
		top: auto;
		bottom: 0
	}
}

.picker__box {
	padding: 0 1em
}

.picker__header {
	text-align: center;
	position: relative;
	margin-top: .75em
}

.picker__month,
.picker__year {
	font-weight: 500;
	display: inline-block;
	margin-left: .25em;
	margin-right: .25em
}

.picker__year {
	color: #999;
	font-size: .8em;
	font-style: italic
}

.picker__select--month,
.picker__select--year {
	border: 1px solid #b7b7b7;
	height: 2em;
	padding: .5em;
	margin-left: .25em;
	margin-right: .25em
}

@media (min-width:24.5em) {

	.picker__select--month,
	.picker__select--year {
		margin-top: -.5em
	}
}

.picker__select--month {
	width: 35%
}

.picker__select--year {
	width: 22.5%
}

.picker__select--month:focus,
.picker__select--year:focus {
	border-color: var(--lf-secondary)
}

.picker__nav--next,
.picker__nav--prev {
	position: absolute;
	padding: .5em 1.25em;
	width: 1em;
	height: 1em;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	top: -.25em
}

@media (min-width:24.5em) {

	.picker__nav--next,
	.picker__nav--prev {
		top: -.33em
	}
}

.picker__nav--prev {
	left: -1em;
	padding-right: 1.25em
}

@media (min-width:24.5em) {
	.picker__nav--prev {
		padding-right: 1.5em
	}
}

.picker__nav--next {
	right: -1em;
	padding-left: 1.25em
}

@media (min-width:24.5em) {
	.picker__nav--next {
		padding-left: 1.5em
	}
}

.picker__nav--next:before,
.picker__nav--prev:before {
	content: " ";
	border-top: .5em solid transparent;
	border-bottom: .5em solid transparent;
	border-right: .75em solid #000;
	width: 0;
	height: 0;
	display: block;
	margin: 0 auto
}

.picker__nav--next:before {
	border-right: 0;
	border-left: .75em solid #000
}

.picker__nav--next:hover,
.picker__nav--prev:hover {
	cursor: pointer;
	color: #000;
	background: var(--lf-secondary-soft)
}

.picker__nav--disabled,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover,
.picker__nav--disabled:hover {
	cursor: default;
	background: 0 0;
	border-right-color: #f5f5f5;
	border-left-color: #f5f5f5
}

.picker__table {
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	font-size: inherit;
	width: 100%;
	margin-top: .75em;
	margin-bottom: .5em
}

@media (min-height:33.875em) {
	.picker__table {
		margin-bottom: .75em
	}
}

.picker__table td {
	margin: 0;
	padding: 0
}

.picker__weekday {
	width: 14.285714286%;
	font-size: .75em;
	padding-bottom: .25em;
	color: #999;
	font-weight: 500
}

@media (min-height:33.875em) {
	.picker__weekday {
		padding-bottom: .5em
	}
}

.picker__day {
	padding: .3125em 0;
	font-weight: 200;
	border: 1px solid transparent
}

.picker__day--today {
	position: relative
}

.picker__day--today:before {
	content: " ";
	position: absolute;
	top: 2px;
	right: 2px;
	width: 0;
	height: 0;
	border-top: .5em solid #0059bc;
	border-left: .5em solid transparent
}

.picker__day--disabled:before {
	border-top-color: #aaa
}

.picker__day--outfocus {
	color: #ddd
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
	cursor: pointer;
	color: #000;
	background: var(--lf-secondary-soft)
}

.picker__day--highlighted {
	border-color: var(--lf-secondary)
}

.picker--focused .picker__day--highlighted,
.picker__day--highlighted:hover {
	cursor: pointer;
	color: #000;
	background: var(--lf-secondary-soft)
}

.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
	background: var(--lf-secondary);
	color: #fff
}

.picker--focused .picker__day--disabled,
.picker__day--disabled,
.picker__day--disabled:hover {
	background: #f5f5f5;
	border-color: #f5f5f5;
	color: #ddd;
	cursor: default
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
	background: #bbb
}

.picker__footer {
	text-align: center
}

.picker__button--clear,
.picker__button--close,
.picker__button--today {
	border: 1px solid #fff;
	background: #fff;
	font-size: .8em;
	padding: .66em 0;
	font-weight: 700;
	width: 33%;
	display: inline-block;
	vertical-align: bottom
}

.picker__button--clear:hover,
.picker__button--close:hover,
.picker__button--today:hover {
	cursor: pointer;
	color: #000;
	background: var(--lf-secondary-soft);
	border-bottom-color: var(--lf-secondary-soft)
}

.picker__button--clear:focus,
.picker__button--close:focus,
.picker__button--today:focus {
	background: var(--lf-secondary-soft);
	border-color: var(--lf-secondary);
	outline: 0
}

.picker__button--clear:before,
.picker__button--close:before,
.picker__button--today:before {
	position: relative;
	display: inline-block;
	height: 0
}

.picker__button--clear:before,
.picker__button--today:before {
	content: " ";
	margin-right: .45em
}

.picker__button--today:before {
	top: -.05em;
	width: 0;
	border-top: .66em solid #0059bc;
	border-left: .66em solid transparent
}

.picker__button--clear:before {
	top: -.25em;
	width: .66em;
	border-top: 3px solid #e20
}

.picker__button--close:before {
	content: "\D7";
	top: -.1em;
	vertical-align: top;
	font-size: 1.1em;
	margin-right: .35em;
	color: #777
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
	background: #f5f5f5;
	border-color: #f5f5f5;
	color: #ddd;
	cursor: default
}

.picker__button--today[disabled]:before {
	border-top-color: #aaa
}

.picker__list {
	list-style: none;
	padding: .75em 0 4.2em;
	margin: 0
}

.picker__list-item {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-bottom: -1px;
	position: relative;
	background: #fff;
	padding: .75em 1.25em
}

@media (min-height:46.75em) {
	.picker__list-item {
		padding: .5em 1em
	}
}

.picker__list-item:hover {
	cursor: pointer;
	color: #000;
	background: var(--lf-secondary-soft);
	border-color: var(--lf-secondary);
	z-index: 10
}

.picker__list-item--highlighted {
	border-color: var(--lf-secondary);
	z-index: 10
}

.picker--focused .picker__list-item--highlighted,
.picker__list-item--highlighted:hover {
	cursor: pointer;
	color: #000;
	background: var(--lf-secondary-soft)
}

.picker--focused .picker__list-item--selected,
.picker__list-item--selected,
.picker__list-item--selected:hover {
	background: var(--lf-secondary);
	color: #fff;
	z-index: 10
}

.picker--focused .picker__list-item--disabled,
.picker__list-item--disabled,
.picker__list-item--disabled:hover {
	background: #f5f5f5;
	border-color: #f5f5f5;
	color: #ddd;
	cursor: default;
	border-color: #ddd;
	z-index: auto
}

.picker--time .picker__button--clear {
	display: block;
	width: 80%;
	margin: 1em auto 0;
	padding: 1em 1.25em;
	background: 0 0;
	border: 0;
	font-weight: 500;
	font-size: .67em;
	text-align: center;
	text-transform: uppercase;
	color: #666
}

.picker--time .picker__button--clear:focus,
.picker--time .picker__button--clear:hover {
	color: #000;
	background: var(--lf-secondary-soft);
	background: #e20;
	border-color: #e20;
	cursor: pointer;
	color: #fff;
	outline: 0
}

.picker--time .picker__button--clear:before {
	top: -.25em;
	color: #666;
	font-size: 1.25em;
	font-weight: 700
}

.picker--time .picker__button--clear:focus:before,
.picker--time .picker__button--clear:hover:before {
	color: #fff;
	border-color: #fff
}

.picker--time .picker__frame {
	min-width: 256px;
	max-width: 320px
}

.picker--time .picker__box {
	font-size: 1em;
	background: #f2f2f2;
	padding: 0
}

@media (min-height:40.125em) {
	.picker--time .picker__box {
		margin-bottom: 5em
	}
}


.loading-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 999;
	color: #fff
}

.loading-overlay .loading-content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.time-selector select {
	padding-left: 30px;
	-webkit-box-shadow: 0 0 20px 0 #ececf3;
	box-shadow: 0 0 20px 0 #ececf3;
	border: 1px solid #ebebeb
}

.florist-wrapper.login {
	background: #fff url(./img/bg-login.png) right top no-repeat
}


body {
	position: relative
}

.form-wrapper .form-element {
	width: 100%;
	height: 52px;
	border: 1px solid #26262a;
	padding: 0 20px;
	margin-bottom: 20px
}

.form-wrapper .form-element.textarea {
	height: 104px;
	padding: 20px
}

.form-wrapper .btn {
	width: 100%;
	height: 52px;
	font-weight: 700
}

.form-wrapper .btn.send {
	color: #fff;
	background: #e53d3d
}

.form-wrapper .btn.send:hover {
	background: #9e231f
}

.form-wrapper .btn.cancel {
	color: #26262a;
	border: 1px solid #26262a;
	background: 0 0
}

.form-wrapper .btn.cancel:hover {
	background: #35353a;
	color: #fff
}

.modal {
	padding-right: 0 !important
}

.modal-dialog {
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	background: rgba(0, 0, 0, .95);
	margin: 0 !important
}

.modal-dialog .modal-content {
	width: 100%;
	height: 100%;
	border-radius: 0;
	border: 0;
	background: 0 0;
	padding: 50px
}

.modal-dialog .modal-content .close {
	font-size: 40px;
	text-shadow: none;
	color: #fff;
	opacity: 1;
	position: absolute;
	right: 50px;
	outline: 0 !important
}

.modal-dialog .modal-content .modal-content-inner {
	height: 100%
}

.box {
	background: #fff;
	-webkit-box-shadow: -2px 3px 10px 0 rgba(0, 0, 0, .1);
	box-shadow: -2px 3px 10px 0 rgba(0, 0, 0, .1) !important;
}

.cbtn {
	height: 36px;
	line-height: 36px;
	background: var(--lf-primary);
	color: #fff;
	font-size: 14px;
	display: inline-block;
	padding: 0 40px;
	border-radius: 0
}

.cbtn:hover {
	background: #fff;
	color: var(--lf-primary)
}

.h6,
h6 {
	font-size: 13px;
	color: #151515;
	font-weight: 600;
	margin: 0
}

.h4,
h4 {
	color: #151515;
	font-weight: 600;
	margin: 0
}

p {
	color: #151515;
	line-height: 1.4
}

.pl0 {
	padding-left: 0 !important
}

.pr0 {
	padding-right: 0 !important
}

.pl10 {
	padding-left: 10px !important
}

.pr10 {
	padding-right: 10px !important
}


.comments .h3 {
	color: #3c5063;
}

.comments .comment-list .comment {
	border-bottom: 1px solid #e1e4e7;
	padding: 30px 0;
}

.comments .comment-list .comment:last-child {
	border-bottom: 0;
}

.comments .comment-list .comment .stars {
	overflow: hidden;
	margin-bottom: 15px;
}

.comments .comment-list .comment .stars i {
	float: left;
	color: var(--lf-primary);
	margin-right: 6px;
}

.comments .comment-list .comment .title {
	font-size: 16px;
	color: #3c5063;
	margin-bottom: 0px;
}

.comments .comment-list .comment .description {
	font-size: 14px;
	color: #6e6e6e;
	line-height: 18px;
}

.comments .comment-list .comment .description p {
	margin: 0;
}

.comments .form {
	background: var(--lf-card-warm);
	border: 1px solid var(--lf-border);
	padding: 30px;
	border-radius: 6px;
	margin-top: 35px;
}

/* "Yorum Yazın" başlığı ile ilk input arasına boşluk (yıldız widget'ı kalkınca dip dibe geldi) */
.comments .form .h3 {
	margin-bottom: 20px;
}

.comments .form .form-group {
	position: relative;
	margin-bottom: 20px;
}

.comments .form .form-group.clearfix {
	margin-bottom: 15px;
}

.comments .form label {
	font-size: 16px;
	font-weight: 300;
	color: #3c5063;
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

.comments .form .stars {
	overflow: hidden;
	float: left;
	margin-bottom: 0;
}

.comments .form .stars li {
	float: left;
	margin-right: 6px;
}

.comments .form .stars li i {
	color: var(--lf-primary);
	font-size: 24px;
}

.comments .form .stars li.hover {
	cursor: pointer;
}

.comments .form .stars li.hover i {
	color: #9adbf5;
}

.comments .form i.input {
	font-size: 22px;
	color: var(--lf-primary);
	position: absolute;
	left: 16px;
	top: 16px;
}

.comments .form input[type="text"] {
	width: 100%;
	padding: 0 20px;
	border: 1px solid #e8e8e8;
	height: 55px;
	font-family: inherit;
	font-weight: 300;
	border-radius: 6px;
	color: inherit;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 16px;
}

.comments .form textarea {
	border: 1px solid #e8e8e8;
	width: 100%;
	height: 150px;
	font-family: inherit;
	font-weight: 300;
	border-radius: 6px;
	color: inherit;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 15px 20px;
	resize: none;
	font-size: 16px;
}

.comments .form input[type="submit"] {
	height: 55px;
	line-height: 55px;
	border-radius: 6px;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: inherit;
	font-weight: 300;
	font-size: 16px;
}

.comments .form input[type="submit"]:hover {
	border-color: var(--lf-primary);
}


.box-padding {
	padding: 30px;
}

.box-radius {
	border-radius: 6px;
}

.box-border {
	border: 1px solid #e4e4e4;
}

.box-shadow {
	box-shadow: 0 8px 16px 0 rgba(58, 95, 149, 0.1);
}




.add-btn-wrapper>button {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	border: solid 1px rgba(0, 0, 0, .08);
	background-color: #fff;
	font-size: 14px;
	font-weight: 300;
	color: #3c5063;
	position: relative;
	cursor: pointer;
}

.add-btn-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}

#headerProductSearchBox {
	min-width: auto;
}

.blog-sidebar-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: center;
}

.blog-details img {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.list-head {
	background-color: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 15px 0;
}

.list-head-inner {
	display: flex;
	align-items: center;
	gap: 15px;
}

.list-head-count {
	font-size: 14px;
	color: #777;
	white-space: nowrap;
}

.list-head-title {
	flex: 1;
	font-size: 20px;
	font-weight: 700;
	margin: 0;
	color: #151515;
	display: flex;
	justify-content: center;
}

.list-head-sort select.form-control {
	max-width: 200px;
	padding: 6px 10px;
	font-size: 14px;
}

h1,
.h1 {
	font-size: 24px;
}

h2,
.h2 {
	font-size: 22px
}

h3,
.h3 {
	font-size: 21px;
}

h4,
.h4 {
	font-size: 20px;
}

h5,
.h5 {
	font-size: 19px;
}

h6,
.h6 {
	font-size: 18px;
}

.breadcrumbs .breadcrumb {
	padding: 15px 0 20px;
	margin: 0;
}

.breadcrumbs .breadcrumb li {
	font-size: 14px;
	letter-spacing: -0.4px;
	margin-right: 10px;
	color: #929DA8;
}

.breadcrumbs .breadcrumb li.active {
	font-weight: bold;
}

.breadcrumbs .breadcrumb li::before {
	color: #929DA8;
}

.breadcrumbs .breadcrumb a {
	color: #929DA8;
}

.breadcrumbs .breadcrumb a:hover {
	color: var(--lf-primary);
}


.breadcrumb-item+.breadcrumb-item::before {
	content: "\f054";
	font-family: "Font Awesome 7 Free";
}

@media (max-width: 991.98px) {
	.list-head {
		min-height: inherit;
		padding: 20px 0;
	}
}

@media (max-width: 991.98px) {
	.list-head-inner {
		flex-wrap: wrap;
	}

	.list-head-title {
		width: 100%;
		order: -1;
		font-size: 18px;
		text-align: center;
		margin-bottom: 5px;
	}

	.list-head-count {
		flex: 1;
	}
}

.list-head .h2 {
	font-size: 26px;
	line-height: 100px;
	text-align: center;
	margin: 0;
}

@media (max-width: 991.98px) {
	.list-head .h2 {
		line-height: 2;
	}
}

.list-head .dropdown {
	float: right;
}

@media (max-width: 991.98px) {
	.list-head .dropdown {
		margin: 10px 0;
		float: none;
		text-align: center;
	}
}

.list-head .dropdown p {
	float: left;
}

@media (max-width: 991.98px) {
	.list-head .dropdown p {
		float: none;
		font-size: 16px;
		line-height: 1.5;
		margin-right: 10px;
		display: inline;
	}
}

.list-head .dropdown .btn {
	margin: 31px 0;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

@media (max-width: 991.98px) {
	.list-head .dropdown .btn {
		margin: 0;
		padding: 0;
	}
}

.list-head .dropdown .btn::after {
	display: none;
}

.list-head .dropdown .btn i {
	margin: 4px 0 0 10px;
	float: right;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.list-head .dropdown .btn.active i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.list-head .dropdown .dropdown-menu {
	top: 80%;
	right: 0;
}

.footer-motto {
	min-width: 482px;
	background: var(--lf-primary) url("./img/bg-footer-motto.png");
}

@media (max-width: 991.98px) {
	.footer-motto {
		min-width: inherit;
		padding: 30px 0;
	}
}

.footer-motto .row {
	min-height: 482px;
	text-align: center;
}

@media (max-width: 991.98px) {
	.footer-motto .row {
		min-height: inherit;
	}
}

.footer-motto p {
	width: 100%;
	font-size: 40px;
	line-height: 1.2;
	display: block;
	margin-bottom: 40px;
	color: #FFF;
}

@media (max-width: 991.98px) {
	.footer-motto p {
		text-align: center;
		font-size: 22px;
		line-height: 1.4;
		margin-bottom: 20px;
	}
}

.footer-motto a {
	min-width: 200px;
	height: 54px;
	line-height: 54px;
	border: 1px solid #FFF;
	background: var(--lf-primary);
	color: #FFF;
	font-size: 14px;
	display: inline-block;
	padding: 0;
	border-radius: 0;
	font-weight: 500;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-decoration: none;
}

.footer-motto a:hover {
	background: #FFF;
	color: var(--lf-primary);
}

.mb-30 {
	margin-bottom: 30px;
}

.rate {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	height: 40px;
}

.rate input {
	display: none;
}

.rate:not(:checked)>label {
	width: 1em;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 30px;
	color: #ccc;
}

.rate:not(:checked)>label:before {
	content: '★ ';
}

.rate>input:checked~label {
	color: #ffc700;
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
	color: #deb217;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
	color: #c59b08;
}

.star-color {
	color: #ffc700;
}

.comments .form {
	margin-top: 0;
}

.special-design-area p {
	font-size: 36px;
}

.special-design-area a,
.special-design-area button {
	font-size: 20px;
	padding: 0 30px;
	border-width: 1.5px;
}

.force-bs-modal.modal-open {
	overflow: hidden
}

.force-bs-modal .modal-body .form-group label {
	font-weight: bold;
	width: 100%;
	text-align: left;
}

.modal-open .force-bs-modal.modal {
	overflow-x: hidden;
	overflow-y: auto
}

.force-bs-modal.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

.force-bs-modal.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none
}

.force-bs-modal.modal.fade .modal-dialog {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translate(0, -50px);
	transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
	.force-bs-modal.modal.fade .modal-dialog {
		transition: none
	}
}

.force-bs-modal.modal.show .modal-dialog {
	-webkit-transform: none;
	transform: none;
	width: auto;
	height: auto;
	min-width: inherit;
	min-height: inherit;
	background: inherit;
	margin: 1.75rem auto !important;
}

.force-bs-modal .modal-dialog-scrollable {
	display: -ms-flexbox;
	display: flex;
	max-height: calc(100% - 1rem)
}

.force-bs-modal .modal-dialog-scrollable .modal-content {
	max-height: calc(100vh - 1rem);
	overflow: hidden
}

.force-bs-modal .modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.force-bs-modal .modal-dialog-scrollable .modal-body {
	overflow-y: auto
}

.force-bs-modal .modal-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem)
}

.force-bs-modal .modal-dialog-centered::before {
	display: block;
	height: calc(100vh - 1rem);
	content: ""
}

.force-bs-modal .modal-dialog-centered.modal-dialog-scrollable {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%
}

.force-bs-modal .modal-dialog-centered.modal-dialog-scrollable .modal-content {
	max-height: none
}

.force-bs-modal .modal-dialog-centered.modal-dialog-scrollable::before {
	content: none
}

.force-bs-modal .modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	outline: 0;
	padding: initial;
	height: initial;
}

.force-bs-modal .modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000
}

.force-bs-modal .modal-backdrop.fade {
	opacity: 0
}

.force-bs-modal .modal-backdrop.show {
	opacity: .5
}

.force-bs-modal .modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem
}

.force-bs-modal .modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto
}

.force-bs-modal .modal-title {
	margin-bottom: 0;
	line-height: 1.5
}

.force-bs-modal .modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem
}

.force-bs-modal .modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: .3rem;
	border-bottom-left-radius: .3rem
}

.force-bs-modal .modal-footer>:not(:first-child) {
	margin-left: .25rem
}

.force-bs-modal .modal-footer>:not(:last-child) {
	margin-right: .25rem
}

.force-bs-modal .modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

.product-slider-area img {
	max-width: 100%;
	height: auto;
	border: 1.5px solid #e9e9e9;
	padding: 5px;
	border-radius: 5px;
}

.product-thumb-slider img {
	padding: 3px;
}


@media (min-width: 576px) {
	.force-bs-modal .modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto
	}

	.force-bs-modal .modal-dialog-scrollable {
		max-height: calc(100% - 3.5rem)
	}

	.force-bs-modal .modal-dialog-scrollable .modal-content {
		max-height: calc(100vh - 3.5rem)
	}

	.force-bs-modal .modal-dialog-centered {
		min-height: calc(100% - 3.5rem)
	}

	.force-bs-modal .modal-dialog-centered::before {
		height: calc(100vh - 3.5rem)
	}

	.force-bs-modal .modal-sm {
		max-width: 300px
	}
}

@media (min-width: 992px) {

	.force-bs-modal.modal-lg,
	.modal-xl {
		max-width: 800px
	}
}

@media (min-width: 1200px) {
	.force-bs-modal.modal-xl {
		max-width: 1140px
	}
}


@media (max-width: 991.98px) {
	.list-head .dropdown .dropdown-menu {
		top: 100%;
	}
}

.order-button {
	background: var(--lf-primary);
	color: #fff;
	font-size: 18px;
	border-radius: 5px;
	padding: 15px 30px;
	min-width: 200px;
	margin-left: 50px;
	position: relative;
	border: none;
	outline: none;
	display: inline-flex;
	cursor: pointer;
}

@media only screen and (max-width: 480px) {
	.order-button {
		display: block;
		margin-left: 0;
		margin-top: 20px;
	}
}

.order-button:after {
	content: "\f061";
	font-weight: 900;
	font-family: 'Font Awesome 7 Free';
	font-size: 14px;
	position: absolute;
	right: 30px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.order-button:hover:after {
	right: 25px;
}


.product-detail {
	margin-top: 30px;
}

.product-detail .order-create .price span.old {
	color: #8C8C8C;
	text-decoration: line-through;
}

.product-detail .order-create .price {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.product-detail .order-create .h3 {
	font-size: 24px;
	font-weight: 500;
}

.product-detail .order-create .location-search {
	position: relative;
	z-index: 98;
}

.product-detail .order-create .location-search .search {
	width: auto;
	background: transparent;
	position: relative;
}

.product-detail .order-create .location-search .search i {
	position: absolute;
	font-size: 20px;
}

.product-detail .order-create .location-search .search .fa-location-dot {
	color: var(--lf-primary);
	right: 20px;
	top: 14px;
}

.product-detail .order-create .location-search .search .fa-magnifying-glass {
	color: #ced6d7;
	left: 13px;
	top: 11px;
	font-size: 28px;
}

.product-detail .order-create .location-search .search .default-locations {
	display: none;
}

.product-detail .order-create .location-search .search .default-locations ul {
	display: block !important;
}

.product-detail .order-create .location-search .search .default-locations ul li {
	font-size: 14px;
	border: 1px solid #ebebeb;
}

.product-detail .order-create .location-search .search .default-locations ul li a {
	color: #151515;
	text-decoration: none;
	display: block;
}

.product-detail .order-create .location-search .search .default-locations ul li:hover {
	background: var(--lf-primary);
	border-color: var(--lf-primary);
}

.product-detail .order-create .location-search .search .default-locations ul li:hover a {
	color: #FFF;
}

.product-detail .order-create .form .dates {
	overflow: hidden;
}

.product-detail .order-create .form .dates ul {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
}

.simple-btn {
	background: var(--lf-primary);
	color: #fff;
	cursor: pointer;
	padding: 5px 15px;
	border-radius: 4px;
	border: none;
}

.product-detail .order-create .form .dates li {
	flex: 1;
	min-width: 0;
	position: relative;
}

.product-detail .order-create .form .dates li input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.product-detail .order-create .form .dates li label {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 80px;
	border: 1px solid #ebebeb;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
	padding: 5px 5px 0;
	margin-bottom: 0;
	box-sizing: border-box;
	transition: border-color .2s ease;
}

.product-detail .order-create .form .dates li label strong {
	font-weight: 500;
	font-size: 15px;
	display: block;
}

.product-detail .order-create .form .dates li label::after {
	width: auto;
	height: 4px;
	background: var(--primary-color, #1F3A2E);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	display: block;
	opacity: 0;
	transition: opacity .2s ease;
}

.product-detail .order-create .form .dates li label:hover {
	border-color: var(--primary-color, #1F3A2E);
}

.product-detail .order-create .form .dates li label:hover::after {
	opacity: 1;
}

.product-detail .order-create .form .dates li label.selected {
	color: #FFF;
	background: var(--lf-primary);
}

.product-detail .order-create .form .dates li label i {
	font-size: 26px;
}

.product-detail .order-create .form .dates li label.date-selector.date-selected {
	padding: 5px 5px 0;
	line-height: 1.3;
}

@media (max-width: 991.98px) {
	.product-detail .order-create .form .dates li label.date-selector.date-selected {
		font-size: 12px;
	}
}

.product-detail .order-create .form .dates li.special-day label {
	border-color: #f64071;
	color: #f64071;
}

.product-detail .order-create .form .dates li.special-day label::after {
	background: #f64071;
}

.product-detail .order-create .form .dates li .datepicker {
	display: none;
}

.product-detail .order-create .form .time-selector {
	display: block;
	margin: -10px 0 20px;
	position: relative;
}

.product-detail .order-create .form .time-selector input,
.product-detail .order-create .form .time-selector select {
	border: 1px solid #ebebeb;
	border-radius: 8px;
	height: 40px;
	line-height: 40px;
	font-family: inherit;
	font-weight: 400;
	font-size: 14px;
	padding: 0 10px 0 40px;
	color: #151515;
	cursor: pointer;
	width: 100%;
	background-color: #fff;
	box-sizing: border-box;
}

.product-detail .order-create .form .time-selector .fa-clock {
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	left: 12px;
	color: var(--primary-color, #1F3A2E);
	font-size: 18px;
}

.product-detail .order-create .form .time-selector .picker--time {
	width: 200px;
	min-width: inherit;
}

.product-detail .order-create .form .time-selector .picker--time .picker__holder {
	background: none;
	border: 1px solid #ebebeb;
}

.product-detail .order-create .form .time-selector .picker--time .picker__holder .picker__list {
	padding: 0 0 10px;
}

.product-detail .order-create .form .time-selector .picker--time .picker__holder .picker__list .picker__list-item {
	font-size: 14px;
	color: #151515;
}

.product-detail .order-create .form .time-selector .picker--time.picker--focused .picker__list-item--highlighted,
.product-detail .order-create .form .time-selector .picker--time .picker__list-item--highlighted:hover {
	background: var(--lf-primary);
	color: #FFF !important;
	border-color: var(--lf-primary);
}

.product-detail .order-create .form .time-selector .picker--time .picker__list-item:hover {
	background: #ea3163;
	color: #FFF !important;
	border-color: #ea3163;
}

.product-detail .order-create .price {
	width: 100%;
	padding: 15px;
	overflow: hidden;
	background: transparent;
	border-radius: 3px;
	margin: 0 0 30px;
}

.product-detail .order-create .price span {
	display: inline-block;
	position: relative;
	font-size: 38px;
	color: #151515;
	width: auto;
}

.product-detail .order-create .price .price-wrap {
	width: 50%;
	float: left;
	display: inline-block;
}

.product-detail .order-create .price em {
	position: relative;
	display: block;
	width: 70px;
	height: 30px;
	margin: 10px 0 0 8px;
	float: right;
	font-size: 12px;
	font-style: normal;
}

.product-detail .order-create .price em i {
	display: block;
	font-style: normal;
	text-align: left;
}

.product-detail .order-create .price em i:last-child {
	margin-top: -2px;
}

.product-detail .order-create .price .cbtn {
	font-size: 18px;
	height: 55px;
	line-height: 55px;
	border-radius: 6px;
	text-decoration: none;
	float: right;
}

@media (max-width: 991.98px) {
	.product-detail .order-create .price .cbtn {
		height: auto;
		line-height: 30px;
		padding: 13px;
		width: 50%;
		text-align: center;
	}
}

.product-detail .order-create .price .cbtn:hover {
	background: #ea3163;
	color: #FFF;
}

.product-detail .order-create .price .price-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.product-detail .order-create .form .dates li input:disabled+label {
	cursor: not-allowed;
	opacity: 0.5;
}

.product-detail .order-create .h3 {
	margin-bottom: 1rem;
}

.product-detail .order-create .price {
	margin-top: 20px;
}

.product-detail .order-create .form .time-selector select {
	border: 2px solid #f64172;
	font-weight: bold;
}

.product-detail .order-create .form .time-selector {
	margin: -10px 0 30px;
}


.product-detail .order-create .location-search .search .fa-magnifying-glass {
	z-index: 1;
}

.product-detail .order-create .location-search .search .fa-location-dot {
	z-index: 1;
}

.text-theme {
	color: var(--lf-primary);
}


.counter input[type='number'] {
	-moz-appearance: textfield;
}

.counter input::-webkit-outer-spin-button,
.counter input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.breadcrumb-item+.breadcrumb-item::before {
	content: "\f054";
	font-family: "Font Awesome 7 Free";
}

.extra-product-box {
	border: 1px solid #e9e9e9;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 10px 15px 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

.extra-product-box img {
	margin-bottom: 20px;
	width: 100%;
	height: auto;
}

.extra-product-box-text {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #929da8;
	margin-bottom: 15px;
}

.extra-product-box .extra-product-box-title {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.extra-product-box .extra-product-box-price {
	display: block;
	font-style: normal;
	color: #3c5063;
	margin-top: 5px;
}

.extra-product-box .down,
.extra-product-box .up {
	height: 35px;
	line-height: 30px;
	display: flex;
	justify-content: center;
	width: 35px;
	align-items: center;
	text-align: center;
	border-radius: 5px;
	border: solid 1px rgba(0, 0, 0, .08);
	background-color: #fff;
	font-size: 14px;
	font-weight: 300;
	color: #3c5063;
	position: relative;
	cursor: pointer;
}

.extra-product-box .counter-wrapper {
	display: flex;
	justify-content: center;
}

.extra-product-box .counter input {
	width: 35px;
	height: 35px;
	border-radius: 5px;
	border: solid 1px rgba(0, 0, 0, .08);
	background-color: #fff;
	color: #3c5063;
	text-align: center;
}

.extra-product-box .counter-wrapper>*+* {
	margin-left: 10px;
}

.extra-product-list>.row>div,
.vase-list>.row>div {
	margin-bottom: 20px;
}

.extra-product-box:hover {
	-webkit-box-shadow: 0 0 21px 0 rgba(0, 0, 0, .09);
	box-shadow: 0 0 21px 0 rgba(0, 0, 0, .09);
	background-color: #fff;
}

.extra-product-box::after {
	width: auto;
	height: 4px;
	background: var(--lf-primary);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	display: block;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.extra-product-box:hover::after {
	opacity: 1;
}

.extra-product-list {
	display: none;
}

.simple-bottom-border {
	border-bottom: 2px solid var(--lf-primary);
	display: inline-block;
	padding-bottom: 5px;
}

.sticky-wrapper {
	position: sticky;
	/* sticky nav (~78px) altında kalsın diye nav yüksekliği + boşluk kadar offset */
	top: 100px;
}


.extra-product-box.selected .add-btn-wrapper>button {
	background-color: var(--lf-primary);
	color: #fff;
	font-weight: bold;
}

.add-btn-wrapper>button:focus {
	outline: none;
}

.vase-list .extra-product-box-text {
	margin-bottom: 5px;
}

.vase-list .extra-product-box img {
	margin-bottom: 5px;
}

.vase-list .extra-product-box {
	padding: 10px 15px;
}

.extra-product-box.selected::after {
	opacity: 1;
}

.extra-product-box.selected .add-btn-wrapper>button::after {
	content: "\f00c";
	font-family: "Font Awesome 7 Free";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--lf-primary);
	font-size: 20px;
}

.time-selector select {
	-webkit-appearance: none;
}

.js-showMoreExtraProducts {
	background-color: #222;
}


.show-login-panel {
	margin-bottom: 30px;
}

.login-panel {
	position: fixed;
	top: 0;
	bottom: 0;
	background: #FFF;
	min-width: 30%;
	z-index: 5000;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	right: -40%;
}

.login-panel .top .btn-close-panel {
	top: 0;
}

.login-panel .top .logo {
	padding: 10px;
	text-align: center;
	height: 20%;
}

.login-panel .panel {
	top: -75%;
}

.login-panel .content {
	top: -65%;
}

.login-panel.active {
	right: 0px;
}

.login-panel .top {
	width: 100%;
	height: 50%;
	background: var(--lf-primary) url("./img/img-login-panel-pattern.png") center center;
	background-clip: content-box;
	position: relative;
	z-index: 1;
}

.login-panel .top .btn-close-panel {
	color: #FFF;
	text-decoration: none;
	font-size: 60px;
	position: absolute;
	left: 10px;
	top: 40px;
}

.login-panel .bottom {
	width: 100%;
	height: 50%;
	background: #FFF;
	padding: 0 20px;
	position: relative;
}

.login-panel .panel {
	width: 95%;
	margin: auto;
	padding: 25px 0;
	background: #FFF;
	min-height: auto;
	position: relative;
	top: 0;
	-webkit-box-shadow: 0px 5px 13px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0px 5px 13px 0 rgba(0, 0, 0, 0.05);
	border: solid 1px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 85%;
}

.login-panel .panel::after {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	display: block;
	border-bottom: 5px solid var(--lf-primary);
}

.login-panel .panel .btn-panel {
	width: 100%;
	min-height: calc(100% / 4);
	color: #FFF;
	border-radius: 5px;
	-webkit-box-shadow: 0px 5px 13px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0px 5px 13px 0 rgba(0, 0, 0, 0.05);
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	position: relative;
	outline: none;
	margin-bottom: 20px;
	white-space: nowrap;
	padding: 0 20px;
	max-width: 90%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
}

.login-panel .panel .btn-panel:last-child {
	margin-bottom: 0;
}

.login-panel .panel .btn-panel span {
	position: relative;
}

.login-panel .panel .btn-panel i {
	display: inline-block;
	margin-left: 15px;
	position: relative;
	top: 5px;
}

.login-panel .panel .btn-panel.uye-girisi {
	background: var(--lf-primary);
}

.login-panel .panel .btn-panel.uye-girisi:hover {
	background: #ea3163;
}

.login-panel .panel .btn-panel.fb-login {
	background: #185aa3;
}

.login-panel .panel .btn-panel.fb-login:hover {
	background: #114177;
}

.login-panel .panel .btn-panel.uye-olmadan-devam {
	background: #3c5063;
}

.login-panel .panel .btn-panel.uye-olmadan-devam:hover {
	background: #ea3163;
}

.login-panel .content {
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.login-panel .content .h4 {
	font-size: 24px;
}

.login-panel .content p {
	font-size: 16px;
	line-height: 1.4;
}

.login-panel .content img {
	margin: 20px 0;
}

.login-panel .content strong {
	display: block;
}

.ico-font-family,
.florist-wrapper.panel .menu li a::after {
	font-family: "Font Awesome 7 Free" !important;
	font-weight: 900;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.login {
	background: #FFF url("./img/bg-login.png") right top no-repeat;
}

body.panel {
	background: #FFF url("./img/bg-login.png") right top no-repeat;
}

.login-panel {
	right: -999%;
}

.login-panel .top .btn-close-panel {
	font-size: 40px;
	left: 10px;
	display: flex;
	top: 0;
}

.login-panel .top .logo img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}


.sub-item-box {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.sub-item-box img {
	max-height: 90px;
	width: auto;
	border-radius: 4px;
}

.date-selector {
	margin-bottom: 15px;
}


.ico-font-family,
.florist-wrapper.panel .menu li a::after {
	font-family: "Font Awesome 7 Free" !important;
	font-weight: 900;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.process {
	background: #eff2f9;
	min-height: 160px;
	margin-bottom: 60px;
	position: relative;
}

@media (max-width: 991.98px) {
	.process {
		margin-bottom: 20px;
		min-height: inherit;
	}

	.process .main {
		display: none;
	}
}

.process ul {
	position: relative;
	overflow: hidden;
	margin: 38px 0;
}

@media (max-width: 991.98px) {
	.process ul {
		margin: 20px 0;
	}
}

.process ul::after {
	width: calc(100% - 100px);
	height: 4px;
	background: var(--lf-border);
	content: ' ';
	display: block;
	position: absolute;
	margin: 18px 0 0 50px;
	z-index: 100;
}

@media (max-width: 991.98px) {
	.process ul::after {
		margin: 13px 0 0 50px;
	}
}

.process li {
	position: relative;
	z-index: 200;
	width: calc(100% / 3);
	float: left;
	text-align: center;
	color: #bec2ca;
}

.process li div {
	width: auto;
	text-align: center;
	display: inline-block;
}

.process li i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	background: var(--lf-border);
	display: inline-block;
	color: #FFF;
	font-weight: 600;
	font-size: 20px;
	font-style: normal;
	margin-bottom: 10px;
	position: relative;
	z-index: 150;
}

@media (max-width: 991.98px) {
	.process li i {
		width: 30px;
		height: 30px;
	}
}

.process li i::before {
	width: 40px;
	height: 40px;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: url("./img/check.png") center center no-repeat;
	display: none;
}

@media (max-width: 991.98px) {
	.process li i::before {
		width: 30px;
		height: 30px;
	}
}

.process li span {
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: var(--lf-border);
}

@media (max-width: 991.98px) {
	.process li span {
		font-size: 14px;
	}
}

.process li.active i {
	width: 40px;
	height: 40px;
	background: #FFF;
	border: 5px solid var(--lf-primary);
}

@media (max-width: 991.98px) {
	.process li.active i {
		width: 30px;
		height: 30px;
	}
}

.process li.active span {
	color: #3c5063;
}

.process li.done i {
	background: var(--lf-primary);
}

.process li.done i::before {
	display: block;
}

.process li.done span {
	color: var(--lf-primary);
}

.process li:nth-child(1) {
	text-align: left;
}

.process li:nth-child(1).done::before {
	width: calc(50% + 50px);
	height: 4px;
	background: var(--lf-primary);
	display: block;
	content: ' ';
	position: absolute;
	top: 18px;
	left: 50px;
}

@media (max-width: 991.98px) {
	.process li:nth-child(1).done::before {
		top: 13px;
	}
}

.process li:nth-child(1).done::after {
	width: calc(100%);
	height: 4px;
	background: var(--lf-primary);
	display: block;
	content: ' ';
	position: absolute;
	top: 18px;
	right: -50%;
}

@media (max-width: 991.98px) {
	.process li:nth-child(1).done::after {
		top: 13px;
	}
}

.process li:nth-child(2).done::before {
	width: calc(50% + 50px);
	height: 4px;
	background: var(--lf-primary);
	display: block;
	content: ' ';
	position: absolute;
	top: 18px;
	left: 50%;
}

@media (max-width: 991.98px) {
	.process li:nth-child(2).done::before {
		top: 13px;
	}
}

.process li:nth-child(2).done::after {
	width: calc(100%);
	height: 4px;
	background: var(--lf-primary);
	display: block;
	content: ' ';
	position: absolute;
	top: 18px;
	right: calc(-100% + 50px);
}

@media (max-width: 991.98px) {
	.process li:nth-child(2).done::after {
		top: 13px;
	}
}

.process li:nth-child(3) {
	text-align: right;
}

.process .pay-status {
	width: 100%;
	min-height: 160px;
	position: absolute;
	z-index: 1000;
	top: 0;
}

@media (max-width: 991.98px) {
	.process .pay-status {
		min-height: inherit;
		position: relative;
	}
}

.process .pay-status .status {
	width: 100%;
	min-height: 160px;
	overflow: hidden;
	padding: 20px 0;
}

@media (max-width: 991.98px) {
	.process .pay-status .status {
		min-height: inherit;
	}
}

.process .pay-status .icon {
	float: left;
}

@media (max-width: 991.98px) {
	.process .pay-status .icon {
		width: 50px;
		height: 50px;
	}

	.process .pay-status .icon img {
		width: 100%;
	}
}

.process .pay-status .text {
	float: left;
	margin-left: 30px;
	padding: 30px 0 0;
}

@media (max-width: 991.98px) {
	.process .pay-status .text {
		width: calc(100% - 65px);
		padding: 0;
		margin-left: 15px;
	}
}

.process .pay-status .text .h4 {
	font-size: 24px;
	line-height: 1;
	color: #FFF;
}

@media (max-width: 991.98px) {
	.process .pay-status .text .h4 {
		font-size: 20px;
	}
}

.process .pay-status .text p {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.65);
	line-height: 20px;
}

@media (max-width: 991.98px) {
	.process .pay-status .text p {
		font-size: 14px;
		margin: 0;
	}
}

.process .pay-status .declined {
	background-image: -webkit-gradient(linear, left top, right top, from(#ec5857), to(#f3994a));
	background-image: linear-gradient(to right, #ec5857, #f3994a);
}

.process .pay-status .success {
	background-image: -webkit-gradient(linear, left top, right top, from(#229754), to(#6ecf96));
	background-image: linear-gradient(to right, #229754, #6ecf96);
}


i[class^="i-"],
i[class*=" i-"] {
	background-repeat: no-repeat !important;
	background-position: center center !important;
	display: block;
}

i.i-flow {
	width: 30px;
	height: 37px;
	background: url("./img/icons/icon-flov.png");
}

i.i-ship {
	width: 40px;
	height: 25px;
	background: url("./img/icons/icon-ship.png");
}

i.i-love {
	width: 29px;
	height: 25px;
	background: url("./img/icons/icon-love.png");
}

i.i-alarm {
	width: 26px;
	height: 25px;
	background: url("./img/icons/icon-alarm.png");
}

i.i-uye-girisi {
	width: 28px;
	height: 25px;
	background: url("./img/icons/icon-uye-girisi.png");
}

i.i-facebook {
	width: 25px;
	height: 25px;
	background: url("./img/icons/icon-facebook.png");
}

i.i-uye-olmadan-giris {
	width: 30px;
	height: 25px;
	background: url("./img/icons/icon-uye-olmadan-giris.png");
}

i[class^="si-"],
i[class*=" si-"] {
	background-repeat: no-repeat !important;
	background-position: left top !important;
	display: block;
}

.si-ship {
	width: 32px;
	height: 20px;
	background: url("./img/icons/icon-siparis-takip.png");
}

.si-uyelik {
	width: 32px;
	height: 20px;
	background: url("./img/icons/icon-uyelik-bilgileri.png");
}

.si-hatirlatma-servisi {
	width: 32px;
	height: 20px;
	background: url("./img/icons/icon-hatirlatma-servisi.png");
}

.si-kayitli-kartlarim {
	width: 32px;
	height: 20px;
	background: url("./img/icons/icon-kayitli-kartlarim.png");
}

.si-sifre-degistir {
	width: 32px;
	height: 20px;
	background: url("./img/icons/icon-sifre-degistir.png");
}

.si-hediye-ceklerim {
	width: 32px;
	height: 20px;
	background: url("./img/icons/icon-hediye-ceklerim.png");
}

.si-iletisim-izinleri {
	width: 32px;
	height: 20px;
	background: url("./img/icons/icon-iletisim-izni.png");
}

::-webkit-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #929DA8;
	opacity: 1;
	/* Firefox */
}

:-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #929DA8;
	opacity: 1;
	/* Firefox */
}

::-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #929DA8;
	opacity: 1;
	/* Firefox */
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #929DA8;
	opacity: 1;
	/* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #929DA8;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #929DA8;
}

a {
	color: #3c5063;
}

a:hover {
	color: var(--lf-primary);
}

.form-wrapper .form-group {
	margin-bottom: 20px;
}

.form-wrapper .form-group:last-child {
	margin-bottom: 0;
}

.form-wrapper .form-group .form-element[type=text],
.form-wrapper .form-group .form-element[type=email],
.form-wrapper .form-group .form-element[type=password],
.form-wrapper .form-group .form-element.textarea,
.form-wrapper .form-group .form-element.selectbox {
	width: 100%;
	height: 50px;
	padding: 0 15px;
	background-color: #FFF;
	border: 1px solid #E9E9E9;
	border-radius: 5px;
	outline: none;
	color: #3c5063;
}

.form-wrapper .form-group .form-element[type=text].error,
.form-wrapper .form-group .form-element[type=password].error,
.form-wrapper .form-group .form-element.textarea.error,
.form-wrapper .form-group .form-element.selectbox.error {
	border-color: #fa4a4d;
}

.form-wrapper .form-group .form-element[type=text].error:hover,
.form-wrapper .form-group .form-element[type=text].error:focus,
.form-wrapper .form-group .form-element[type=password].error:hover,
.form-wrapper .form-group .form-element[type=password].error:focus,
.form-wrapper .form-group .form-element.textarea.error:hover,
.form-wrapper .form-group .form-element.textarea.error:focus,
.form-wrapper .form-group .form-element.selectbox.error:hover,
.form-wrapper .form-group .form-element.selectbox.error:focus {
	border-color: #fa4a4d;
}

.form-wrapper .form-group .form-element[type=text]:hover,
.form-wrapper .form-group .form-element[type=text]:focus,
.form-wrapper .form-group .form-element[type=email]:hover,
.form-wrapper .form-group .form-element[type=email]:focus,
.form-wrapper .form-group .form-element[type=password]:hover,
.form-wrapper .form-group .form-element[type=password]:focus,
.form-wrapper .form-group .form-element.textarea:hover,
.form-wrapper .form-group .form-element.textarea:focus,
.form-wrapper .form-group .form-element.selectbox:hover,
.form-wrapper .form-group .form-element.selectbox:focus {
	border-color: #3c5063;
}

.form-wrapper .form-group .form-element[type=text].with-icon,
.form-wrapper .form-group .form-element[type=email].with-icon,
.form-wrapper .form-group .form-element[type=password].with-icon,
.form-wrapper .form-group .form-element.textarea.with-icon,
.form-wrapper .form-group .form-element.selectbox.with-icon {
	padding-left: 55px;
	background-position: 16px center;
	background-repeat: no-repeat;
}

.form-wrapper .form-group .form-element[type=text].with-icon.user,
.form-wrapper .form-group .form-element[type=password].with-icon.user,
.form-wrapper .form-group .form-element.textarea.with-icon.user,
.form-wrapper .form-group .form-element.selectbox.with-icon.user {
	background-image: url("./img/icons/icon-user.png");
}

.form-wrapper .form-group .form-element[type=text].with-icon.email,
.form-wrapper .form-group .form-element[type=email].with-icon.email,
.form-wrapper .form-group .form-element[type=password].with-icon.email,
.form-wrapper .form-group .form-element.textarea.with-icon.email,
.form-wrapper .form-group .form-element.selectbox.with-icon.email {
	background-image: url("./img/icons/icon-email.png");
}

.form-wrapper .form-group .form-element[type=text].with-icon.password,
.form-wrapper .form-group .form-element[type=password].with-icon.password,
.form-wrapper .form-group .form-element.textarea.with-icon.password,
.form-wrapper .form-group .form-element.selectbox.with-icon.password {
	background-image: url("./img/icons/icon-password.png");
}

.form-wrapper .form-group .form-element[type=text].with-icon.receiver,
.form-wrapper .form-group .form-element[type=password].with-icon.receiver,
.form-wrapper .form-group .form-element.textarea.with-icon.receiver,
.form-wrapper .form-group .form-element.selectbox.with-icon.receiver {
	background-image: url("./img/icons/icon-receiver.png");
}

.form-wrapper .form-group .form-element[type=text].with-icon.address,
.form-wrapper .form-group .form-element[type=password].with-icon.address,
.form-wrapper .form-group .form-element.textarea.with-icon.address,
.form-wrapper .form-group .form-element.selectbox.with-icon.address {
	background-image: url("./img/icons/icon-address.png");
}

.form-wrapper .form-group .form-element[type=text].with-icon.phone,
.form-wrapper .form-group .form-element[type=password].with-icon.phone,
.form-wrapper .form-group .form-element.textarea.with-icon.phone,
.form-wrapper .form-group .form-element.selectbox.with-icon.phone {
	background-image: url("./img/icons/icon-phone.png");
}

.form-wrapper .form-group .form-element[type=text].with-icon.credit-card,
.form-wrapper .form-group .form-element[type=password].with-icon.credit-card,
.form-wrapper .form-group .form-element.textarea.with-icon.credit-card,
.form-wrapper .form-group .form-element.selectbox.with-icon.credit-card {
	background-image: url("./img/icons/icon-credit-card.png");
}

.form-wrapper .form-group .form-element.textarea {
	min-height: 160px;
	resize: none;
	background-position: 16px 16px !important;
	padding-top: 15px;
	padding-bottom: 15px;
}

.form-wrapper .form-group .form-element.checkbox,
.form-wrapper .form-group .form-element.radio {
	overflow: hidden;
	/* style label */
	/* toggle hover */
	/* toggle on */
}

.form-wrapper .form-group .form-element.checkbox.big,
.form-wrapper .form-group .form-element.radio.big {
	margin: 12px 0 0;
}

.form-wrapper .form-group .form-element.checkbox input[type=radio]:empty,
.form-wrapper .form-group .form-element.checkbox input[type=checkbox]:empty,
.form-wrapper .form-group .form-element.radio input[type=radio]:empty,
.form-wrapper .form-group .form-element.radio input[type=checkbox]:empty {
	margin-left: -9999px;
}

.form-wrapper .form-group .form-element.checkbox input[type=radio]:empty~label,
.form-wrapper .form-group .form-element.checkbox input[type=checkbox]:empty~label,
.form-wrapper .form-group .form-element.radio input[type=radio]:empty~label,
.form-wrapper .form-group .form-element.radio input[type=checkbox]:empty~label {
	position: relative;
	float: left;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-left: 24px;
	margin-left: 1px;
	font-size: 12px;
	color: #475a6c;
	line-height: 20px;
}

.form-wrapper .form-group .form-element.checkbox input[type=radio]:empty~label,
.form-wrapper .form-group .form-element.radio input[type=radio]:empty~label {
	font-size: 16px;
	padding-left: 32px;
	line-height: 26px;
}

.form-wrapper .form-group .form-element.checkbox.big input[type=checkbox]:empty~label,
.form-wrapper .form-group .form-element.radio.big input[type=checkbox]:empty~label {
	font-size: 16px;
	padding-left: 32px;
	line-height: 26px;
}

.form-wrapper .form-group .form-element.checkbox input[type=radio]:empty~label:before,
.form-wrapper .form-group .form-element.radio input[type=radio]:empty~label:before {
	position: absolute;
	display: block;
	top: 3px;
	bottom: 0;
	left: 0;
	content: '';
	width: 20px;
	height: 20px;
	background: #FFF;
	border-radius: 50%;
	border: 1px solid #E9E9E9;
}

.form-wrapper .form-group .form-element.checkbox input[type=checkbox]:empty~label:before,
.form-wrapper .form-group .form-element.radio input[type=checkbox]:empty~label:before {
	position: absolute;
	display: block;
	top: 3px;
	bottom: 0;
	left: 0;
	content: '';
	width: 15px;
	height: 15px;
	background: #FFF;
	border-radius: 4px;
	border: 1px solid #E9E9E9;
}

.form-wrapper .form-group .form-element.checkbox.big input[type=checkbox]:empty~label:before,
.form-wrapper .form-group .form-element.radio.big input[type=checkbox]:empty~label:before {
	width: 20px;
	height: 20px;
}

.form-wrapper .form-group .form-element.checkbox input[type=radio]:empty.error~label:before,
.form-wrapper .form-group .form-element.radio input[type=radio]:empty.error~label:before {
	-webkit-box-shadow: 0 0 0 1px #fa4a4d;
	box-shadow: 0 0 0 1px #fa4a4d;
}

.form-wrapper .form-group .form-element.checkbox input[type=checkbox]:empty.error~label:before,
.form-wrapper .form-group .form-element.radio input[type=checkbox]:empty.error~label:before {
	border-color: #fa4a4d;
}

.form-wrapper .form-group .form-element.checkbox input[type=radio]:empty~label:before,
.form-wrapper .form-group .form-element.radio input[type=radio]:empty~label:before {
	border-radius: 50%;
}

.form-wrapper .form-group .form-element.checkbox input[type=checkbox]:empty~label:before,
.form-wrapper .form-group .form-element.radio input[type=checkbox]:empty~label:before {
	border-radius: 5px;
}

.form-wrapper .form-group .form-element.checkbox input[type=radio]:hover:not(:checked)~label:before,
.form-wrapper .form-group .form-element.checkbox input[type=checkbox]:hover:not(:checked)~label:before,
.form-wrapper .form-group .form-element.radio input[type=radio]:hover:not(:checked)~label:before,
.form-wrapper .form-group .form-element.radio input[type=checkbox]:hover:not(:checked)~label:before {
	background: white;
}

.form-wrapper .form-group .form-element.checkbox input[type=radio]:checked~label:before,
.form-wrapper .form-group .form-element.radio input[type=radio]:checked~label:before {
	background: var(--lf-primary) url("./img/bg-radio.png") center center no-repeat;
	border: 0;
}

.form-wrapper .form-group .form-element.checkbox input[type=checkbox]:checked~label:before,
.form-wrapper .form-group .form-element.radio input[type=checkbox]:checked~label:before {
	background: var(--lf-primary) url("./img/tick.png") center center no-repeat;
	border-color: var(--lf-primary);
}

.form-wrapper .form-group span.error {
	font-size: 13px;
	font-weight: 300;
	color: #fa4a4d;
}

.form-wrapper .form-group .custom-selectbox {
	position: relative;
}

.form-wrapper .form-group .custom-selectbox select:invalid {
	color: #929DA8 !important;
}

.form-wrapper .form-group .custom-selectbox::after {
	width: 48px;
	height: 48px;
	content: '';
	display: block;
	background: #FFF url("./img/icons/icon-arrow-down.png") center center no-repeat;
	position: absolute;
	right: 1px;
	top: 1px;
	border-radius: 50%;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.form-wrapper .form-group .custom-selectbox.active::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.btn-big {
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	background: var(--lf-primary);
	padding: 0 20px;
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	position: relative;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.block {
	display: block;
}

.btn-big :hover {
	background: #ea3163;
	color: #FFF;
}

.btn-big i[class^="icon-"],
.btn-big i[class*=" icon-"] {
	color: #FFF;
	position: absolute;
	left: 23px;
	top: 13px;
	font-size: 20px;
}

.btn-big .next::after {
	content: '';
	width: 19px;
	height: 15px;
	display: inline-block;
	background: url("./img/icons/arrow-right.png");
	margin: 0 0 0 32px;
}

.btn-big .prev {
	background: none;
	color: #475a6c;
	padding-left: 0;
}

.btn-big .prev::before {
	content: '';
	width: 19px;
	height: 15px;
	display: inline-block;
	background: url("./img/icons/arrow-left.png");
	margin: 0 32px 0 0;
}

@media (max-width: 991.98px) {
	.florist-wrapper.login {
		padding: 30px 0;
	}

	.florist-wrapper.login .vh-100 {
		height: inherit !important;
	}
}

@media (max-width: 991.98px) {
	.florist-wrapper.login .login-text {
		margin-bottom: 40px;
	}
}

.florist-wrapper.login .login-text .title {
	font-size: 36px;
	color: #3c5063;
	margin-bottom: 10px;
}

.florist-wrapper.login .login-text .title strong {
	font-weight: 700;
}

.florist-wrapper.login .login-text p {
	font-size: 16px;
	line-height: 1.6;
	color: #929DA8;
}

.florist-wrapper.login .login-text.why {
	margin-top: 70px;
}

.florist-wrapper.login .login-text.why .title {
	font-size: 24px;
}

.florist-wrapper.login .login-text.why ul li {
	line-height: 25px;
	font-size: 16px;
	color: #929DA8;
	margin-bottom: 20px;
}

.florist-wrapper.login .login-text.why ul li i {
	float: left;
	min-width: 40px;
	margin-right: 16px;
}

.florist-wrapper.login .login-form {
	padding: 32px 65px;
}

@media (max-width: 991.98px) {
	.florist-wrapper.login .login-form {
		padding: 16px 32px 24px;
	}
}

.florist-wrapper.login .login-form .title {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.6;
	color: #3c5063;
	text-align: center;
	margin-bottom: 36px;
}

@media (max-width: 991.98px) {
	.florist-wrapper.login .login-form .title {
		margin-bottom: 16px;
	}
}

.florist-wrapper.login .login-form .form-group {
	clear: both;
	overflow: hidden;
}

.florist-wrapper.login .login-form .radio {
	float: left;
	margin-right: 30px;
}

.florist-wrapper.login .btn.fb-login {
	background: #185aa3;
	margin: 30px 65px;
}

.florist-wrapper.login .btn.fb-login:hover {
	background: #114177;
}

@media (max-width: 991.98px) {
	.florist-wrapper.login .btn.fb-login {
		margin: 30px 32px 0;
	}
}

.view {
	padding-bottom: 30px;
}

.view .box-title {
	min-height: 50px;
	margin-bottom: 30px;
}

.view .box-title .h3 {
	font-size: 24px;
	color: #3c5063;
	line-height: 1;
}

.view .box-title .h4 {
	font-size: 21px;
	color: #3c5063;
	line-height: 1;
	margin: 0;
	padding-top: 28px;
}

.view .box-title p {
	font-size: 16px;
	line-height: 1;
	color: #929DA8;
	margin: 0;
}

.view .box {
	padding: 30px;
}

.view .box-after {
	padding: 30px 0;
}

.view .box-after .btn.next {
	float: right;
}

@media (max-width: 991.98px) {
	.view .box-after .btn.next {
		float: none;
		display: block;
	}
}

@media (max-width: 991.98px) {
	.view .box-after .btn.prev {
		margin-bottom: 20px;
	}
}

.view .box-after .form-wrapper {
	margin: 0 0 20px;
	text-align: center;
}

.view .box-after .form-wrapper .form-element {
	display: inline-block;
}

.view .box-after .form-wrapper .form-element label {
	text-align: left;
}

@media (max-width: 991.98px) {

	.view .box-after .label,
	.view .box-after .price {
		text-align: center !important;
	}
}

.view .product-list {
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 32px;
	margin-bottom: 32px;
}

.view .product-list.order-success {
	border-top: 1px solid #E9E9E9;
	padding-top: 32px;
	margin-top: 32px;
}

.view .product-list .product {
	margin: 0 0 30px;
}

.view .product-list .product .img {
	padding: 10px;
	border: 1px solid #E9E9E9;
	display: inline-block;
	border-radius: 5px;
	position: relative;
	float: left;
	margin-right: 15px;
}

.view .product-list .product .img img {
	width: 46px;
	height: 46px;
}

.view .product-list .product .img span {
	position: absolute;
	width: 25px;
	height: 25px;
	background: var(--lf-primary);
	color: #FFF;
	line-height: 25px;
	text-align: center;
	border-radius: 50%;
	font-size: 14px;
	right: -12px;
	top: -12px;
}

.view .product-list .product p {
	float: left;
	line-height: 24px;
	font-size: 16px;
	color: #3c5063;
}

.view .product-list .product p span {
	color: #929DA8;
	display: block;
	font-size: 14px;
}

.view .product-list .product .price {
	text-align: right;
	font-size: 16px;
	color: #3c5063;
	padding-right: 0;
	line-height: 65px;
}

.view .product-list .product:last-child {
	margin-bottom: 0;
}

.view .address-and-note {
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 32px;
	margin-bottom: 32px;
}

.view .address-and-note ul {
	margin: -3px 0 0;
	padding: 0;
}

.view .address-and-note ul li {
	margin-bottom: 20px;
}

.view .address-and-note ul li:last-child {
	margin: 0;
}

.view .address-and-note ul li .h5 {
	color: #3c5063;
	font-size: 16px;
	margin-bottom: 5px;
}

.view .address-and-note ul li p {
	color: #929DA8;
	margin: 0;
	font-size: 14px;
	line-height: 1.2;
}

.view .discount-code {
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 32px;
	margin-bottom: 32px;
}

.view .discount-code .form-element {
	height: 45px !important;
}

.view .discount-code .btn {
	height: 45px;
	line-height: 45px;
}

.view .total-price {
	margin-bottom: 32px;
}

.view .total-price .label {
	color: #3c5063;
	font-size: 16px;
}

.view .total-price .label span {
	color: #929DA8;
	font-size: 14px;
	display: block;
}

.view .total-price .price {
	text-align: right;
	color: #3c5063;
	font-size: 16px;
	line-height: 45px;
}

.view .total-price .price span {
	font-size: 20px;
}

.view .total-price.centered .label {
	text-align: right;
}

.view .total-price.centered .price {
	text-align: left;
	font-size: 22px;
}

.view .total-price.centered .price span {
	font-size: 32px;
}

.view .box-button {
	text-align: center;
}

.view .extra-product-list .product {
	width: 100%;
	min-height: auto;
	border: 1px solid #E9E9E9;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-bottom: 30px;
}

.view .extra-product-list .product:hover {
	-webkit-box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.09);
	box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.09);
	background-color: #ffffff;
}

.view .extra-product-list .product:hover .btn-wrapper span::after {
	opacity: 1;
}

.view .extra-product-list .product a {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	display: block;
	padding: 10px;
	text-decoration: none;
}

.view .extra-product-list .product .img {
	display: block;
	margin-bottom: 20px;
}

.view .extra-product-list .product .img img {
	width: 100%;
	height: auto;
}

.view .extra-product-list .product .text {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #929DA8;
	line-height: 24px;
}

.view .extra-product-list .product .text .title {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 50px;
	text-align: center;
}

.view .extra-product-list .product .text em {
	display: block;
	font-style: normal;
	color: #3c5063;
	margin-top: 10px;
}

.view .extra-product-list .product .btn-wrapper {
	display: block;
	text-align: center;
	margin: 15px 0 5px;
}

.view .extra-product-list .product .btn-wrapper span {
	height: 35px;
	line-height: 30px;
	display: inline-block;
	padding: 0 30px;
	border-radius: 5px;
	border: solid 1px rgba(0, 0, 0, 0.08);
	background-color: #ffffff;
	font-size: 14px;
	font-weight: 300;
	color: #3c5063;
	position: relative;
}

.view .extra-product-list .product .btn-wrapper span::after {
	width: auto;
	height: 4px;
	background: var(--lf-primary);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	display: block;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.view .box.payment-box {
	padding: 0;
}

.view .box.payment-box .titles.form-group {
	margin-bottom: 0 !important;
}

.view .box.payment-box .titles .form-element {
	border-bottom: 1px solid #E9E9E9;
	padding: 0 35px;
	height: 55px;
}

@media (max-width: 991.98px) {
	.view .box.payment-box .titles .form-element {
		padding: 0 20px;
	}
}

.view .box.payment-box .titles .form-element label {
	margin-top: 14px;
	width: 100%;
}

.view .box.payment-box .titles .form-element label .cards {
	width: 153px;
	height: 40px;
	background: url("./img/icon-payment-card.png");
	display: block;
	right: -10px;
	top: -8px;
}

@media (max-width: 991.98px) {
	.view .box.payment-box .titles .form-element label .cards {
		display: none;
	}
}

.view .box.payment-box .titles .form-element label .cards {
	position: absolute;
}

.view .box.payment-box .payment-contents .payment {
	display: none;
	padding: 40px;
}

@media (max-width: 991.98px) {
	.view .box.payment-box .payment-contents .payment {
		padding: 20px;
	}
}

.view .box.payment-box .payment-contents .payment.block {
	display: block;
}

@media (max-width: 991.98px) {
	.view .box.payment-box .payment-contents .payment .bank-list {
		padding: 0 20px;
	}
}

.bank-list .bank {
	overflow: hidden;
}

.bank-list .bank .bank-logo {
	width: 160px;
	height: 160px;
	border: 1px solid #E9E9E9;
	border-radius: 15px;
	padding: 60px 15px;
	text-align: center;
}

@media (max-width: 991.98px) {
	.bank-list .bank .bank-logo {
		width: 100%;
		margin-bottom: 15px;
	}
}

.bank-list .bank .bank-logo img {
	max-width: 100%;
}

@media (max-width: 991.98px) {
	.bank-list .bank .bank-info {
		padding: 0;
	}
}

.bank-list .bank .bank-info .h4 {
	color: #3c5063;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 15px;
}

.bank-list .bank .bank-info ul {
	overflow: hidden;
}

@media (max-width: 991.98px) {
	.bank-list .bank .bank-info ul {
		margin-bottom: 0;
	}
}

.bank-list .bank .bank-info ul li {
	float: left;
	width: 70%;
	color: #929DA8;
	font-size: 16px;
	margin-bottom: 10px;
}

.bank-list .bank .bank-info ul li .h5 {
	color: #3c5063;
	font-size: inherit;
	margin-bottom: 5px;
	line-height: 1.4;
}

.bank-list .bank .bank-info ul li:nth-child(even) {
	width: 30%;
}

@media (max-width: 991.98px) {
	.bank-list .bank .bank-info ul li:nth-child(even) {
		width: 100%;
	}
}

@media (max-width: 991.98px) {
	.bank-list .bank .bank-info ul li {
		width: 100%;
	}
}

@media (max-width: 991.98px) {
	.view .box.payment-box .payment-contents .payment .jp-card {
		min-width: inherit;
	}
}

.view .box.payment-box .payment-contents .payment .card-wrapper {
	margin-bottom: 40px;
}

@media (max-width: 991.98px) {
	.view .box.payment-box .payment-contents .payment .card-wrapper {
		margin-bottom: 20px;
	}
}

@media (max-width: 991.98px) {
	.view .box.payment-box .payment-contents .payment .name {
		margin-bottom: 20px;
	}

	.view .box.payment-box .payment-contents .payment .p-0 {
		padding-left: 15px !important;
	}
}

.view .order-detail-info .h4 {
	font-size: 16px;
	color: #3c5063;
	margin-bottom: 5px;
}

.view .order-detail-info p {
	color: #929DA8;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 0;
}

.view .order-detail-info .user-detail {
	margin-top: 30px;
}

.view .order-detail-info .user-detail a {
	color: var(--lf-primary);
}

.view .cargo-track {
	border-radius: 5px;
	border: solid 3px var(--lf-primary);
	padding: 30px 10px;
	display: block;
	margin: 32px 0 0;
	overflow: hidden;
}

.view .cargo-track .left {
	width: 25%;
	float: left;
}

.view .cargo-track .left img {
	width: 100%;
	margin-top: 20px;
}

.view .cargo-track .right {
	width: 70%;
	float: right;
}

.view .cargo-track .right .h4 {
	font-size: 14px;
	color: #3c5063;
}

.view .cargo-track .right .input {
	position: relative;
}

.view .cargo-track .right input {
	color: inherit;
	border: 0;
	border-bottom: 1px solid #C5C6CF;
	padding-right: 20px;
	width: 100%;
}

.view .cargo-track .right .track-btn {
	width: 20px;
	height: 20px;
	background: url("./img/icons/arrow-left.png") no-repeat;
	display: block;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	top: 0;
	right: 0;
	border: none;
	outline: none;
	position: absolute;
	cursor: pointer;
}


.florist-wrapper.panel {
	margin: 100px 0;
}

.florist-wrapper.panel .menu {
	margin: 5px;
}

.florist-wrapper.panel .menu li {
	margin-bottom: 5px;
}

.florist-wrapper.panel .menu li a {
	line-height: 50px;
	font-size: 16px;
	color: #3c5063;
	padding: 0 20px;
	text-decoration: none;
	display: block;
	border-radius: 5px;
	position: relative;
}

.florist-wrapper.panel .menu li a i {
	float: left;
	margin: 16px 15px 0 0;
	width: 32px;
	height: 20px;
}

.florist-wrapper.panel .menu li a::after {
	content: "\e906";
	color: #3c5063;
	right: 20px;
	top: 15px;
	position: absolute;
	font-size: 20px;
}

.florist-wrapper.panel .menu li a:hover {
	text-decoration: underline;
}

.florist-wrapper.panel .menu li.active a {
	background: var(--lf-primary);
	color: #FFF;
}

.florist-wrapper.panel .menu li.active a:hover {
	text-decoration: none;
}

.florist-wrapper.panel .menu li.active a::after {
	color: #FFF;
}

.florist-wrapper.panel .menu li.active a i {
	background-position: left bottom !important;
}

.florist-wrapper.panel .box.right {
	padding: 20px;
}

@media (max-width: 991.98px) {
	.florist-wrapper.panel .box.right {
		margin-top: 30px;
	}
}

.florist-wrapper.panel .box.right.order-detail .img {
	width: 100%;
	height: auto;
	border: 1px solid #E9E9E9;
	border-radius: 5px;
	padding: 30px;
}

.florist-wrapper.panel .box.right.order-detail .img img {
	width: 100%;
	height: auto;
}

@media (max-width: 991.98px) {
	.florist-wrapper.panel .box.right.order-detail .img {
		margin-bottom: 20px;
	}
}

.florist-wrapper.panel .box.right.order-detail .h3 {
	font-size: 18px;
	color: #3c5063;
	margin-bottom: 10px;
}

.florist-wrapper.panel .box.right.order-detail p {
	line-height: 25px;
	font-size: 16px;
	color: #929DA8;
	margin-bottom: 10px;
}

.florist-wrapper.panel .box.right.order-detail p a {
	color: var(--lf-primary);
	text-decoration: none;
}

.florist-wrapper.panel .box.right.order-detail p a:hover {
	color: #ea3163;
}

.florist-wrapper.panel .box.right.order-detail .status {
	width: auto;
	text-align: center;
	float: left;
}

@media (max-width: 991.98px) {
	.florist-wrapper.panel .box.right.order-detail .status {
		float: none;
	}
}

.florist-wrapper.panel .box.right.order-detail .status i {
	display: inline-block;
	margin-bottom: 10px;
}

.florist-wrapper.panel .box.right.order-detail .status span {
	display: block;
	font-size: 16px;
	color: #3c5063;
}

.florist-wrapper.panel .box.right.order-detail .status.teslim-edildi i {
	width: 50px;
	height: 50px;
	background: url("./img/icons/icon-teslim-edildi.png");
}

.florist-wrapper.panel .box.right.order-detail .status.iptal-edildi i {
	width: 50px;
	height: 50px;
	background: url("./img/icons/icon-iptal-edildi.png");
}

.florist-wrapper.panel .box.right.order-detail .status.hazirlaniyor i {
	width: 51px;
	height: 50px;
	background: url("./img/icons/icon-hazirlaniyor.png");
}

.florist-wrapper.panel .box.right.order-detail .status.yola-cikti i {
	width: 74px;
	height: 45px;
	background: url("./img/icons/icon-yola-cikti.png");
}

.florist-wrapper.panel .box.right.order-detail .status.teslim-zamani-bekleniyor i {
	width: 40px;
	height: 45px;
	background: url("./img/icons/icon-teslim-zamani-bekliyor.png");
}

.florist-wrapper.panel .box.right.order-detail dl {
	overflow: hidden;
}

.florist-wrapper.panel .box.right.order-detail dl dt,
.florist-wrapper.panel .box.right.order-detail dl dd {
	font-size: 16px;
	color: #3c5063;
	line-height: 30px;
	float: left;
}

.florist-wrapper.panel .box.right.order-detail dl dt {
	width: 41.66667%;
}

@media (max-width: 991.98px) {
	.florist-wrapper.panel .box.right.order-detail dl dt {
		width: 100%;
	}
}

.florist-wrapper.panel .box.right.order-detail dl dt span {
	float: right;
	margin-right: 20px;
}

@media (max-width: 991.98px) {
	.florist-wrapper.panel .box.right.order-detail dl dt span {
		display: none;
	}
}

.florist-wrapper.panel .box.right.order-detail dl dd {
	width: 58.33333%;
}

@media (max-width: 991.98px) {
	.florist-wrapper.panel .box.right.order-detail dl dd {
		width: 100%;
	}
}

.florist-wrapper.panel .box.right.order-detail .list-invoice {
	overflow: hidden;
	margin: 0;
}

.florist-wrapper.panel .box.right.order-detail .list-invoice li {
	width: 33.33333%;
	float: left;
}

@media (max-width: 991.98px) {
	.florist-wrapper.panel .box.right.order-detail .list-invoice li {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
}

@media(min-width: 992px) {
	.product:hover .product-hover-image {
		opacity: 1 !important;
	}
}

@media(max-width: 992px) {

	.login-panel .top .btn-close-panel {
		font-size: 25px;
		left: 10px;
		display: flex;
		top: 5px;
	}

	.mobile-hidden {
		display: none;
	}

	.product-slider-area {
		margin: 10px 0 40px;
	}

	.bread-item i {
		margin-left: 15px;
		margin-right: 15px;
	}

	.bread-item {
		display: inline-flex;
		align-items: center;
	}

	.bread-item:nth-child(2) {
		display: none;
	}

	.js-bread-list {
		display: none;
		background-color: #fdfdfe;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding: 25px 20px 30px 20px;
		font-size: 12px;
		z-index: 2;
	}

	.mobile-bread {
		display: flex;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 0px;
		align-items: center;
	}

	.bread-item {
		display: none;
	}

	.bread-item:first-child {
		display: inline-flex;
	}

	.bread-item:last-child {
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.breadcrumb-list {
		padding-top: 10px;
	}

	.bread-item:nth-child(2) {
		display: inline-flex;
	}

	.js-bread-list .bread-item {
		display: block;
	}

	.js-bread-list .bread-item:nth-child(2) {
		margin-left: 10px;
	}

	.js-bread-list .bread-item:nth-child(3) {
		margin-left: 20px;
	}

	.js-bread-list .bread-item:nth-child(4) {
		margin-left: 30px;
	}

	.js-bread-list .bread-item+.bread-item {
		margin-top: 20px;
	}

	.bread span {
		margin: 0px;
	}

	.js-bread-list .close-btn {
		position: absolute;
		top: 20px;
		right: 50px;
	}

	.bread-main-title {
		font-size: 20px;
		margin-bottom: 0;
	}

	.breadcrumb-wrapper {
		position: relative;
	}

	.breadcrumb-area {
		margin-bottom: 10px;
	}

	.bread-item a {
		color: inherit;
	}
}


.florist-wrapper.login .login-form .radio {
	float: left;
	margin-right: 30px;
	width: auto;
	border: none;
}

.form-wrapper .form-group .form-element.checkbox,
.form-wrapper .form-group .form-element.radio {
	border: none;
	margin-bottom: 0;
	padding: 0;
	height: auto;
}

.login .form-wrapper .form-group .form-element.checkbox {
	margin-bottom: 0;
	height: auto;
}

.login .form-element {
	margin-bottom: 0;
}

.sidebar-product-wrapper-title {
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 3px solid var(--lf-primary);
	display: inline-block;
}

.only-wrapper {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border: none !important;
}

.breadcrumb-area {
	background-color: #fff;
	border-top: 1px solid #eee;
	margin-bottom: 30px;
}

.breadcrumb-area+.login {
	margin-top: -30px;
}

.sidebar-product {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sidebar-product .right {
	white-space: nowrap;
	flex: 0 0 auto;
}

.sidebar-product .left {
	display: flex;
	align-items: center;
	margin-right: 10px;
}

.sidebar-product .left p {
	margin-bottom: 0;
}

.margin-zero {
	margin: 0 !important;
}

.order-box-wrapper .box+.box {
	margin-top: 30px;
}

.form-wrapper .form-group .form-element {
	margin-bottom: 0;
}

.view .address-and-note ul+.total-price {
	margin-bottom: 0;
	margin-top: 15px;
}

.form-wrapper .form-group .form-element:disabled {
	background-color: #e9e9e9;
	cursor: not-allowed;
}

.btn-big.next,
.btn.prev {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.btn-big.next::after {
	content: '';
	width: 19px;
	height: 15px;
	display: inline-block;
	background: url(./img/icons/arrow-right.png);
	margin: 0 0 0 32px;
}

.btn.prev::before {
	content: '';
	width: 19px;
	height: 15px;
	display: inline-block;
	background: url(./img/icons/arrow-left.png);
	margin: 0 32px 0 0;
}

.cart-product-wrapper .left img {
	width: 75px;
	height: 75px;
	padding: 5px;
	border: 1px solid #E9E9E9;
	display: inline-block;
	border-radius: 5px;
	margin-right: 5px;
}

.cart-product-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.box .cart-product-wrapper {
	margin-bottom: -30px;
}


.cart-product-wrapper .left {
	display: flex;
	align-items: center;
}

.cart-product-wrapper .right {
	flex: 0 0 auto;
	white-space: nowrap;
}

.btn-delete {
	background-color: #ec5857;
	color: #fff;
}

.checkbox label a {
	text-decoration: underline;
	font-weight: 500;
}

.bank-list .bank+.bank {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e9e9e9;
}

.bank-list .bank.row {
	align-items: center;
}

.bank-list .bank .bank-info ul {
	margin-bottom: -10px;
}



.view .cargo-track {
	display: flex;
	align-items: center;
}

.view .cargo-track .left {
	margin-right: 20px;
}

.view .cargo-track .left img {
	margin-top: 10px;
}



.florist-wrapper.panel {
	margin: 50px 0;
}

.florist-wrapper.panel .menu li a i {
	color: var(--lf-primary);
	font-size: 20px;
	text-align: center;
}

.order-list .order {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.order-list .order .left img {
	height: 75px;
	width: auto;
	margin-right: 5px;
	border-radius: 5px;
}

.order-list .order .right {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.order-list .order .right .simple-btn {
	margin-left: 15px;
}

.order-list .order+.order {
	border-top: 1.5px dashed var(--lf-primary);
	margin-top: 15px;
	padding-top: 15px;
}

.cart-list .cart-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1.5px dashed var(--lf-primary);
	margin-bottom: 15px;
	padding-bottom: 15px;
}


.cart-list .cart-item img {
	height: 75px !important;
	width: auto !important;
}

.florist-wrapper.panel .box.right.order-detail .img {
	width: auto;
	padding: 10px;
}

.box.order-detail+.box.order-detail {
	margin-top: 30px;
}

.florist-wrapper.panel .box.right.order-detail dl dd {
	min-height: 30px;
}

.total-price i {
	color: var(--lf-primary);
}

.discount-code .simple-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.simple-btn:hover {
	opacity: 0.9;
}

.product-list .product .product-inner .text .prices .price-wrap {
	display: inline-flex;
}

.product-detail .order-create .price .price-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.delete-outline {
	width: 20px;
	height: 20px;
	background: transparent;
	color: #ec5857;
	line-height: 1;
	text-align: center;
	border-radius: 50%;
	font-size: 14px;
	border: 1px solid #ec5857;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	display: inline-flex;
	padding: 0;
	margin: 0;
	position: relative;
	top: -1px;
}

.contact-page-detail {
	padding-top: 60px;
	padding-bottom: 60px;
}

.contact-page-detail .contact-info-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

.contact-page-detail .contact-adress a {
	color: black;
}

.contact-page-detail .contact-adress a i {
	margin-right: 10px;
}

.contact-page-detail .contact-adress .fal {
	margin-right: 10px;
}

.contact-page-detail input.form-control {
	width: 80%;
	font-size: 14px;
	min-height: 45px;
	font-weight: lighter;
	padding: 5px 20px;
	line-height: 19px;
	color: #424242;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	outline: none;
}

.contact-page-detail .mb-15 {
	margin-bottom: 15px;
}

.contact-page-detail .mb-50 {
	margin-bottom: 50px;
}

.contact-page-detail textarea.form-control {
	min-height: 155px;
	width: 80%;
	font-size: 14px;
	font-weight: lighter;
	padding: 5px 20px;
	line-height: 19px;
	color: #424242;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	outline: none;
}

.contact-page-detail .contact-form-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

.contact-page-detail .contact-button {
	padding: 6px 38px;
	background-color: var(--lf-primary);
	color: white;
	border-radius: 4px;
	line-height: 20px;
	border: none;
}

.contact-page-detail .contact-button i {
	margin-left: 9px;
}

.contact-page-detail .contact-info-p {
	margin-bottom: 20px;
}

.contact-page-detail .social-contact .social-icon i {
	width: 70px;
	height: 70px;
	font-size: 33px;
	text-align: center;
	padding: 10px;
	border: 1px solid grey;
	margin-right: 20px;
	border-radius: 50%;
	padding-top: 17px;
	color: black;

}

.contact-page-detail .social-contact .social-icon i:hover {
	opacity: 0.5;
}

.contact-page-detail .contact-button:focus {
	outline: none;
}

.contact-page-detail ul.social-icon {
	display: flex;
}


.not-found-page-detail {
	padding-top: 60px;
	padding-bottom: 60px;
}

.not-title {
	font-size: 50px;
	text-align: center;
	margin-bottom: 40px;
}

.not-description {
	text-align: center;
}

a.not-found-link {
	display: block;
	background-color: var(--lf-primary);
	width: 300px;
	text-align: center;
	margin-top: 30PX;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 30px;
	height: 40px;
	border-radius: 5px;
	color: white !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

a.not-found-link:hover {
	text-decoration: none;
}

#map iframe {
	width: 100% !important;
	height: 350px !important;
}

.pagination .page-item.active a {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #fff;
	background-color: var(--lf-primary);
	border: 1px solid #dee2e6;
}

.pagination .page-item a {
	color: var(--lf-primary);
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	background-color: #fff;
	border: 1px solid #dee2e6;
}


div#iyzipay-checkout-form {
	padding: 30px 0 20px;
}

.bank-info .h5 {
	display: flex;
	justify-content: space-between;
}


.with-icon.int-phone {
	background-position: calc(100% - 16px) center !important;
}

.iti.iti--allow-dropdown {
	width: 100%;
}

.view .product-list .product .product-inner.box {
	padding: 0;
}

.view .product-list .product .product-inner .img img {
	width: 100%;
	height: auto;
}

.product-detail .order-create .form .time-selector {
	margin: -10px 0 30px;
}

.video-overlay {
	display: block;
	position: relative;
}

.video-overlay::after {
	content: "\f04b";
	font-family: "Font Awesome 7 Free";
	font-weight: 400;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 30px;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 3px solid #fff;
	border-radius: 50%;
	padding-top: 3px;
	padding-left: 6px;
	background-color: rgb(246, 64, 113);
}

.small-video-overlay::after {
	font-size: 20px;
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 50%;
	padding-top: 3px;
	padding-left: 4px;
}

.mt-30 {
	margin-top: 30px;
}

@media(min-width: 992px) {

	.main-slides .slide .content .title {
		word-spacing: 100vw;
	}

	.desktop-column-reverse {
		flex-direction: column-reverse;
	}

	.box-group.desktop-column-reverse .item::before {
		top: unset !important;
		bottom: -10px !important;
	}

	.box-group.desktop-column-reverse div.item+.item {
		border-bottom: 1px solid #ebebeb !important;
	}
}

@media(max-width: 992px) {
	.contact-page-detail {
		padding-top: 20px;
	}

	.contact-page-detail .contact-info-title {
		margin-bottom: 20px;
	}

	.contact-page-detail .social-contact .social-icon i {
		width: 50px;
		height: 50px;
		font-size: 24px;
		padding-top: 12px;
	}

	.contact-page-detail input.form-control {
		width: 100%;
	}

	.contact-page-detail textarea.form-control {
		width: 100%;
	}

	.siparis-takibi li a span {
		display: none;
	}


	.bank-list .bank .bank-logo {
		height: auto;
		padding: 10px;
	}

	.bank-list .h5 .simple-btn {
		width: 100%;
		padding: 10px;
		margin: 10px 0;
	}

	.bank-info .h5 {
		flex-wrap: wrap;
	}

	.sticky-wrapper {
		position: unset;
	}

	.company-feature a {
		width: 100%;
		font-size: 12px;

	}

	.special-design-area p {
		font-size: 22px;
	}

	.special-design-area a,
	.special-design-area button {
		font-size: 18px;
		padding: 0 20px;
		border-width: 1.5px;
	}
}

.florist-wrapper{
	padding: 50px 0;
}
/* =============================================
   BOOTSTRAP GRID REPLACEMENT
   Container, Row, Col sistemi
   ============================================= */

.container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.row > * {
    padding: 0 15px;
    box-sizing: border-box;
}

/* Base columns (xs - mobile first) */
.col-1 { width: 8.333333%; }
.col-2 { width: 16.666667%; }
.col-3 { width: 25%; }
.col-5 { width: 41.666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.333333%; }
.col-10 { width: 83.333333%; }
.col-11 { width: 91.666667%; }
.col-12 { width: 100%; }

/* md breakpoint (768px+) */
@media (min-width: 768px) {
    .col-md-1 { width: 8.333333%; }
    .col-md-2 { width: 16.666667%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.333333%; }
    .col-md-5 { width: 41.666667%; }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.333333%; }
    .col-md-8 { width: 66.666667%; }
    .col-md-9 { width: 75%; }
    .col-md-10 { width: 83.333333%; }
    .col-md-11 { width: 91.666667%; }
    .col-md-12 { width: 100%; }
    .offset-md-1 { margin-left: 8.333333%; }
    .offset-md-3 { margin-left: 25%; }
    .order-md-1 { order: 1; }
    .order-md-2 { order: 2; }
    .order-md-3 { order: 3; }
}

/* lg breakpoint (992px+) */
@media (min-width: 992px) {
    .col-lg-1 { width: 8.333333%; }
    .col-lg-2 { width: 16.666667%; }
    .col-lg-3 { width: 25%; }
    .col-lg-4 { width: 33.333333%; }
    .col-lg-5 { width: 41.666667%; }
    .col-lg-6 { width: 50%; }
    .col-lg-7 { width: 58.333333%; }
    .col-lg-8 { width: 66.666667%; }
    .col-lg-9 { width: 75%; }
    .col-lg-10 { width: 83.333333%; }
    .col-lg-11 { width: 91.666667%; }
    .col-lg-12 { width: 100%; }
    .d-lg-block { display: block !important; }
}

/* xl breakpoint (1200px+) */
@media (min-width: 1200px) {
    .col-xl-3 { width: 25%; }
    .col-xl-6 { width: 50%; }
}

/* =============================================
   BOOTSTRAP UTILITY REPLACEMENTS
   ============================================= */

/* Display */
.d-flex { display: flex !important; }
.d-none { display: none !important; }
.d-block { display: block !important; }

/* Flexbox */
.flex-wrap { flex-wrap: wrap; }
.flex-column { flex-direction: column; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-end { justify-content: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-center { align-items: center; }
.flex-center { display: flex; align-items: center; justify-content: center; }

/* Text alignment */
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-muted { color: #6c757d !important; }

/* Spacing */
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mt-0 { margin-top: 0 !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-30 { margin-top: 30px !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.p-0 { padding: 0 !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

/* Order */
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }

/* Images */
.img-fluid { max-width: 100%; height: auto; }

/* Forms */
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box;
}
.form-control:focus {
    border-color: var(--primary-color, #80bdff);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    appearance: auto;
    box-sizing: border-box;
}

/* Buttons */
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 0.5rem 1.25rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    border: 1px solid transparent;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
    text-decoration: none;
    color: #333;
}
.btn-primary {
    background-color: var(--primary-color, #1F3A2E);
    border-color: var(--primary-color, #1F3A2E);
    color: #fff;
}
.btn-primary:hover {
    opacity: 0.9;
    color: #fff;
}
.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}
.btn-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
    color: #fff;
}

/* Responsive display */
@media (max-width: 767.98px) {
    .d-sm-none { display: none !important; }
}

/* Hero slider stilleri Vite app.css'ten gelir — burada override yok */
.hero-slider-section {
    margin: 0;
    padding: 0;
}

/* =============================================
   MULTI-SLIDE CAROUSEL CSS (Vite MultiSlideCarousel.js)
   ============================================= */

.multi-carousel-container {
    position: relative;
    overflow: hidden;
    padding: 0 40px;
}

.multi-carousel-track {
    display: flex;
    transition: none;
}

.multi-carousel-slide {
    flex-shrink: 0;
    box-sizing: border-box;
}

.multi-carousel-prev,
.multi-carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #ddd;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #333;
    transition: all 0.3s;
}

.multi-carousel-prev:hover,
.multi-carousel-next:hover {
    background: var(--primary-color, #333);
    color: #fff;
    border-color: var(--primary-color, #333);
}

.multi-carousel-prev { left: 0; }
.multi-carousel-next { right: 0; }

.multi-carousel-prev[disabled],
.multi-carousel-next[disabled] {
    opacity: 0.3;
    cursor: not-allowed;
}

/* Dots */
.multi-carousel-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 15px;
}

.multi-carousel-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: #ddd;
    cursor: pointer;
    padding: 0;
    transition: background 0.3s;
}

.multi-carousel-dot.active {
    background: var(--primary-color, #333);
}

/* =============================================
   VIDEO MODAL CSS (Vite VideoModal.js)
   ============================================= */

.video-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-modal-content {
    position: relative;
    width: 90%;
    max-width: 900px;
    aspect-ratio: 16 / 9;
}

.video-modal-content iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
}

.video-modal-close {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
    line-height: 1;
}

/* =============================================
   PRODUCT GALLERY CSS (Vite ProductGallery.js)
   ============================================= */

.product-gallery-main {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.gallery-track {
    display: flex;
    width: 100%;
}

.gallery-track.transitioning {
    transition: transform 300ms ease;
}

.gallery-slide {
    flex: 0 0 100%;
    width: 100%;
}

.gallery-slide img {
    width: 100%;
    height: auto;
    display: block;
}

.gallery-prev,
.gallery-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #333;
    transition: background 0.3s;
}

.gallery-prev:hover,
.gallery-next:hover {
    background: rgba(255, 255, 255, 1);
}

.gallery-prev { left: 10px; }
.gallery-next { right: 10px; }

.product-gallery-thumbs {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    overflow-x: auto;
}

.gallery-thumb {
    flex: 0 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.3s;
}

.gallery-thumb.active {
    border-color: var(--primary-color, #333);
}

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


/* =============================================
   MERGED FROM assets/css/main.css
   ============================================= */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

.flex-center {
  align-items: center;
}
/* MAIN CSS */

/* CONTENT WRAPPER START */

.content-wrapper {
  padding: 40px 30px;
  background-color: white;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.content-wrapper ul,
.content-wrapper ol {
  margin-left: 40px;
  margin-bottom: 20px;
}

.content-wrapper ul li {
  list-style: disc;
}

.content-wrapper ol li {
  list-style: decimal;
}



.content-wrapper p + p {
  margin-top: 20px;
}

.content-wrapper p + h2,
.content-wrapper p + h3,
.content-wrapper p + h4,
.content-wrapper p + h5,
.content-wrapper p + h6 {
  margin-top: 20px;
}

.content-wrapper img {
  width: 100%;
  max-width: 100%;
  margin: 20px 0;
}

/* CONTENT WRAPPER END */

li {
  list-style: none;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: black;
}

section {
  padding: 50px 0;
}

img {
  max-width: 100%;
}

.title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: bold;
  position: relative;
}

.title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 45px;
  width: 43%;
  height: 1px;
  background-color: var(--primary-950);
}

.title::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 45px;
  width: 43%;
  height: 1px;
  background-color: var(--primary-950);
}

.home-blog .title::before {
  width: 46%;
  bottom: 20px;
}
.home-blog .title::after {
  width: 46%;
  bottom: 20px;
}

@media (max-width: 1024px) {
  .title::before {
    width: 40%;
  }

  .title::after {
    width: 40%;
  }

  .home-blog .title::before {
    width: 43%;
  }
  .home-blog .title::after {
    width: 43%;
  }
}

@media (max-width: 768px) {
  .title::before {
    width: 35%;
  }
  .title::after {
    width: 35%;
  }
  .home-blog .title::before {
    width: 37%;
  }
  .home-blog .title::after {
    width: 37%;
  }
}

@media (max-width: 425px) {
  .title::before {
    width: 30%;
  }
  .title::after {
    width: 30%;
  }

  .home-blog .title::before {
    width: 32%;
  }
  .home-blog .title::after {
    width: 32%;
  }
}

.align-center {
  align-items: center;
}

.header-shadow {
  max-width: 100%;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  background-color: var(--primary-200);
}

/* MOBILE - HEADER */

.mobile-header {
  display: none;
}

.mobile-logo {
  display: none;
  max-width: 200px;
}

.hamburger {
  display: none;
  position: relative;
}

.hamburger::after {
  content: "MENÜ";
  position: absolute;
  right: 40px;
  top: 5px;
}

.hamburger .bar {
  display: block;
  margin: 5px 0;
  height: 3px;
  width: 30px;
  background-color: white;
  transition: 0.3s ease;
}

.hamburger.active .bar:nth-child(2) {
  opacity: 0;
}
.hamburger.active .bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.hamburger.active .bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

@media (max-width: 992px) {
  .mobile-header {
    display: block;
  }

  .mobile-logo {
    display: block;
  }

  .hamburger {
    cursor: pointer;
    display: block;
  }

  .mobile-icon-wrapper {
    display: flex;
    flex-direction: column;
  }

  .mobile-icon-wrapper a {
    margin-bottom: 15px;
  }

  .mobile-header-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
    background-color: var(--primary-color);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px 30px;
    color: white;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
    align-items: center;
  }

  .hamburger-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .header-wrapper {
    background-color: white;
    width: 40%;
    height: 100vh;
    padding-top: 30px;
    position: fixed;
    left: -100%;
    top: 65px;
    z-index: 999999;
    padding-inline: 14px;
    transition: 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    justify-content: space-between;
  }
  ::-webkit-scrollbar {
    display: none;
  }
  .header-wrapper.active {
    left: 0;
    border-top: 1px solid white;
  }

  .mobile-header-search {
    position: relative;
    margin-top: 30px;
  }

  .mobile-header-search input {
    width: 100%;
    border: none;
    outline: none;
    border-bottom: 1px solid gray;
    padding: 10px 20px;
    border-radius: 20px;
  }
  .mobile-header-search button {
    border: none;
    background: transparent;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }

  .mobil-form {
    width: 100%;
  }
}

@media (max-width: 684px) {
  .header-wrapper {
    width: 55%;
  }

  .nav-list li a {
    font-size: 14px;
  }
}
@media (max-width: 430px) {
  .header-wrapper {
    width: 65%;
  }
}

@media (max-width: 390px) {
  .header-wrapper {
    width: 100%;
  }
}

/* HEADER - TOP */

.header-top {
  padding: 0;
}

@media (max-width: 992px) {
  .header-top {
    display: none;
  }
}

.header-top-left,
.header-top-left a {
  display: flex;
  align-items: center;
  gap: 5px;
}

.header-top-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
}

.header-top-right a span {
  font-weight: bold;
}

.social-links {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* HEADER - CENTER - LINE */

.header-center-top {
  display: flex;
  justify-content: center;
  position: relative;
  bottom: -5px;
}

.logo {
  display: flex;
  justify-content: center;
}

.header-center {
  padding: 20px 0;
  display: flex;
  align-items: center;
  background-color: var(--primary-color);
}

.icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
.icon-wrapper a {
  color: white;
}

@media (max-width: 1200px) {
  .icon-wrapper a {
    font-size: 13px;
  }
}

.header-search {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}

@media (max-width: 992px) {
  .header-center {
    display: none;
  }

  .header-search {
    display: none;
  }
}

.header-search input {
  width: 320px;
  padding: 5px 15px;
  border: 1px solid gray;
  outline: none;
  border-radius: 30px;
}

.header-search button {
  position: absolute;
  right: 28%;
  border: none;
  background: none;
}

/* HEADER - BOTTOM */

.nav {
  position: sticky;
  top: 0;
  /* location-search (z-index:98) dahil sayfa içeriğinin üstünde kalsın */
  z-index: 100;
  transition: width 0.3s ease, box-shadow 0.3s ease;
}

@media (max-width: 992px) {
  .nav {
    display: none;
  }
}

.header-bottom {
  background-color: var(--primary-200);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 992px) {
  .header-bottom {
    display: none;
  }
}

.nav-list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 0px 0px;
}

@media (max-width: 992px) {
  .nav-list {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

.nav-list li a {
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
}

.dropdown{
  font-weight: 600;
}

.dropdown ul li a{
  font-weight: normal;
}
.nav-list li a:hover {
  color: var(--primary-color);
}

/* HEADER - DROPDOWN MENU */
.dropdown {
  position: relative;
  padding: 20px 10px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--primary-200);
  z-index: 3;
  padding: 10px;
  border-radius: 10px;
}

@media (max-width: 992px) {
  .dropdown-content {
    position: relative;
    width: 100%;
    background: none;
    display: none;
    transition: all 0.3s ease;
  }

  .dropdown:hover .dropdown-content {
    display: none; /* ya da hiçbir şey yapmaması için display: none yap */
  }

  .dropdown.active .dropdown-content {
    display: block;
  }
}

.slideInDown {
  animation-name: slideInDown;
  animation-duration: 0.6s;
}

@keyframes slideInDown {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

@media (max-width: 992px) {
  .slideInDown {
    animation: none;
  }
}

.dropdown-content a {
  display: block;
  padding: 8px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content li {
  font-size: 16px;
}

.dropdown-content li {
  border-bottom: 1px solid var(--primary-950);
  padding-bottom: 5px;
}

.nav-list .dropdown:nth-child(1) .dropdown-content {
  width: 228px;
  /* left: -25px; */
}

.nav-list .dropdown:nth-child(2) .dropdown-content {
  width: 250px;
}
.nav-list .dropdown:nth-child(3) .dropdown-content {
  width: 195px;
}

.nav-list .dropdown:nth-child(4) .dropdown-content {
  width: 150px;
}

@media (max-width: 992px) {
  .nav-list .dropdown:nth-child(1) .dropdown-content {
    width: auto;
    left: 0px;
  }

  .nav-list .dropdown:nth-child(2) .dropdown-content {
    width: auto;
  }
  .nav-list .dropdown:nth-child(3) .dropdown-content {
    width: auto;
  }

  .nav-list .dropdown:nth-child(4) .dropdown-content {
    width: auto;
  }
}

/* desktop - SLIDER */

.hero-slider {
  padding: 0;
}

.desktop-slider {
  padding: 0 0 50px 0;
}

.mobile-slider {
  display: none;
}

@media (max-width: 992px) {
  .desktop-slider {
    display: none;
  }

  .mobile-slider {
    display: block;
    margin-top: 80px;
  }
}

.heroSlider {
  position: relative;
}

.hero-slider-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: -180px;
  transform: translate(-50%);
  z-index: 2;
}

.hero-slider-btn-wrapper {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}

/* CATEGORY - SLIDER */

.category-item {
  text-align: center;
}

.category-item-name {
  margin-top: 10px;
  transition: all 0.3s ease;
}

.category-item:hover .category-item-name {
  color: var(--primary-color);
}

.category-slider {
  position: relative;
  max-width: 1320px;
  margin: 0 auto;
}

/* HOME - PRODUCTS */

.product-box {
  position: relative;
  height: 100%;
}

.product-item {
  text-align: center;
  position: relative;
}

.product-item-image img {
  width: 100%;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.product-item-image {
  position: relative;
}

.hover-image {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

.product-box:hover .hover-image {
  opacity: 1;
}

.image-discount-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 114px;
  padding: 10px 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: var(--primary-color);
  color: white;
  font-size: 14px;
}

@media (max-width: 1200px) {
  .image-discount-wrapper {
    font-size: 11px;
  }
}

@media (max-width: 993px) {
  .image-discount-wrapper {
    font-size: 11px;
  }
}

@media (max-width: 435px) {
  .image-discount-wrapper {
    font-size: 8px;
    bottom: auto;
    top: 110px;
  }

  .product-item-name {
    font-size: 14px;
  }

  .product-item-price {
    gap: 15px !important;
    font-size: 14px;
  }
}

@media (max-width: 390px) {
  .image-discount-wrapper {
    font-size: 7px;
    top: 89px;
  }
}

.info {
  background-color: var(--primary-color);
  color: white;
  width: 100%;
  text-align: center;
  padding: 10px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.info svg {
  width: 24px;
  height: 25px;
}

@media (max-width: 425px) {
  .info svg {
    width: 14px;
    height: 15px;
  }
  .info {
    font-size: 11px;
  }
}

.basket {
  width: 100%;
  background-color: var(--primary-color);
  color: white;
  padding: 10px;
  text-align: center;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.product-box:hover .basket {
  opacity: 0.9;
}

@media (max-width: 425px) {
  .basket {
    font-size: 11px;
  }
}

.product-item-info {
  text-align: center;
  margin: 0;
}

.product-item-price {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.line {
  text-decoration: line-through;
}

.price.highlighted {
  font-weight: bold;
  color: var(--primary-color);
}

.price {
  font-weight: bold;
  color: black;
}

/* HOME - WHY US */

.why-us-box {
  background-color: var(--primary-color);
  padding: 20px;
  height: 100%;
  border-radius: 10px;
  transition: all 0.3s ease;
  border: 1px solid var(--primary-color);
}

.why-us-box:hover {
  transform: translateY(-10px);
  background-color: white;
}

.why-us-item {
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.why-us-box:hover .why-us-item {
  color: var(--primary-color);
}

.why-us-item svg {
  background-color: var(--primary-200);
  height: 50px;
  width: 50px;
  padding: 8px;
  border-radius: 10px;
}

.why-us-item-title {
  padding: 10px 0;
  font-weight: bold;
}

.why-us-item-text {
  font-size: 14px;
}

/* LAST SOLD  PRODUCTS */

.soldProducts {
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .soldProducts {
    padding-bottom: 120px;
  }
}

.last-sold-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: -150px;
  transform: translate(-50%);
  z-index: 2;
}

@media (max-width: 425px) {
  .soldProducts {
    padding-bottom: 50px;
  }

  .last-sold-btn {
    bottom: -100px;
  }
}

.last-sold-list li:nth-child(1) {
  font-weight: bold;
  position: relative;
}
.last-sold-list li:nth-child(1)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 60%;
  height: 2px;
  background-color: var(--primary-950);
}

.last-sold-list li {
  margin-bottom: 20px;
}
.last-sold-list li:not(:first-child) {
  font-size: 14px;
}

.last-sold-list li a {
  transition: all 0.2s ease;
}

.last-sold-list li a:hover {
  margin-left: 10px;
  color: var(--primary-color);
  font-weight: bold;
}

@media (max-width: 992px) {
  .last-sold-list li a:hover {
    margin-left: 0;
    font-weight: normal;
    color: black;
  }
}

.last-sold-products .title::before {
  display: none;
}
.last-sold-products .title::after {
  display: none;
}

/* HOME - BLOG */

.home-blog {
  max-width: 1320px;
  margin: 0 auto;
  background-color: var(--primary-100);
  padding: 60px;
}

@media (max-width: 992px) {
  .home-blog {
    padding: 10px;
  }
}

.home-blog-item-title {
  font-weight: bold;
  margin: 10px 0;
}

.home-blog-item-desc {
  margin-bottom: 10px;
  font-size: 14px;
}

.home-blog-item span {
  font-size: 12px;
}

.home-blog-bottom {
  text-align: center;
  padding: 60px 0 0 0;
  font-size: 18px;
  position: relative;
}

.home-blog-bottom::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 39%;
  width: 3%;
  height: 2px;
  background-color: var(--primary-color);
}

.home-blog-bottom a {
  color: var(--primary-color);
}

@media (max-width: 1200px) {
  .home-blog-bottom::after {
    content: none;
  }
}

/* CTA */

.cta {
  max-width: 1250px;
  padding: 60px;
  margin: 0 auto;
  background: linear-gradient(
    to right,
    var(--primary-color),
    var(--primary-950)
  );
  color: white;
  border-radius: 20px;
  position: relative;
  top: -30px;
}

.cta-item {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}

@media (max-width: 1245px) {
  .cta {
    padding: 60px 15px;
  }
  .cta-item {
    justify-content: flex-start;
    margin-bottom: 10px;
  }

  .cta-item span {
    text-align: center;
    font-size: 16px;
  }
  .cta-item a {
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  .cta-item {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .cta-item a {
    font-size: 14px !important;
  }
  .cta-item svg {
    width: 15px;
    height: 15px;
  }
}

@media (max-width: 425px) {
  .cta-item a {
    font-size: 10px !important;
  }
}

.cta-item span {
  font-size: 21px;
  font-weight: bold;
}

.cta-item a {
  color: white;
  font-size: 17px;
  font-weight: bold;
}

@media (max-width: 375px) {
  .cta-item a {
    font-size: 14px;
  }
}
.flower {
  position: absolute;
  top: -50px;
  left: -50px;
}

.leaf {
  position: absolute;
  bottom: -35x;
  right: -35px;
}

@media (max-width: 1310px) {
  .flower {
    left: 0;
  }
  .leaf {
    bottom: 0;
    right: 0;
  }
}

/* FOOTER */

footer {
  background-color: var(--primary-950);
  max-width: 1320px;
  margin: 0 auto;
  padding: 60px 60px 90px 60px;
}

@media (max-width: 992px) {
  footer {
    padding: 60px 60px 140px 60px;
  }
}

.footer-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .footer-top {
    justify-content: flex-start;
  }
}

.footer-center {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .footer-center {
    justify-content: flex-start;
  }
  .footer-list {
    flex-direction: column;
    align-items: flex-start !important;
  }
}

@media (max-width: 425px) {
  .footer-center {
    font-size: 14px;
  }
}

.footer-list {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 30px;
}

.footer-list li a {
  color: white;
  transition: all 0.3s ease;
}

.footer-list li a:hover {
  color: var(--primary-color);
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--primary-color);
  padding-top: 30px;
}

@media (max-width: 1024px) {
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-bottom span {
    margin: 20px 0;
  }
}

.footer-social-links {
  display: flex;
  align-items: center;
  gap: 20px;
}

.footer-bottom span {
  color: white;
  font-size: 14px;
}

/* BREADCRUMB SECTION */
.breadcrumb-wrapper {
  padding: 0px;
}

@media (max-width: 992px) {
  .breadcrumb-wrapper {
    margin-top: 60px;
  }
}

.breadcrumb-background-color {
  padding: 50px;
  background-color: var(--primary-color);
}

.breadcrumb {
  max-width: 1320px;
  margin: 10px auto;
  display: flex;
  gap: 15px;
}

@media (max-width: 1383px) {
  .breadcrumb {
    padding-left: 100px;
  }
}

@media (max-width: 992px) {
  .breadcrumb-product-info {
    text-align: center;
  }
}

.breadcrumb-info {
  color: white;
  display: flex;
  justify-content: center;
}

.breadcrumb-product-info {
  color: white;
}

@media (max-width: 425px) {
  .breadcrumb-info {
    margin-bottom: 10px;
  }
}

.breadcrumb-info ul li a {
  color: white;
}
.breadcrumb-info span {
  font-size: 24px;
  font-weight: bold;
}

.breadcrumbs-list li a {
  color: black;
}

.breadcrumbs-simple {
  padding: 0px;
  max-width: 1320px;
  margin: 10px auto;
  display: flex;
  gap: 15px;
}

.breadcrumbs-list {
  margin-top: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 425px) {
  .breadcrumbs-list {
    font-size: 13px;
  }
}

/* BREADCRUMB - DROPDOWN - MENU */

.breadcrumb-dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}

.dropdown-btn {
  background-color: var(--primary-950);
  color: gainsboro;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s ease;
}

.dropdown-btn:hover {
  color: white;
}

.dropdown-info {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-info a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  transition: all 0.2s ease;
}

.dropdown-info a:hover {
  background-color: var(--primary-950);
  color: white;
}

.arrow {
  margin-left: 10px;
  transition: transform 0.3s ease;
}

.arrow.up {
  transform: rotate(180deg);
}

/* PRODUCT - LIST - PAGE */

.products-title {
  text-align: center;
  font-size: 32px;
  margin-bottom: 50px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .products-title {
    font-size: 27px;
  }
}

/* PRODUCT DETAIL PAGE */

.detail-slider-wrapper {
  padding: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@media (max-width: 992px) {
  .detail-slider-wrapper {
    width: 100%;
    margin: 10px 0;
  }
}

.productDetailSwiper2 {
  height: 80%;
  width: 100%;
}

.productDetailSlider {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
  margin-top: 10px;
}

.payment-logo-wrapper {
  padding: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.payment-logo {
  width: 300px;
}

/* PRODUCT DETAIL - RIGHT - AREA */

.right-area-col {
  display: flex;
  flex-direction: column;
  padding: 30px 30px;
  margin-bottom: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@media (max-width: 768px) {
  .right-area-col {
    text-align: center;
  }
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  display: none;
}
.modal-content {
  border-radius: 10px;
  background-color: white;
  position: fixed;
  width: 550px;
  z-index: 99999;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  display: none;
}
@media (max-width: 560px) {
  .modal-content {
    width: 90%;
    top: 50%;
    transform: translate(-50% -50%);
  }
}
.modal-header {
  font-size: 22px;
  font-weight: bold;
  padding: 20px;
  margin: 10px 0;
}

.modal-body {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal-body label {
  font-weight: bold;
  font-size: 18px;
}

.modal-body input {
  padding: 8px;
}

.modal-footer {
  padding: 20px;
  display: flex;
  gap: 10px;
}

.modal-footer button {
  border: none;
}

.closeButton {
  padding: 10px 25px;
  background-color: var(--primary-color);
  color: white;
}

.saveButton {
  padding: 10px 25px;
  background-color: var(--primary-300);
  color: white;
}

.no-stock-detail-message {
  padding: 8px 20px;
  background: red;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 20px;
  margin-bottom: 30px;
}

.stock-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  margin-bottom: 15px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.stock-message span {
  font-size: 32px;
}

.stock-message button {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  padding: 15px 50px;
  color: white;
  font-size: 16px;
  letter-spacing: 2px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.stock-message button:hover {
  color: var(--primary-color);
  background-color: white;
}

.product-area-title {
  color: var(--primary-950);
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: bold;
}

.product-area-text {
  font-size: 14px;
}

@media (max-width: 425px) {
  .product-area-text {
    font-size: 12px;
  }
}

.product-area-text-item {
  margin: 10px 0;
  font-weight: bold;
}

.product-area-thin-text {
  font-weight: normal;
}

.right-area-dropdown {
  width: 100%;
  position: relative;
}

.right-area-dropdown > select {
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--primary-950);
  padding: 6px 30px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  background-color: #fff;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.2s;
  cursor: pointer;
}

.right-area-dropdown > i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.right-col-title {
  margin-top: 15px;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}

.materials {
  margin-top: 10px;
  color: var(--primary-950);
}

.line-text {
  text-decoration: line-through;
  color: #8c8c8c;
}

.price-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
  gap: 5px;
}

.text-price {
  font-size: 24px;
}

.new-price {
  font-size: 32px;
}

.kdv {
  font-size: 12px;
  display: flex;
  flex-direction: column;
}

.order-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .order-section {
    flex-direction: column;
  }
}

.order-btn > button {
  background-color: var(--primary-color);
  border: none;
  padding: 15px 50px;
  color: white;
  font-size: 16px;
  letter-spacing: 2px;
  cursor: pointer;
}

@media (max-width: 425px) {
  .order-btn > button {
    margin-top: 10px;
    font-size: 14px;
  }
}

.order-btn > button:hover i {
  transform: translateX(10px);
  transition: transform 0.3s ease-in-out;
}

.order-btn > button > i {
  margin-left: 10px;
  transition: transform 0.3s ease-in-out;
}

.right-area-col-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.right-area-column {
  display: flex;
  flex-direction: column;
}

@media (max-width: 500px) {
  .right-area-col-info {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .right-area-column {
    font-size: 13px;
  }
}

.right-area-col-info > span {
  display: flex;
  align-items: center;
  gap: 10px;
}

.right-area-col-info > span img {
  width: 60px;
}

@media (max-width: 500px) {
  .right-area-col-info > span {
    flex-direction: column;
    justify-content: center;
    width: 120px;
    height: 140px;
    border: 1px solid var(--primary-950);
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
  }
}

/* PRODUCT DETAIL - INFO */

.single-product-info {
  padding: 0px;
}

.right-area-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

.product-detail-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 30px;
  margin-top: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.right-are-information {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (max-width: 425px) {
  .right-are-information {
    font-size: 14px;
  }
}

/* PRODUCT DETAIL - FORM */

.form-title {
  font-size: 19px;
}

.stars {
  padding: 10px 0;
  display: flex;
  cursor: pointer;
  gap: 10px;
}

.stars .star {
  font-size: 27px;
}
.stars > .star.selected,
.star:hover,
.star.hover {
  color: gold;
}

.product-detail-form {
  padding: 30px;
  width: 100%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.form-input {
  margin-bottom: 20px;
}

.form-input {
  position: relative;
}

.form-input input {
  padding: 0 20px 0 50px;
  border: 1px solid #e8e8e8;
  height: 55px;
  font-family: inherit;
  font-weight: 300;
  border-radius: 6px;
  color: inherit;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
  width: 100%;
}

.form-input i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.form-input textarea {
  border: 1px solid #e8e8e8;
  width: 100%;
  height: 150px;
  font-weight: 300;
  border-radius: 6px;
  color: inherit;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 15px 20px;
  resize: none;
  font-size: 16px;
}

.form-bottom-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .form-bottom-wrapper {
    flex-direction: column-reverse;
  }
}

.recaptha-img {
  width: 300px;
}

@media (max-width: 768px) {
  .recaptha-img {
    margin-bottom: 20px;
  }
}

.form-bottom-wrapper button {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  padding: 15px 50px;
  height: 100%;
  color: white;
  font-size: 18px;
  letter-spacing: 2px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.form-bottom-wrapper button:hover {
  background-color: transparent;
  color: var(--primary-color);
}

@media (max-width: 768px) {
  .form-bottom-wrapper > button {
    width: 100%;
    font-size: 14px;
  }
}

@media (max-width: 425px) {
  .form-bottom-wrapper > button {
    font-size: 14px;
  }
}

/* BLOG - LIST PAGE */

.blog-list-page {
  padding: 40px 0 60px;
}

.blog-list-title {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
  color: #151515;
}

/* BLOG - DETAIL PAGE */

.blog-detail-page {
  padding: 40px 0 60px;
}

.blog-detail-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
  color: #151515;
}

.blog-detail-grid {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.blog-detail-grid.has-sidebar {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 40px;
  align-items: start;
}

.blog-content .content-wrapper {
  margin-top: 0;
}

.blog-sidebar {
  position: sticky;
  top: 20px;
}

.sidebar-product-item {
  margin-bottom: 15px;
}

@media (max-width: 992px) {
  .blog-detail-grid.has-sidebar {
    grid-template-columns: 1fr;
  }
}

/* CONTACT - PAGE */

@media (max-width: 425px) {
  .contact-form {
    padding: 50px 20px;
  }
}

.contact-box {
  background-color: var(--primary-color);
  color: white;
  height: 250px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media (max-width: 425px) {
  .contact-box {
    height: 195px;
  }
}

.contact-box i {
  font-size: 32px;
}

@media (max-width: 425px) {
  .contact-box i {
    font-size: 22px;
  }
}

.contact-box-title {
  font-size: 22px;
  margin: 10px 0;
  font-weight: bold;
}

@media (max-width: 425px) {
  .contact-box-title {
    font-size: 18px;
  }
}

.contact-box-content {
  font-size: 14px;
  text-align: center;
}

@media (max-width: 425px) {
  .contact-box-content {
    font-size: 11px;
  }
}

textarea {
  resize: none;
}

.contact-form-title {
  font-size: 22px;
  font-weight: bold;
}

.form-group input,
textarea {
  width: 100%;
  margin-top: 20px;
}

.form-group input {
  height: 55px;
  padding: 10px;
  border: 1px solid var(--primary-950);
}

@media (max-width: 425px) {
  .form-group input {
    height: auto;
  }
}

.form-group textarea {
  padding: 10px;
  height: 235px;
  border: 1px solid var(--primary-950);
}

.contact-form form button {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  padding: 15px 50px;
  width: 100%;
  height: 100%;
  color: white;
  font-size: 18px;
  letter-spacing: 2px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.contact-form form button:hover {
  background-color: transparent;
  color: var(--primary-color);
}

@media (max-width: 425px) {
  .contact-form form button {
    font-size: 14px;
  }
}

/* DEFAULT PAGE */

.default-page {
  padding: 50px 0px 100px 0px;
}

/* WHATSAPP - ICON */
button.wh-ap-btn {
  outline: none;
  width: 60px;
  height: 60px;
  border: 0;
  background-color: var(--primary-color);
  padding: 0;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  cursor: pointer;
  transition: opacity 0.3s, background 0.3s, box-shadow 0.3s;
}

button.wh-ap-btn::after {
  content: "";
  background-image: url("/yuklemeler/project-img/whatsapp-32.png");
  
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60%;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
}

button.wh-ap-btn:hover {
  opacity: 1;
  background-color: #20bf6b;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.wh-api {
  position: fixed;
  bottom: 0;
  right: 0;
}

.wh-fixed {
  margin-right: 15px;
  margin-bottom: 15px;
}

.wh-fixed > a {
  display: block;
  text-decoration: none;
}

.wh-fixed > a:hover button.wh-ap-btn::before {
  opacity: 1;
  width: auto;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100px;
}

/* animacion pulse */

.whatsapp-pulse {
  width: 60px;
  height: 60px;
  right: 10px;
  bottom: 10px;
  background: #10b418;
  position: fixed;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  border-radius: 50%;
  z-index: 99;
  display: inline-block;
  line-height: 65px;
}

@media (max-width: 992px) {
  .whatsapp-pulse {
    display: none;
  }
}

.whatsapp-pulse:before {
  position: absolute;
  content: " ";
  z-index: -1;
  bottom: -15px;
  right: -15px;
  background-color: var(--primary-color);
  width: 90px;
  height: 90px;
  border-radius: 100%;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  opacity: 0.6;
  -webkit-animation: pulse 1s ease-out;
  animation: pulse 1.8s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.3);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.6);
    opacity: 0.6;
  }
  75% {
    -webkit-transform: scale(0.9);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  25% {
    transform: scale(0.3);
    opacity: 1;
  }
  50% {
    transform: scale(0.6);
    opacity: 0.6;
  }
  75% {
    transform: scale(0.9);
    opacity: 0.3;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

/* FOOTER STICKY START */

.footer-sticky-bar {
  display: block;
  border-radius: 32px 32px 0px 0px;
  padding: 15px 5px;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: white;
  z-index: 999;
  left: 0;
  box-shadow: 0px 0px 6px var(--primary-color);
}

.footer-sticky-bar .sticky-area {
  display: flex;
  align-items: center;
}

.footer-sticky-bar .sticky-area .sticky-box {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.footer-sticky-bar .sticky-area .sticky-box .sticky-title {
  font-size: 10px;
  color: var(--primary-color);
}

.footer-sticky-bar .sticky-area .sticky-box a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer-sticky-bar .sticky-area .sticky-box a i {
  font-size: 28px;
  margin-bottom: 3px;
}
@media (min-width: 992px) {
  .footer-sticky-bar {
    display: none;
  }
  .dp-none {
    display: none;
  }
}
.footer-sticky-bar .sticky-area .sticky-box svg {
  margin-bottom: 4px;
  width: 24px;
  height: 24px;
}

/* FOOTER STICKY END */

/* 404 PAGE */
.not-found-area {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

@media (max-width: 992px) {
  .not-found-area {
    flex-direction: column;
  }
}

.notfound404 {
  font-size: 40px;
}

@media (max-width: 992px) {
  .notfound404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

a.home-link-btn {
  background: var(--primary-color);
  color: white;
  display: flex;
  align-items: center;
  padding: 10px 40px;
  border-radius: 20px;
  font-size: 20px;
  margin-top: 20px;
  max-width: 300px;
  display: flex;
  justify-content: center;
}

.not-found-page {
  padding: 30px 0px;
}

.not-found-area img {
  width: 600px;
}

@media (max-width: 992px) {
  .not-found-area img {
    max-width: 100%;
  }
}

.product-box img {
  border-radius: 20px 20px 0px 0px;
}

.category-item img {
  max-width: 75px;
  padding: 9px;
  border-radius: 50%;
  border: 3px solid var(--lf-primary);
  box-shadow: 0px 0px 20px var(--lf-primary);
  transition: all 0.3s ease;
}

.category-item {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.category-wrapper {
  padding: 30px 0px;
}

@media (min-width: 992px) {
  .not-found-area img {
    max-width: 100%;
  }
  .category-slider {
    padding: 0;
  }
}

.category-item:hover img,
.category-item:hover .category-item-name {
  transform: scale(1.2);
}

.header-top .row {
  position: relative;
  top: 16px;
}

.social-links svg * {
  fill: white;
}

.social-links a {
  background: var(--lf-secondary);
  /* padding: 6px; */
  border-radius: 50%;
  box-shadow: 0px 0px 5px var(--lf-secondary);
  border: 2px solid var(--lf-secondary);
  transition: all 0.3s ease;
}

.social-links a:hover {
  background: none;
}

.social-links a:hover svg * {
  fill: var(--lf-secondary);
}

.header-top-left {
  gap: 25px;
}

.header-top-left svg {
  background: var(--lf-secondary);
  width: 35px;
  height: 35px;
  padding: 6px;
  border-radius: 50%;
  border: 2px solid var(--lf-secondary);
  box-shadow: 0px 0px 10px var(--lf-secondary);
  transition: all 0.3s ease;
}

.header-top-left svg * {
  fill: white;
}

.header-top-left a:hover svg {
  background: none;
}

.header-top-left a:hover svg * {
  fill: var(--lf-secondary);
}



.header-search button {
  right: 26%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

input#headerProductSearchBox {
  padding: 7px;
  border-radius: 16px;
  font-style: normal;
}

.header-search {
  z-index: 99;
}

.why-us-item img {
  max-width: 72px;
  border: 3px solid;
  border-radius: 50%;
  padding: 5px;
}

.cta-item svg * {
  fill: white;
}

.cta-item a {
  display: flex;
  align-items: center;
  gap: 5px;
}


.category-header {
  background-color: var(--primary-color);
  color: white;
}

.header-list {
  display: flex;
  justify-content: space-between;
}


.content-wrapper {
  margin-top: 60px;
}

.category-product .col-lg-3 {
  margin-bottom: 35px;
}

.nav-list li a i {
  font-size: 24px;
  color: var(--primary-color);
}

.text-theme {
  color: var(--primary-color);
  font-size: 18px;
}

.maps {
  margin-top: 15px;
}


.maps .contact-form-title {

  top: -18px;
  position: relative;
}


@media (min-width: 992px){
	
  .contact-bottom-form-btn {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .contact-bottom-form-btn  .contact-btn button{
      background: var(--primary-color);
      padding: 20px 80px;
  }
    .contact-btn {
      margin: 0;
  }
  }

  .footer-list li a i {
    display: none;
}

.popular-product-detail .title::before,.popular-product-detail .title::after {
  display: none;
}

.ss-main .ss-single-selected .placeholder {
  background: inherit;
}

.placeholder {
  cursor: unset;
}


.product-detail .box {
  margin-bottom: 20px;
  box-shadow: inherit !important;
}

.list-product-details li span {
  font-weight: 600;
}

.list-product-details li {
  padding-bottom: 13px;
}

.box.mobile-order-2 {
  padding: 14px;
  box-shadow: none !important;
}

/* Ürün detay revize: padding'siz sipariş kutusuna iç boşluk + içeriğin nav'a
   çok yakın durmaması için üstten boşluk */
.box.order-area {
  padding: 14px;
}

#product-details-area {
  margin-top: 30px;
}

.popular-product-detail.bg-grey {
  margin-bottom: 100px;
}

.login-panel .top .logo{
  height: auto;
}


.order-button {
  background: var(--primary-color) !important;
}

.product-detail .order-create .form .dates li label.selected {
  color: #FFF;
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.product-detail .order-create .form .dates li label::after {
  background: var(--primary-color) !important;
}
.product-detail .order-create .form .time-selector select {
  border: 1px solid var(--lf-border) !important;
}

.product-detail .order-create .form .time-selector .fa-clock {
  color: var(--primary-color) !important;
}


.login-panel .top {

  background: var(--primary-color)!important;

}

.login-panel .panel .btn-panel.uye-girisi {
  background: var(--primary-color) !important;
}

.login-panel .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.login-panel .panel::after {
  border-bottom: 5px solid var(--primary-color) !important;
}

form#commentForm {
  box-shadow: none;
}

/* Ürün Detayları (care_content) kutusu: .box global !important shadow'unu kaldır */
.box.box-padding {
  box-shadow: none !important;
}

/* Ödeme yöntemleri görseli — masaüstünde göster, mobilde gizle */
.payment-methods-img {
  display: none;
  max-width: 100%;
  height: auto;
  margin-top: 12px;
}
@media (min-width: 992px) {
  .payment-methods-img {
    display: block;
  }
}

/* Ürün görseli büyütme lightbox'ı (tema main.js openLightbox ile yönetir) */
.image-lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.image-lightbox-content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
  display: flex;
}
.image-lightbox-content img {
  max-width: 100%;
  max-height: 90vh;
  object-fit: contain;
  border-radius: 4px;
}
.image-lightbox-close {
  position: absolute;
  top: -40px;
  right: 0;
  background: 0 0;
  border: 0;
  color: #fff;
  font-size: 32px;
  cursor: pointer;
  padding: 5px 10px;
  line-height: 1;
}
.image-lightbox-close:hover {
  color: #ccc;
}

/* Sayfa scroll çubuğu — Firefox (webkit zaten --lf-primary kullanıyor) */
html {
  scrollbar-color: var(--lf-primary) var(--lf-bg-soft);
}

/* Modal (cf-modal) confirm butonu — custom modal'ın hardcoded mavisi (#3b82f6)
   confirmButtonColor'ı dinlemiyor; temaya CSS ile çekiyoruz */
.cf-modal-btn-confirm{ background:var(--lf-primary) !important; }
.cf-modal-btn-confirm:hover{ background:var(--lf-primary-dark) !important; }

/* Kategori SEO içeriği: arka/iç shadow kaldır + kendi içinde scroll (uzun metin sayfayı uzatmasın) */
.category-content .content-wrapper{
  box-shadow: none !important;
  max-height: 320px;
  overflow-y: auto;
}
/* Alttaki CTA ile birleşmesin diye boşluk */
.category-content{
  margin-bottom: 60px;
}

/* Ürün Detayları (care_content) başlığı ile içerik arasına boşluk */
#product-details-area .box.box-padding .h2{
  margin-bottom: 16px;
}

/* Breadcrumb (partials/breadcrumb ul.links) — stilsizdi: yatay + container ile hizalı */
ul.links{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-width: 1320px;
  margin: 0 auto 18px;
  padding: 12px 15px 0;
  font-size: 14px;
}
ul.links li{ display: inline-flex; align-items: center; color: var(--lf-text-muted); }
ul.links li + li::before{ content: "/"; margin-right: 8px; color: var(--lf-border); }
ul.links a{ color: var(--lf-text-muted); }
ul.links a:hover{ color: var(--lf-primary); }

/* Ürün Detayları (care_content) kutusu — .product-detail dışında kaldığı için
   ayrı hedeflenir; ürün detay kartlarıyla aynı sıcak fildişi ton */
#product-details-area .box.box-padding {
  background: var(--lf-card-warm);
  border: 1px solid var(--lf-border);
  border-radius: 8px;
}

/* Teslimat tarihi takvimi (flatpickr) — seçili/bugün primary yeşil ile dolsun */
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: var(--lf-primary) !important;
  border-color: var(--lf-primary) !important;
  color: #fff !important;
}
.flatpickr-day.today {
  border-color: var(--lf-primary) !important;
}
.flatpickr-day.today:hover {
  background: var(--lf-primary) !important;
  color: #fff !important;
}
.flatpickr-day:hover {
  background: var(--lf-bg-soft) !important;
}

/* Yorumu Gönder butonu: .btn'in #333 yazı rengini ez — yeşil zeminde beyaz,
   hover'da zemin transparan olunca yeşil yazı */
.comments .form input[type="submit"] {
  color: #fff !important;
}
.comments .form input[type="submit"]:hover {
  color: var(--primary-color) !important;
}


@media (min-width: 992px) {
  .comment-form-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .comment-form-bottom .form-group {
    margin: 0 !important;
  }
  .form-group input, textarea {
    margin-top: 0px !important;
}
.comments .form input[type="submit"] {

  line-height: normal;
}
}

.cbtn {
  background: var(--primary-color) !important;
}

.comments .form input[type="submit"]:hover {
  border-color: var(--primary-color) !important;
  background: transparent !important;
}


.standart .content-wrapper {
  margin-top: 0px;
}

.home-blog-item {
  display: block;
  background: white;
  padding: 12px;
  border-radius: 10px;
  min-height: 290px;
  box-shadow: 0px 0px 10px #063a7f;
}



.blog-list-page .home-blog-item {

  min-height: 309px;
}

@media (max-width: 992px){
  .home-blog-item {
    min-height: auto;
  }
  .blog-list-page .home-blog-item {

    min-height: auto;
    margin-bottom: 20px;
  }
}


@media (max-width: 992px) {
  .mobile-form.search-area {
    position: relative;
    top: 60px;
    overflow: hidden;
}

.header-center-top img {
  display: none;
}

.search-form button {
    position: relative;
    right: 45px;
}

input#headerProductSearchBox {
  padding: 7px;
  border-radius: 16px;
  font-style: normal;
  position: relative;
  width: 100% !important;
}
form.search-form {
  display: flex;
  position: relative;
  left: 12px;
  margin-bottom: 18px;
  top: 17px;
}
}

.search-list-page {
  padding: 90px 0px 110px 0px;
}



.footer-sticky-bar {
  display: block;
  border-radius: 32px 32px 0px 0px;
  padding: 15px 5px;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: white;
  z-index: 999;
  left: 0;
  box-shadow: 0px 0px 6px  var(--primary-color);
}


.footer-sticky-bar .sticky-area {
  display: flex;
  align-items: center;
}

.footer-sticky-bar .sticky-area .sticky-box {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.footer-sticky-bar .sticky-area .sticky-box .title {
  font-size: 10px;
  color: var(--lf-primary);
  margin: 0;
}

.footer-sticky-bar .sticky-area .sticky-box a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer-sticky-bar .sticky-area .sticky-box a i {
  font-size: 28px;
  margin-bottom: 3px;
}
.footer-sticky-bar .sticky-area .sticky-box img {
  margin-bottom: 4px;
  width: 24px;
}



@media (min-width: 992px){
.footer-sticky-bar{
  display: none;
}
.dp-none{
  display: none;
}

.contact-page-detail input.form-control {
  width: 100%;
}

.contact-page-detail .contact-button {
  padding: 15px 50px;
  background-color: var(--primary-color);
}
.order-form-bottom-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
form.contact-form-area {
  width: 70%;
  box-shadow: 0px 0px 10px var(--lf-primary);
  padding: 30px 20px;
  border-radius: 18px;
}
.contact-form-wrapper {
  display: flex;
  justify-content: center;
}
}

form.contact-form-area {
  box-shadow: 0px 0px 10px var(--lf-primary);
  padding: 30px 20px;
  border-radius: 18px;

}

.contact-page-detail .contact-button {
  padding: 15px 50px;
  background-color: var(--primary-color);
}
.footer-sticky-bar .sticky-area .sticky-box .title::before,.footer-sticky-bar .sticky-area .sticky-box .title::after{
  display: none;
}


.contact-page-detail {
  padding-top: 60px;
  padding-bottom: 90px;
}
@media (max-width: 992px){
  
.image-discount-wrapper {
  display: none;
}
.contact-page-detail {
  padding-top: 120px;
  padding-bottom: 120px;
}
.florist-wrapper.login{
  padding: 100px 0px;
}
.header-list {
  display: block;
  text-align: center;
  padding-top: 20px;
}
form.single-dropdown {
  margin-bottom: -25px;
  padding-top: 20px;
}
.product-count {
  padding-bottom: 10px;
}
}


.florist-wrapper  .title {
  display: unset;
  margin-bottom: unset;
  font-size: unset;
  font-weight: unset;
  position: unset;
}
@media (max-width: 992px) {
  .dropdown{
    padding: 0;
  }
  .overlay {
    position: fixed;
    top: 0;
    left: -100%; /* Başlangıçta görünmez */
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9); /* Şeffaf overlay rengi */
    z-index: 99999;
    transition: left 0.3s ease; /* Geçiş süresi ve tipi */
    pointer-events: none; /* Başlangıçta tıklanamaz */
  }

  .overlay.active {
    left: 0; /* Overlay ekranın soluna gelir */
    pointer-events: all; /* Aktifken tıklanabilir */
  }

  body.active-menu .header-wrapper {
    pointer-events: all; /* Aktifken menü tıklanabilir */
  }

  .header-wrapper {
    position: fixed;
    top: 0;
    left: -100%; /* Başlangıçta ekran dışında */
    width: 300px; /* Menü genişliği */
    height: 100vh;
    background-color: #fff; /* Menü arka plan rengi */
    z-index: 100000; /* Üstte görüntülenir */
    transition: left 0.3s ease; /* Geçiş süresi ve tipi */
  }

  .header-wrapper.active {
    left: 0; /* Aktif olduğunda ekranın soluna gelir */
  }
  .mobile-icon-wrapper {
    display: flex;
    flex-direction: column;
    padding-top: 49px;
}
.nav-list {
  padding-top: 44px;
}
.header-wrapper .social-links {
  position: relative;
  top: -90px;
}
}



@media (min-width: 992px) {

  .dropdown ul.dropdown-content.slideInDown {
    position: absolute;
    z-index: 999;
    width: 900px;
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    transform: scaleY(0);
    transition: all .3s ease;
    transform-origin: top;
    border-top-left-radius: 0;
    left: 0;
    top: 64px;
  }
  .dropdown:hover ul.dropdown-content.slideInDown {
    transform: scaleY(1);   
  }
  .dropdown-content li {
    width: 47%;
  }
  
  ul.dropdown-content.slideInDown {
    display: flex;
    flex-wrap: wrap;
    width: 800px !important;
  }
  
  ul.dropdown-content.slideInDown li {
    margin-right: 10px;
  }
}
.contact-page-detail input.form-control {

  font-weight: 400;
}

.simple-btn {
  background: var(--primary-color);
  border: 2px solid var(--primary-color);
}

.simple-btn:hover {
  background: transparent;
  border: 2px solid var(--primary-color);
}

.title-none .title::after,.title-none .title::before {
  display: none;
}

.force-bs-modal.modal {
  z-index: 99999999;
}
.header-top-right svg {
  width: 30px;
  height: 30px;
  padding: 6px;
}


section.content-wrapper.panel {
  box-shadow: none;
  margin-top: -60px;
  padding: 0;
  padding-bottom: 150px;
}




.breadcrumb-wrapper,.category-header {
    display: none;
}

.image-bottom-wrapper {
	margin-bottom: 15px;
}

@media (max-width: 992px){
		.image-bottom-wrapper {
		position: relative;
		top: 36px;
		margin-bottom: 37px;
	}
  section.category-product {
    margin-top: 35px;
}
}


/* ========================================================================
   ÜRÜN DETAY - Sağ Kolon Stilleri
   ======================================================================== */

.product-detail .product-title {
  font-size: 28px;
  font-weight: 700;
  color: #151515;
  margin: 0 0 15px;
  line-height: 1.3;
}

.product-detail .box-product-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 15px;
}

.product-detail .order-now-title {
  font-size: 20px;
  font-weight: 600;
  color: #151515;
  margin-bottom: 15px;
}

/* İkon Listesi (Taze Çiçekler, Hızlı Teslimat, Güvenli Ödeme) */
.product-detail .icon-list {
  display: flex;
  gap: 20px;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
}

.product-detail .icon-list .icon-box {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}

.product-detail .icon-list .icon-box i {
  font-size: 22px;
  color: var(--primary-color, #1F3A2E);
}

.product-detail .icon-list .icon-box .box-right {
  font-size: 14px;
  line-height: 1.3;
  color: #333;
}

.product-detail .icon-list .icon-box .box-right span {
  font-weight: 600;
  display: block;
}

/* Ödeme Bilgi Kutusu */
.product-detail .payment-info {
  padding: 15px 20px;
  background: var(--lf-card-warm);
  border: 1px solid var(--lf-border);
  border-radius: 8px;
  margin-bottom: 20px;
}

.product-detail .payment-info .payment-info-title {
  font-size: 16px;
  font-weight: 600;
  color: #151515;
  margin-bottom: 5px;
}

.product-detail .payment-info .payment-sub-info {
  font-size: 13px;
  color: #777;
  line-height: 1.5;
}

/* Mobil Responsive */
@media (max-width: 991.98px) {
  .product-detail .product-title {
    font-size: 22px;
  }

  .product-detail .icon-list {
    flex-direction: column;
    gap: 12px;
  }

  .product-detail .mobile-order-area {
    display: flex;
    flex-direction: column;
  }

  .product-detail .mobile-order-1 {
    order: 1;
  }

  .product-detail .mobile-order-2 {
    order: 2;
  }

  .product-detail .order-create .form .dates ul {
    gap: 6px;
  }

  .product-detail .order-create .form .dates li label {
    height: 70px;
    font-size: 12px;
    padding: 4px 3px 0;
  }

  .product-detail .order-create .form .dates li label strong {
    font-size: 13px;
  }
}

/* Benzer Ürünler Bölümü */
.products.bg-grey {
  background: #f8f9fa;
  padding: 40px 0 20px;
  margin-top: 30px;
}

.products.bg-grey .title--area {
  font-size: 24px;
  font-weight: 700;
  color: #151515;
  text-align: center;
  margin-bottom: 30px;
}

/* ===================================================================
   LA FLORESTA REDESIGN — 2026-06-12 (override katmanı)
   Yalnızca bu blok; cascade'de en son gelir → eski kuralları yener.
   Geri almak için bu marker'dan dosya sonuna kadar sil.
   =================================================================== */

/* --- font: tek aile (Jost), lokal, latin + latin-ext --- */
@font-face{font-family:"Jost";font-style:normal;font-weight:400;font-display:swap;
  src:url("fonts/jost-400-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Jost";font-style:normal;font-weight:400;font-display:swap;
  src:url("fonts/jost-400-latinext.woff2") format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Jost";font-style:italic;font-weight:400;font-display:swap;
  src:url("fonts/jost-400i-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD;}
@font-face{font-family:"Jost";font-style:italic;font-weight:400;font-display:swap;
  src:url("fonts/jost-400i-latinext.woff2") format("woff2");
  unicode-range:U+0100-024F,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Jost";font-style:normal;font-weight:600;font-display:swap;
  src:url("fonts/jost-600-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD;}
@font-face{font-family:"Jost";font-style:normal;font-weight:600;font-display:swap;
  src:url("fonts/jost-600-latinext.woff2") format("woff2");
  unicode-range:U+0100-024F,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Jost";font-style:normal;font-weight:700;font-display:swap;
  src:url("fonts/jost-700-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD;}
@font-face{font-family:"Jost";font-style:normal;font-weight:700;font-display:swap;
  src:url("fonts/jost-700-latinext.woff2") format("woff2");
  unicode-range:U+0100-024F,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF;}

/* TEMA RENK PALETİ (:root) dosyanın en başına (ilk satırlara) taşındı. */

/* --- base: tek font + krem zemin --- */
body, button, input, textarea, select, .btn{
  font-family:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
}
body{ background:var(--lf-bg) !important; color:var(--lf-text); }
h1,h2,h3,h4,h5,h6{ font-family:"Jost",sans-serif !important; font-weight:600; color:var(--lf-primary); letter-spacing:-.01em; }
em,.em-accent{ font-style:italic; color:var(--lf-secondary); }
a{ transition:color .25s ease; }
::selection{ background:var(--lf-secondary); color:#fff; }
::-webkit-scrollbar{ width:12px; height:12px; }
::-webkit-scrollbar-track{ background:var(--lf-bg-soft); }
::-webkit-scrollbar-thumb{ background:var(--lf-primary); border-radius:10px; border:3px solid var(--lf-bg-soft); }
::-webkit-scrollbar-thumb:hover{ background:var(--lf-secondary); }

/* --- chrome: header / topbar / nav / footer --- */
header > .header-top{ background:var(--lf-primary-dark) !important; color:var(--lf-bg-soft); }
header > .header-top a{ color:var(--lf-bg-soft); }
header > .header-top a:hover{ color:var(--lf-secondary-light); }
.header-center{ background:var(--lf-bg) !important; border-bottom:1px solid var(--lf-border); }
.header-search input, .search-form input{ border-color:var(--lf-border); }
.header-search input:focus, .search-form input:focus{ border-color:var(--lf-secondary); outline:none; }
nav.nav, .header-bottom{ background:var(--lf-bg) !important; border-bottom:1px solid var(--lf-border); }
nav.nav .nav-list > li > a{ color:var(--lf-text); text-transform:uppercase; letter-spacing:.06em; font-size:.82rem; font-weight:500; }
nav.nav .nav-list > li > a:hover{ color:var(--lf-secondary); }
.dropdown-content{ background:var(--lf-card) !important; border:1px solid var(--lf-border); box-shadow:0 14px 40px rgba(31,58,46,.10); }
.dropdown-content a:hover{ color:var(--lf-secondary); }
.mobile-header, .mobile-header-top{ background:var(--lf-primary-dark) !important; color:var(--lf-bg-soft); }
.mobile-nav{ background:var(--lf-bg) !important; }
footer{ background:var(--lf-primary-dark) !important; color:var(--lf-bg-soft); }
footer a{ color:var(--lf-bg-soft); }
footer a:hover{ color:var(--lf-secondary-light); }
footer .footer-list .title, footer h4{ color:#fff !important; }
.footer-bottom{ border-top:1px solid rgba(255,255,255,.12); }

/* --- butonlar (genel) --- */
.btn{ border-radius:var(--lf-radius); letter-spacing:.08em; }
.btn-primary, .basket, .add-to-cart, button.basket{ background:var(--lf-primary) !important; color:var(--lf-bg) !important; border:1px solid transparent; }
.btn-primary:hover, .basket:hover, button.basket:hover{ background:var(--lf-primary-dark) !important; }
.btn-secondary, .btn-gold{ background:var(--lf-secondary) !important; color:#fff !important; }
.btn-outline:hover{ background:var(--lf-primary) !important; color:var(--lf-bg) !important; }

/* --- home: hero / kategori şeridi / ürün kartı / blog --- */
/* hero slider — statik .hero-slider: yuvarlak köşe + hafif shadow + 560px object-fit görsel */
.hero-slider-container{ border-radius:var(--lf-radius-lg) !important; overflow:hidden; box-shadow:0 14px 40px rgba(31,58,46,.10); }
.hero-slider-container .slide-content h1, .hero-slider-container h2{ color:#fff !important; }
.hero-slide{ min-width:100%; }
/* Yükseklik görselin kendi oranından gelir: panelden yüklenen slayt kırpılmasın
   ve alan görselden büyük görünmesin (eski hali sabit clamp(340px,40vw,560px)
   + object-fit:cover idi). */
.hero-slide img{ width:100% !important; height:auto !important; object-fit:contain !important; display:block; }
.hero-slider-next, .hero-slider-prev{ width:52px !important; height:52px !important; border-radius:50% !important; background:rgba(21,39,30,.42) !important; color:#fff !important; border:1px solid rgba(255,255,255,.35) !important; backdrop-filter:blur(6px); transition:all .3s ease; }
.hero-slider-next:hover, .hero-slider-prev:hover{ background:var(--lf-secondary) !important; border-color:var(--lf-secondary) !important; }

/* kategori şeridi — statik .cat-item/.cat-thumb: DAİRE görsel, kart YOK, navy var(--lf-primary) border+shadow YOK */
.multi-carousel-container{ width:auto !important; }
.category-item{ background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; text-align:center; }
.category-item:hover{ transform:none !important; box-shadow:none !important; }
.category-item img{
  width:110px !important; height:110px !important; max-width:110px !important; padding:7px !important;
  border-radius:50% !important; border:1px solid var(--lf-border) !important; box-shadow:none !important;
  background:var(--lf-card) !important; object-fit:cover !important;
  transition:transform .5s ease, border-color .3s ease, box-shadow .3s ease !important;
}
.category-item:hover img{ border-color:var(--lf-secondary) !important; transform:translateY(-4px) scale(1.04) !important; box-shadow:0 14px 30px rgba(184,146,74,.18) !important; }
.category-item .title, .category-item span, .category-item-name{ color:var(--lf-primary) !important; font-weight:500; text-transform:uppercase; letter-spacing:.06em; font-size:.82rem; }
.category-item:hover .category-item-name{ color:var(--lf-secondary) !important; transform:none !important; }

/* bölüm başlıkları (editorial) */
.section .title, .home-section-title, h2.title{ color:var(--lf-primary); }
.section .title svg path{ fill:var(--lf-secondary) !important; }

/* ürün kartı */
.product-item.product-box{ background:var(--lf-card); border:1px solid var(--lf-border); border-radius:var(--lf-radius-lg); overflow:hidden; transition:transform .35s ease, box-shadow .35s ease; }
.product-item.product-box:hover{ transform:translateY(-4px); box-shadow:0 14px 40px rgba(31,58,46,.10); }
.product-item-name{ color:var(--lf-text); font-weight:500; }
.product-item-price .price span, .product-item-price .price.highlighted span{ color:var(--lf-secondary) !important; font-weight:600; }
.product-item-price .line span{ color:var(--lf-text-muted); text-decoration:line-through; }
.image-discount-wrapper .discount{ background:var(--lf-secondary-soft) !important; color:var(--lf-primary-dark) !important; }
.product-box .basket{ background:var(--lf-primary) !important; color:var(--lf-bg) !important; }

/* --- editorial section-head (eyebrow + italik altın başlık) --- */
.lf-section-head{ text-align:center; max-width:640px; margin:0 auto 48px; }
.lf-eyebrow{ font-family:"Jost",sans-serif; text-transform:uppercase; letter-spacing:.32em; font-size:.72rem; font-weight:500; color:var(--lf-secondary); display:inline-flex; align-items:center; gap:12px; }
.lf-eyebrow::before, .lf-eyebrow::after{ content:""; width:34px; height:1px; background:var(--lf-secondary); opacity:.55; }
.lf-section-title{ font-size:clamp(1.9rem,3.4vw,2.9rem); margin-top:14px; letter-spacing:-.01em; color:var(--lf-primary); font-weight:600; }
.lf-section-title em{ font-style:italic; color:var(--lf-secondary); }

/* mevcut tema .title başlıklarını (why-us/popüler/blog) editorial'a çek */
.why-us > .container > .title, .last-sold-products .title, .home-blog .title{
  flex-direction:column; align-items:center; text-align:center; gap:6px; margin-bottom:42px;
}
.why-us .title span, .last-sold-products .title span, .home-blog .title span{
  font-family:"Jost",sans-serif; color:var(--lf-primary); font-weight:600;
  font-size:clamp(1.7rem,3vw,2.4rem); letter-spacing:-.01em; line-height:1.1;
}
.why-us .title svg, .last-sold-products .title svg, .home-blog .title svg{ margin-bottom:6px; }
.why-us .title svg path, .last-sold-products .title svg path, .home-blog .title svg path{ fill:var(--lf-secondary) !important; }

/* --- USP şeridi (statik .usp) --- */
.lf-usp{ border-top:1px solid var(--lf-border); border-bottom:1px solid var(--lf-border); background:var(--lf-bg); }
.lf-usp .lf-usp-grid{ display:grid; grid-template-columns:repeat(4,1fr); }
.lf-usp-item{ display:flex; align-items:center; justify-content:center; gap:16px; padding:30px 22px; border-right:1px solid var(--lf-border); }
.lf-usp-item:last-child{ border-right:none; }
.lf-usp-item i{ font-size:1.7rem; color:var(--lf-secondary); }
.lf-usp-item h4{ font-family:"Jost",sans-serif; font-size:.9rem; letter-spacing:.04em; color:var(--lf-primary); font-weight:600; text-transform:uppercase; margin:0; }
.lf-usp-item p{ font-size:.82rem; color:var(--lf-text-muted); margin:0; }
@media (max-width:900px){ .lf-usp .lf-usp-grid{ grid-template-columns:repeat(2,1fr); } .lf-usp-item:nth-child(2){ border-right:none; } }

/* --- kategori listeleme: editorial başlık banner'ı (statik .page-head) --- */
.list-head{ background:var(--lf-bg-soft) !important; border-bottom:1px solid var(--lf-border); padding:46px 0 22px; }
.list-head .list-head-inner{ display:flex; flex-direction:column; align-items:center; gap:8px; }
.list-head-title{ font-family:"Jost",sans-serif !important; font-size:clamp(1.9rem,3.4vw,2.9rem) !important; font-weight:600 !important; color:var(--lf-primary) !important; text-align:center; order:1; margin:0; }
.list-head-count{ order:2; color:var(--lf-text-muted) !important; font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; }
.list-head-sort{ order:3; margin-top:8px; }
.list-head select, .product-area select{ border:1px solid var(--lf-border) !important; border-radius:var(--lf-radius); height:46px; background:var(--lf-card); padding:0 16px; }
.products{ padding-top:40px; }

/* --- ürün detay --- */
.single-product .product-title, .single-product h1{ color:var(--lf-primary); }
.single-product .price, .single-product .product-price{ color:var(--lf-secondary) !important; font-weight:600; }
.buy_form .form-control, .buy_form select, .buy_form input{ border:1px solid var(--lf-border); border-radius:var(--lf-radius); }
.buy_form select:focus, .buy_form input:focus{ border-color:var(--lf-secondary); outline:none; }
.buy_form button[type="submit"]{ background:var(--lf-primary) !important; color:var(--lf-bg) !important; }
.buy_form button[type="submit"]:hover{ background:var(--lf-primary-dark) !important; }
.product-gallery .thumb.active, .product-gallery .active{ border-color:var(--lf-secondary) !important; }
.comments .comment, .single-product .comment{ border-color:var(--lf-border); }

/* --- sepet / checkout adımları --- */
.order-step .step-title{ color:var(--lf-text-muted); }
.summary-row.total .total-amount, .total-value{ color:var(--lf-primary) !important; font-weight:600; }
.delivery-title{ color:var(--lf-primary) !important; }

/* --- üyelik / hesabım formları --- */
.login-form, .register-form, .account-form, form.auth-form{ background:var(--lf-bg); border:1px solid var(--lf-border); box-shadow:none !important; }
.login-form input:focus, .register-form input:focus, .account-form input:focus{ border-color:var(--lf-secondary); outline:none; }
.account-sidebar a.active, .hesabim-menu a.active{ color:var(--lf-secondary); border-color:var(--lf-secondary); }

/* --- mavi/cyan literal kaçak temizliği --- */
/* app.css literal var(--lf-secondary) (var() arkasında OLMAYAN) */
.section-badge,
.sidebar-header i,
.sidebar-cart-item .item-type{ color:var(--lf-secondary) !important; }
.coupon-btn, .coupon-btn:hover,
.cf-button, .cf-button:hover{ background:var(--lf-primary) !important; color:var(--lf-bg) !important; }
.cf-radio, .cf-checkbox{ accent-color:var(--lf-primary) !important; border-color:var(--lf-primary) !important; }
.coupon-input:focus, .cf-input:focus{ border-color:var(--lf-secondary) !important; box-shadow:0 0 0 3px rgba(31,58,46,.14) !important; }
.total-value,
.summary-row.total .total-amount,
.delivery-title{ color:var(--lf-primary) !important; }

/* style.css var(--lf-secondary) — topbar telefon/email + sosyal ikon daireleri */
.social-links a,
.header-top-left svg{ background:var(--lf-secondary) !important; border-color:var(--lf-secondary) !important; box-shadow:0 0 8px rgba(184,146,74,.35) !important; }
.social-links svg *, .header-top-left svg *{ fill:#fff !important; }
.social-links a:hover, .header-top-left a:hover svg{ background:var(--lf-secondary-light) !important; }
.social-links a:hover svg *, .header-top-left a:hover svg *{ fill:#fff !important; }

/* blade svg partial'larında inline mavi fill (dekoratif yaprak/çiçek/ikon) — tüm mavi tonları temaya */
svg [fill="#156BDE" i], svg [fill="#1D83F3" i]{ fill:var(--lf-secondary) !important; }
svg [fill="#5ABFFF" i], svg [fill="#DAF0FF" i]{ fill:var(--lf-secondary-light) !important; }
svg [fill="#142F57" i]{ fill:var(--lf-primary) !important; }

/* raster dekoratif mavi: header-top-line.png (header'da, tüm sayfalar) → altın'a recolor */
img[src*="header-top-line"], img[alt="topLine"]{
  filter:brightness(0) saturate(100%) invert(56%) sepia(58%) saturate(380%) hue-rotate(2deg) brightness(91%) contrast(87%);
}

/* tracking alert mavi info kutusu (#dbeafe) */
.cf-tracking-alert{ background:var(--lf-bg-soft) !important; border-color:var(--lf-border) !important; color:var(--lf-text) !important; }

/* latent mavi border (kategori şeridi img — görünmez ama temizle) */
.category-item img, .multi-carousel-container img{ border-color:var(--lf-border) !important; }

/* checkout stepper: pasif adımlar slate-400 (#94A3B8) → sıcak taupe; aktif → yeşil */
.step-icon, .step-title, .step-number, .step-icon .icon-svg{ color:var(--lf-text-muted) !important; }
.order-step.active .step-icon, .order-step.active .step-title, .order-step.active .step-number, .order-step.active .step-icon .icon-svg{ color:var(--lf-primary) !important; }
/* Aktif adım: daire bg yeşil olduğu için içindeki ikon beyaz olsun (yeşil-üstü-yeşil görünmezliği) */
.order-step.active .step-icon .icon-svg{ color:#fff !important; }
/* Sipariş takibi: iç içe kart bg + shadow kaldır (Vite app.css wrapper + redesign form-area) — form düz sayfa zemininde dursun */
.order-tracking-page .contact-form-wrapper{ background:transparent !important; box-shadow:none !important; }
.order-tracking-page form.contact-form-area, .contact-form-area{ box-shadow:none !important; }

/* ===================================================================
   FAZ 3 — header / nav / slider / kart / footer / cta parite (2026-06-12)
   =================================================================== */

/* --- topbar kayması düzelt (.header-top .row top:16px; .header-center-top bottom) --- */
header > .header-top .row{ top:0 !important; }
.header-center-top{ bottom:0 !important; margin:0 !important; }

/* --- header-center: cream zemin + KOYU yazı/logo (beyaz görünmezliği düzelt) --- */
.header-center{ background:var(--lf-bg) !important; padding:18px 0 !important; }
.icon-wrapper a, .header-center-icon, .header-center-icon i{ color:var(--lf-text) !important; }
.header-center-icon:hover, .header-center-icon:hover i{ color:var(--lf-secondary) !important; }
.header-center-icon{ display:flex; align-items:center; gap:8px; font-size:.82rem; letter-spacing:.02em; text-transform:uppercase; font-weight:500; }
/* Logo panelden yüklenen görselle geliyor; şablonun beyaz logosu için konan
   tek-renk filtresi (brightness(0)+hue-rotate) müşterinin renkli logosunu
   siluete çeviriyordu — kaldırıldı, yalnız boyut sınırı kaldı. */
.header-center .logo img{ max-height:46px; width:auto; }
.header-search input{ border:1px solid var(--lf-border) !important; border-radius:30px; background:var(--lf-card); }
.header-search svg path, .header-search button svg path{ fill:var(--lf-primary) !important; }

/* --- nav item + dropdown (statik .nav-list / .dropdown-content) --- */
nav.nav, .header-bottom{ background:var(--lf-bg) !important; border-top:1px solid var(--lf-border); border-bottom:1px solid var(--lf-border) !important; }
.nav-list > li > a, nav.nav .nav-list > li > a{ padding:16px 18px !important; font-size:.8rem !important; letter-spacing:.12em !important; text-transform:uppercase; font-weight:500; color:var(--lf-text) !important; position:relative; }
.nav-list > li > a:hover, nav.nav .nav-list > li > a:hover{ color:var(--lf-secondary) !important; }
.dropdown{ padding:14px 6px !important; }
.dropdown-content{ background:var(--lf-card) !important; border:0 !important; border-top:2px solid var(--lf-secondary) !important; border-radius:var(--lf-radius-lg) !important; box-shadow:0 30px 70px rgba(21,39,30,.16) !important; padding:14px !important; }
.dropdown-content a{ color:var(--lf-text) !important; border-radius:var(--lf-radius); padding:11px 16px !important; text-transform:none; font-weight:400; transition:background .25s ease, padding .25s ease; }
.dropdown-content a:hover{ background:var(--lf-bg-soft) !important; color:var(--lf-primary) !important; padding-left:22px !important; }
.dropdown-content a i, .dropdown-content svg path{ color:var(--lf-secondary) !important; fill:var(--lf-secondary) !important; }

/* --- slider ileri/geri butonları: yanlarda, dikey ortalı (statik .hero-prev/.hero-next) --- */
.hero-slider-container{ position:relative; }
.hero-slider-btn{ position:static !important; transform:none !important; }
.hero-slider-next, .hero-slider-prev{ position:absolute !important; top:50% !important; transform:translateY(-50%) !important; bottom:auto !important; left:auto !important; z-index:4; }
.hero-slider-prev{ left:22px !important; }
.hero-slider-next{ right:22px !important; }

/* --- whatsapp float: marka yeşili #25D366 + pulse (statik .wa-float) --- */
button.wh-ap-btn{ background-color:#25D366 !important; }
button.wh-ap-btn:hover{ background-color:#20bf6b !important; }
.whatsapp-pulse{ background:#25D366 !important; }
.whatsapp-pulse:before{ background-color:#25D366 !important; }

/* --- cta: yeşil bar + gold aksanlı ikon/sosyal (statik .cta) --- */
.cta{ background:var(--lf-primary) !important; color:var(--lf-bg); position:relative; overflow:hidden; }
.cta-item span{ color:rgba(255,255,255,.88) !important; }
.cta-item a{ color:#fff !important; display:inline-flex; align-items:center; gap:12px; transition:color .25s ease; }
.cta-item a:hover{ color:var(--lf-secondary-light) !important; }
.cta-item a svg path, .cta-item svg path{ fill:var(--lf-secondary-light) !important; }
.cta .social-links a{ background:transparent !important; border:1px solid rgba(255,255,255,.25) !important; }
.cta .social-links a:hover{ background:var(--lf-secondary) !important; border-color:var(--lf-secondary) !important; }

/* --- footer polish (dark green + gold aksan, statik .site-footer ruhu) --- */
footer{ background:var(--lf-primary-dark) !important; padding-top:54px; }
footer .footer-list li a{ color:rgba(251,248,242,.75) !important; transition:color .25s ease, padding .25s ease; }
footer .footer-list li a:hover{ color:var(--lf-secondary-light) !important; }
footer .footer-bottom{ border-top:1px solid rgba(255,255,255,.1); margin-top:34px; padding:24px 0; }
footer .footer-bottom span{ color:rgba(251,248,242,.6) !important; }
.footer-logo img{ max-height:54px; width:auto; }

/* --- ürün kartı parite (statik .product-card) --- */
.product-item.product-box{ display:block !important; background:var(--lf-card) !important; border:1px solid var(--lf-border) !important; border-radius:var(--lf-radius-lg) !important; overflow:hidden !important; }
.product-item.product-box:hover{ border-color:var(--lf-secondary-soft) !important; }
.product-item-image{ position:relative; overflow:hidden; aspect-ratio:1/1.04; background:var(--lf-bg-soft); }
.product-item-image img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:0 !important; transition:transform .7s ease, opacity .5s ease; }
.product-box:hover .product-item-image img:not(.hover-image){ transform:scale(1.05); }
/* discount badge → top-left küçük gold pill (taşmayı düzelt) */
.image-discount-wrapper{ left:14px !important; top:14px !important; right:auto !important; bottom:auto !important; transform:none !important; background:var(--lf-secondary) !important; color:#fff !important; padding:5px 12px !important; border-radius:40px !important; font-size:.66rem !important; letter-spacing:.06em; text-transform:uppercase; font-weight:600; z-index:3; }
.image-discount-wrapper .discount{ color:#fff !important; background:transparent !important; padding:0 !important; font-size:inherit !important; }
/* basket → image altına oturan floating pill buton */
.image-bottom-wrapper{ padding:0 16px; margin-top:-26px; position:relative; z-index:2; }
.basket, .info{ border-radius:40px !important; padding:11px 16px !important; font-size:.74rem !important; letter-spacing:.08em; text-transform:uppercase; font-weight:500; box-shadow:0 8px 20px rgba(31,58,46,.18); }
.product-box:hover .basket{ background:var(--lf-secondary) !important; opacity:1 !important; }
.product-item-info{ padding:18px 16px; text-align:center; }
.product-item-name{ font-size:1.05rem; margin-bottom:6px; color:var(--lf-text) !important; }
.product-item-price{ gap:10px !important; }

/* ===================================================================
   FAZ 4 — header statik parite ince ayar (nav ortala, topbar sade ikon)
   =================================================================== */
/* nav: ortalı küme (orijinal .nav-list{justify-content:space-between} ez) */
nav.nav .nav-list, .header-bottom .nav-list{ justify-content:center !important; gap:4px !important; width:auto !important; }
.header-bottom{ justify-content:center !important; }

/* topbar telefon/email + sosyal: daire/kutu YOK, sade açık ikon (statik) */
.header-top-left a, header > .header-top .social-links a{ background:transparent !important; border:none !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important; display:inline-flex; align-items:center; gap:8px; }
.header-top-left svg, header > .header-top .social-links svg, header > .header-top .social-links a svg{ background:transparent !important; border:none !important; box-shadow:none !important; border-radius:0 !important; width:16px !important; height:16px !important; padding:0 !important; }
.header-top-left svg path, header > .header-top .social-links svg path, header > .header-top .social-links a svg path{ fill:var(--lf-bg-soft) !important; }
.header-top-left a:hover svg path, header > .header-top .social-links a:hover svg path{ fill:var(--lf-secondary-light) !important; }
.header-top-left{ gap:24px !important; }
header > .header-top .social-links{ display:flex; gap:16px; }

/* header sağ aksiyonlar: ikon ÜSTTE, label ALTTA (statik .header-action) */
.icon-wrapper{ gap:28px !important; }
.header-center-icon{ flex-direction:column !important; gap:6px !important; font-size:.68rem !important; letter-spacing:.06em; text-align:center; }
.header-center-icon i, .header-center-icon svg{ font-size:1.25rem !important; width:auto !important; height:auto !important; }
.header-center-icon svg path{ fill:currentColor !important; }

/* ===================================================================
   FAZ 5 — logo-üstü PNG sil + topbar padding + kart hover-reveal buton
   =================================================================== */
/* logonun üstündeki dekoratif PNG (header-top-line.png) → kaldır */
.header-center-top{ display:none !important; }

/* topbar padding (height 18px → ~42px, statik) */
header > .header-top{ padding:10px 0 !important; }
header > .header-top .row{ top:0 !important; }

/* ürün kartı: sepete-ekle butonu SADECE hover'da (statik .product-cart-btn) — artık görselin İÇİNDE, ona göre konumlanır */
.product-item-info{ padding:18px 16px !important; text-align:center; }
.image-bottom-wrapper{ position:absolute !important; left:14px; right:14px; bottom:14px !important; top:auto !important; margin:0 !important; z-index:3; opacity:0; transform:translateY(12px); transition:opacity .4s ease, transform .4s ease; pointer-events:none; }
.product-box:hover .image-bottom-wrapper{ opacity:1; transform:translateY(0); pointer-events:auto; }
.basket{ width:100% !important; background:var(--lf-primary) !important; color:var(--lf-bg) !important; }
.product-box:hover .basket{ background:var(--lf-secondary) !important; }
.info{ width:100% !important; }

/* ===================================================================
   FAZ 6 — ürün detay statik parite (DOĞRU selektörler; eski tema #151515/#555/#f8f9fa ez)
   =================================================================== */
.product-detail .product-title{ font-family:"Jost",sans-serif !important; font-size:clamp(1.7rem,2.6vw,2.3rem) !important; font-weight:600 !important; color:var(--lf-primary) !important; }
.product-detail .box-product-desc, .product-detail .box-product-desc *{ color:var(--lf-text-muted) !important; }
.product-detail .list-product-details li span{ color:var(--lf-primary) !important; font-weight:600; }
.product-detail .order-now-title{ font-family:"Jost",sans-serif !important; color:var(--lf-primary) !important; font-weight:600 !important; }
.product-detail .icon-list{ background:var(--lf-bg-soft) !important; border:1px solid var(--lf-border); border-radius:var(--lf-radius-lg) !important; }
.product-detail .icon-list .icon-box i{ color:var(--lf-secondary) !important; }
.product-detail .icon-list .icon-box .box-right{ color:var(--lf-text) !important; }
.product-detail .icon-list .icon-box .box-right span{ color:var(--lf-primary) !important; }
.payment-info-title{ color:var(--lf-primary) !important; font-family:"Jost",sans-serif !important; }
/* fiyat → gold */
.product-detail .price, .product-detail .price-wrap .price, .price-wrap .price, .order-area .price{ color:var(--lf-secondary) !important; font-weight:600 !important; }
.product-detail .price del, .price-wrap del, .price .old, .price-old{ color:var(--lf-text-muted) !important; }
/* sepete ekle → gold CTA (statik) */
.order-button, .js-addItemBtn, .add-btn-wrapper button, .add-btn-wrapper .order-button{ background:var(--lf-secondary) !important; color:#fff !important; border:none !important; border-radius:var(--lf-radius) !important; letter-spacing:.08em; text-transform:uppercase; font-weight:500; }
.order-button:hover, .js-addItemBtn:hover, .add-btn-wrapper button:hover{ background:var(--lf-secondary-light) !important; }
/* form alanları */
.product-form .form-control, .product-form select, .product-form input, .location-input, .time-selector{ border:none !important; background:#fff !important; }
.product-form .form-control:focus, .location-input:focus{ border-color:var(--lf-secondary) !important; outline:none; }
/* box kartlar + galeri — stark beyaz yerine temayla uyumlu sıcak fildişi + ince kenarlık */
.product-detail .box{ background:var(--lf-card-warm); border:1px solid var(--lf-border); border-radius:8px; }
.gallery-thumb.active{ border-color:var(--lf-secondary) !important; }
/* "Ürün Detayları" (.h2) + "Benzer Ürünler" (.title--area) editorial başlık */
#product-details-area .h2{ font-family:"Jost",sans-serif !important; color:var(--lf-primary) !important; font-weight:600 !important; font-size:clamp(1.4rem,2.4vw,1.9rem) !important; }
.title--area{ font-family:"Jost",sans-serif !important; color:var(--lf-primary) !important; font-weight:600 !important; font-size:clamp(1.5rem,2.6vw,2.1rem) !important; text-align:center; margin-bottom:32px; }
.products.bg-grey{ background:var(--lf-bg-soft) !important; }

/* ===================================================================
   FAZ 7 — "Tüm Ürünler" dropdown statik parite (kolon + item hover)
   orijinal .dropdown:nth-child(1){width:228px} + display:flex ez
   =================================================================== */
.nav-list .dropdown .dropdown-content{ width:auto !important; min-width:440px !important; column-count:2; column-gap:6px; padding:14px !important; left:0 !important; }
.dropdown:hover .dropdown-content{ display:block !important; }
.dropdown-content li{ break-inside:avoid; list-style:none !important; margin:0 !important; }
.dropdown-content li a{ display:flex !important; align-items:center; gap:12px; padding:11px 16px !important; border-radius:var(--lf-radius); color:var(--lf-text) !important; text-transform:none !important; font-weight:400 !important; font-size:.92rem !important; white-space:nowrap; transition:background .25s ease, padding .25s ease, color .25s ease; }
.dropdown-content li a:hover{ background:var(--lf-bg-soft) !important; color:var(--lf-primary) !important; padding-left:22px !important; }
.dropdown-content li a i, .dropdown-content li a svg{ color:var(--lf-secondary) !important; width:18px; font-size:.9rem; }
.dropdown-content li a i path, .dropdown-content li a svg path{ fill:var(--lf-secondary) !important; }
@media (max-width:992px){ .nav-list .dropdown .dropdown-content{ min-width:0 !important; column-count:1; } }

/* FAZ 8 — orijinal .slideInDown kurallarını (width:800px/flex-wrap/li:47%) KESİN ez */
@media (min-width:992px){
  .dropdown ul.dropdown-content.slideInDown,
  ul.dropdown-content.slideInDown{
    display:block !important; column-count:2; column-gap:8px;
    flex-wrap:initial !important;
    width:auto !important; min-width:470px !important; max-width:540px;
    padding:14px !important; top:100% !important; left:0 !important;
    box-shadow:0 30px 70px rgba(21,39,30,.16) !important;
    /* sayfa yüklenince .slideInDown auto-play'i kapat (açılıp kapanma bug'ı) */
    animation:none !important;
  }
  .dropdown ul.dropdown-content.slideInDown li,
  ul.dropdown-content.slideInDown li{
    width:auto !important; margin:0 !important; break-inside:avoid;
    border-bottom:none !important; padding-bottom:0 !important;
  }
}
/* item ayraç çizgilerini kaldır (orijinal .dropdown-content li{border-bottom}) — statikte yok */
.dropdown-content li{ border-bottom:none !important; padding-bottom:0 !important; }

/* ===================================================================
   FAZ 10 — nav: ÇİFT border'ı tekle + item tek satır (nowrap) + tam genişlik
   (ezen kaynak main.css DEĞİL — kendi FAZ A kuralım nav.nav + .header-bottom ikisine border veriyordu)
   =================================================================== */
/* çift border → tek: border'ı sadece nav.nav'da bırak, .header-bottom'dan kaldır */
nav.nav{ border-top:1px solid var(--lf-border) !important; border-bottom:1px solid var(--lf-border) !important; }
.header-bottom{ border-top:none !important; border-bottom:none !important; }
/* item'lar tek satır + tüm genişliğe dağıl */
nav.nav .nav-list{ width:100% !important; justify-content:space-between !important; gap:0 !important; flex-wrap:nowrap !important; }
nav.nav .nav-list > li{ flex:0 0 auto; }
nav.nav .nav-list > li > a, .nav-list > li > a{ white-space:nowrap !important; padding:16px 12px !important; letter-spacing:.05em !important; font-size:.76rem !important; }
@media (max-width:1300px){ nav.nav .nav-list > li > a, .nav-list > li > a{ padding:16px 8px !important; font-size:.72rem !important; letter-spacing:.03em !important; } }

/* ===================================================================
   FAZ 11 — nav & dropdown AYNI font-size + ikon küçült + hover'da ikon rengi değiş
   =================================================================== */
/* font-size eşitle: nav menu-item == dropdown == .8rem */
nav.nav .nav-list > li > a, .nav-list > li > a{ font-size:.8rem !important; padding:16px 10px !important; letter-spacing:.04em !important; }
.dropdown-content li a{ font-size:.8rem !important; }
@media (max-width:1300px){ nav.nav .nav-list > li > a, .nav-list > li > a{ font-size:.74rem !important; padding:16px 7px !important; } }
/* ikonları küçült (nav + dropdown aynı boyut) */
.nav-list > li > a i, .nav-list > li > a svg, .nav-list .text-theme{ font-size:14px !important; width:16px !important; height:auto !important; }
.dropdown-content li a i, .dropdown-content li a svg, .dropdown-content .text-theme{ font-size:14px !important; width:16px !important; height:auto !important; }
/* hover'da ikon rengi de değişsin (nav: koyu/yeşil → gold, text ile birlikte) */
.nav-list > li > a:hover i, .nav-list > li > a:hover .text-theme{ color:var(--lf-secondary) !important; }
.nav-list > li > a:hover svg, .nav-list > li > a:hover svg *{ fill:var(--lf-secondary) !important; color:var(--lf-secondary) !important; }
.dropdown-content li a:hover i, .dropdown-content li a:hover .text-theme{ color:var(--lf-primary) !important; }
.dropdown-content li a:hover svg, .dropdown-content li a:hover svg *{ fill:var(--lf-primary) !important; }

/* ===================================================================
   FAZ 12 — CTA + footer tam genişlik + tracking form mavi shadow + hesabım buton
   =================================================================== */
/* CTA: ortalı 1250px kutu → tam genişlik bar (içerik .container'da kalır) */
.cta{ max-width:none !important; margin:0 !important; border-radius:0 !important; }
/* footer: ortalı 1320px → tam genişlik */
footer{ max-width:none !important; margin:0 !important; }
/* sipariş takibi form mavi glow → tema (literal sed'lendi ama garanti) */
.contact-form-area{ box-shadow:0 14px 40px rgba(31,58,46,.10) !important; }
/* hesabım butonları (.simple-btn maroon idi → sed yeşil yaptı; metin beyaz garanti) */
.simple-btn, .btn.simple-btn{ background:var(--lf-primary) !important; color:#fff !important; border:none !important; border-radius:var(--lf-radius) !important; }
.simple-btn:hover, .btn.simple-btn:hover{ background:var(--lf-primary-dark) !important; color:#fff !important; }

/* ============================================================
   MOBİL HAMBURGER MENÜ — tam yeniden tasarım
   Sorun: .nav-list flex+space-between+801px → itemler aşırı yayılıyordu.
   ============================================================ */
@media (max-width: 992px){
  /* Panel: içerik üstte toplansın (space-between kaldır) */
  .header-wrapper{
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 14px 0 26px !important;
    background: var(--lf-bg) !important;
  }
  .header-wrapper .mobile-header-center{ width: 100%; }

  /* Ana liste: dikey, kompakt — space-between YOK */
  .header-wrapper .mobile-nav .nav-list{
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 0 !important;
    height: auto !important;
    width: 100% !important;
  }
  .header-wrapper .mobile-nav .nav-list > li{
    width: 100% !important;
    border-bottom: 1px solid var(--lf-border) !important;
  }

  /* Item satırı: ikon sol + metin, sol hizalı, kompakt */
  .header-wrapper .nav-list li a,
  .header-wrapper .nav-list .header-center-icon{
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 18px !important;
    font-size: .92rem !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    color: var(--lf-text) !important;
  }
  .header-wrapper .nav-list li a i,
  .header-wrapper .nav-list .header-center-icon i,
  .header-wrapper .nav-list li a svg{
    font-size: 1.05rem !important;
    width: 22px !important;
    height: auto !important;
    flex-shrink: 0 !important;
    color: var(--lf-primary) !important;
  }
  .header-wrapper .nav-list li a svg path{ fill: var(--lf-primary) !important; }
  .header-wrapper .nav-list li a:hover,
  .header-wrapper .nav-list li a:active{ background: var(--lf-bg-soft) !important; }

  /* "Tüm Ürünler" alt menüsü: inline aç, kart görünümü yok */
  .header-wrapper .nav-list .dropdown > .dropdown-content{
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 0 6px 22px !important;
    background: var(--lf-bg-soft) !important;
    transform: none !important;
    display: none;
  }
  .header-wrapper .nav-list .dropdown.active > .dropdown-content,
  .header-wrapper .nav-list .dropdown:hover > .dropdown-content{ display: block !important; }
  .header-wrapper .nav-list .dropdown-content li{ width: 100% !important; border: 0 !important; }
  .header-wrapper .nav-list .dropdown-content li a{ padding: 10px 16px !important; font-size: .85rem !important; }

  /* Sosyal linkler: kaçak renkleri temaya çek + garip negatif offset kaldır */
  .header-wrapper .social-links{
    position: static !important;
    top: auto !important;
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
    padding: 16px !important;
  }
  .header-wrapper .social-links a{
    background: var(--lf-primary) !important;
    width: 40px !important; height: 40px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .header-wrapper .social-links a svg,
  .header-wrapper .social-links a i{ color: #fff !important; width: 18px !important; height: 18px !important; }
  .header-wrapper .social-links a svg path,
  .header-wrapper .social-links a svg *{ fill: #fff !important; }

  /* Alt bilgi (telefon/e-posta/takip) kompakt */
  .header-wrapper .header-bottom{ padding: 6px 18px 0 !important; }
  .header-wrapper .header-bottom > a{ padding: 11px 0 !important; font-size: .85rem !important; gap: 10px; }
}
/* Mobil header arama — temiz pill (eski awkward offset'ler: form left:12/top:17, button right:45 temizlendi) */
@media (max-width: 992px){
  /* Search bar: fixed logo bar'ın (h:66) altına girmesin + içerik üstüne binmesin.
     top:60 relative hack'i yerine static + padding-top (reflow eder, collapse olmaz) */
  .mobile-form.search-area{
    position: static !important;
    top: auto !important;
    overflow: visible !important;
    padding: 80px 14px 14px !important;
  }
  .mobile-form form.search-form{
    left: 0 !important; top: 0 !important; margin: 0 !important;
    display: flex !important; align-items: stretch !important;
    background: #fff !important; border: 1px solid var(--lf-border) !important;
    border-radius: 30px !important; overflow: hidden !important;
  }
  .mobile-form input#headerProductSearchBox{
    flex: 1 !important; width: auto !important;
    border: 0 !important; background: transparent !important;
    padding: 12px 18px !important; border-radius: 0 !important; font-size: 14px;
  }
  .mobile-form .search-form button{
    position: static !important; right: auto !important;
    background: var(--lf-primary) !important; border: 0 !important;
    width: 48px !important; flex-shrink: 0 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
  }
  .mobile-form .search-form button svg{ width: 18px !important; height: 18px !important; }
  .mobile-form .search-form button svg path{ fill: #fff !important; }
}
/* Mobil menü ince ayar + bottom bar modernizasyon */
@media (max-width: 992px){
  /* Dropdown item'ları (Sipariş Takibi, Tüm Ürünler) diğerleriyle aynı yükseklik
     (.dropdown{padding:14px 6px} desktop kuralı mobilde fazla yükseklik veriyordu) */
  .header-wrapper .nav-list > li.dropdown{ padding: 0 !important; }

  /* İlk item (Hesabım) logo bar'a yapışmasın — üstten nefes payı */
  .header-wrapper .mobile-header-center{ padding-top: 18px !important; }

  /* Social ikonlarda gold leak shadow kaldır */
  .header-wrapper .social-links,
  .header-wrapper .social-links a{ box-shadow: none !important; }

  /* "Tüm Ürünler" dropdown toggle: tekrar tıklanınca kapansın (CSS desteği) */
  .header-wrapper .nav-list .dropdown:not(.active) > .dropdown-content{ display: none !important; }

  /* ===== ALT BOTTOM BAR — modernize ===== */
  .footer-sticky-bar{
    border-radius: 20px 20px 0 0 !important;
    padding: 9px 4px calc(9px + env(safe-area-inset-bottom)) !important;
    background: var(--lf-card) !important;
    box-shadow: 0 -4px 22px rgba(31,58,46,.13) !important;
    border-top: 1px solid var(--lf-border);
  }
  .footer-sticky-bar .sticky-area{ justify-content: space-around !important; align-items: stretch !important; }
  .footer-sticky-bar .sticky-box{ width: 20% !important; padding: 2px 0 !important; }
  .footer-sticky-bar .sticky-box a{ display: flex !important; flex-direction: column; align-items: center; gap: 5px; }
  .footer-sticky-bar .sticky-box img{
    width: 23px !important; height: 23px !important; object-fit: contain;
    filter: brightness(0) saturate(100%); opacity: .72; transition: opacity .2s ease;
  }
  .footer-sticky-bar .sticky-box .title,
  .footer-sticky-bar .sticky-box .sticky-title{
    font-size: 11px !important; line-height: 1.1 !important; font-weight: 600 !important;
    color: var(--lf-primary) !important; margin: 0 !important;
  }
  .footer-sticky-bar .sticky-box a:active img{ opacity: 1; }
}

/* 404 — görsel kaldırıldı, içerik ortalandı */
.not-found-area{
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 8px;
}
.not-found-area .notfound404{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.not-found-area .home-link-btn{ margin-left: auto; margin-right: auto; }

/* Statik içerik sayfası (Gizlilik, Hakkımızda vb.) — La Floresta uyumu.
   .p80 tanımsız olduğu için section padding'i + cream zemin burada veriliyor;
   legacy ağır gri gölgeli beyaz kutu → ortalanmış, ince border'lı sıcak kart. */
.standart{ padding: 48px 0 72px; background: var(--lf-bg); }
.standart .content-wrapper{
  max-width: 860px;
  margin: 0 auto;
  background: var(--lf-card);
  border: 1px solid var(--lf-border);
  box-shadow: 0 8px 30px rgba(31,58,46,.06);
  border-radius: var(--lf-radius-lg);
  padding: 44px 48px;
  color: var(--lf-text);
  line-height: 1.75;
}
.standart .content-wrapper > :first-child{ margin-top: 0; }
.standart .content-wrapper h1,
.standart .content-wrapper h2,
.standart .content-wrapper h3,
.standart .content-wrapper h4,
.standart .content-wrapper h5{
  font-family: "Jost", sans-serif;
  font-weight: 600;
  color: var(--lf-primary);
  line-height: 1.3;
  margin: 28px 0 12px;
}
.standart .content-wrapper a{ color: var(--lf-primary); text-decoration: underline; }
@media (max-width: 767px){
  .standart{ padding: 28px 0 48px; }
  .standart .content-wrapper{ padding: 26px 20px; border-radius: var(--lf-radius); }
}
/* ===== /LA FLORESTA REDESIGN ===== */

/* Menü dropdown (paneldeki alt öğeler) — 2026-09-07
   Masaüstünde hover ile açılır; nth-child bazlı genişlik kuralları yalnız ilk 4
   öğeyi kapsadığı için genel bir min-width verilir. Mobilde açma/kapama JS'i yok,
   bu yüzden alt öğeler girintili biçimde her zaman görünür — aksi halde dropdown
   içindeki kategorilere mobilden hiç erişilemez. */
.nav-list .dropdown .dropdown-content {
	max-width: calc(100vw - 24px);
}

/* Taşma hizalaması NavDropdown.js'te (ana repo): dropdown ekranın sağını aşıyorsa
   sağ kenara hizalanır. Sıra numarasına dayalı CSS kuralı yetmiyordu — menüye
   öğe eklenince dropdown'ın konumu değişiyor, taşma ise viewport'a bağlı. */

.nav-list .dropdown > a .menu-caret {
	font-size: 11px;
	margin-left: 4px;
}

@media (max-width: 992px) {
	.nav-list .dropdown .dropdown-content {
		display: block;
		padding-left: 18px;
	}

	.nav-list .dropdown > a .menu-caret {
		display: none;
	}
}

/* "Mağazadan teslim almak istiyorum" kutusu — 2026-09-07
   Tema, sipariş formundaki tüm input'lara `border:none; background:#fff`
   veriyor (.product-form input). Bu kural checkbox'ı da yakalayınca kutunun
   kenarlığı kayboluyor ve işaretlendiğinde arka plan beyaz kalıp beyaz tik
   görünmez oluyordu — kullanıcı tıkladığını anlamıyordu. Checkbox bu genel
   kuralın dışında tutulur ve işaretli hali tema rengiyle doldurulur. */
.pickup-toggle input[type="checkbox"] {
	border: 1.5px solid var(--lf-border, #ccc) !important;
	background: #fff !important;
	border-radius: 4px;
}

.pickup-toggle input[type="checkbox"]:hover {
	border-color: var(--lf-primary, #888) !important;
}

.pickup-toggle input[type="checkbox"]:checked {
	background: var(--lf-primary, #1f3a2e) !important;
	border-color: var(--lf-primary, #1f3a2e) !important;
}

.pickup-toggle input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--lf-secondary, #a98d5a);
	outline-offset: 2px;
}

/* Mağazadan teslim seçilince lokasyon alanı devre dışı kalıyor (LocationSelector
   input.disabled = true) ama tema `.product-form input{background:#fff!important}`
   dediği için görsel olarak hiç değişmiyordu: kullanıcı alanın kapandığını
   anlamıyor, tıklamaya devam ediyordu. */
.location-search input:disabled {
	background: var(--lf-bg-soft, #f4f1ea) !important;
	color: #8a8578 !important;
	cursor: not-allowed !important;
}

.location-search:has(input:disabled) {
	opacity: .65;
}

/* =========================================================================
   Ürün detay — kutahyacicekci.com.tr ile aynı düzen (2026-09-07):
   3 sütun (dar görsel | ürün bilgisi | sipariş formu), başlık altında "Fiyat"
   satırı, renkli sipariş paneli. Renkler bu sitenin paletinden (yeşil/altın),
   Kütahya'daki mor değerler kopyalanmadı.
   ========================================================================= */
.product-price-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 10px 0;
	margin-bottom: 14px;
	border-top: 1px solid var(--lf-border, #eee);
	border-bottom: 1px solid var(--lf-border, #eee);
	font-size: 15px;
	color: #555;
}

.product-price-line .label i { color: var(--lf-primary, #1f3a2e); margin-right: 4px; }
.product-price-line .value del { color: #999; margin-right: 8px; font-size: 14px; }
.product-price-line .value strong { color: #111; font-size: 18px; font-weight: 700; }

#product-details-area .product-detail .order-area.order-create {
	background: var(--lf-primary, #1f3a2e) !important;
	color: #fff;
	padding: 22px 24px 24px;
	border-radius: var(--lf-radius, 8px);
	box-shadow: 0 6px 18px rgba(31, 58, 46, .22) !important;
}

#product-details-area .product-detail .order-area .order-now-title {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 16px;
}

#product-details-area .product-detail .order-area .location-input,
#product-details-area .product-detail .order-area .location-search input { background: #fff; border-color: #fff; }
#product-details-area .product-detail .order-area .location-search .search > i { color: var(--lf-primary, #1f3a2e); }

/* Gün kutuları: koyu panel üzerinde beyaz çerçeve, seçilince dolu beyaz */
#product-details-area .product-detail .order-area #order-dates ul li label {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .75);
	color: #fff;
}
#product-details-area .product-detail .order-area #order-dates ul li label * { color: inherit; }
#product-details-area .product-detail .order-area #order-dates ul li label:hover,
#product-details-area .product-detail .order-area #order-dates ul li input:checked + label,
#product-details-area .product-detail .order-area #order-dates ul li label.active {
	background: #fff;
	border-color: #fff;
	color: var(--lf-primary, #1f3a2e);
}

#product-details-area .product-detail .order-area .price {
	background: #fff;
	color: #111;
	border-radius: var(--lf-radius, 8px);
	padding: 14px 18px;
	border: none;
}
#product-details-area .product-detail .order-area .price .new { color: #111; }

#product-details-area .product-detail .order-area .order-button {
	background: var(--lf-secondary, #a98d5a);
	color: #fff;
	border: none;
	border-radius: 4px;
	font-weight: 600;
}
#product-details-area .product-detail .order-area .order-button:hover { background: #8d7448; color: #fff; }

#product-details-area .product-detail .order-area .h5.simple-bottom-border,
#product-details-area .product-detail .order-area .vase-list,
#product-details-area .product-detail .order-area .extra-product-list { color: #fff; }
#product-details-area .product-detail .icon-list { margin-top: 20px; }

/* Koyu panelin color:#fff'i açılır lokasyon listesine miras kalmasın */
#product-details-area .product-detail .order-area .location-results,
#product-details-area .product-detail .order-area .location-results li { color: #333; }
#product-details-area .product-detail .order-area .location-results li:hover,
#product-details-area .product-detail .order-area .location-results li.active { color: var(--lf-primary, #1f3a2e); }

/* Mağazadan teslim satırı ve ayracı koyu panel üzerinde okunur olsun */
#product-details-area .product-detail .order-area .pickup-toggle,
#product-details-area .product-detail .order-area .pickup-toggle span,
#product-details-area .product-detail .order-area .delivery-mode-divider,
#product-details-area .product-detail .order-area .delivery-mode-divider span { color: #fff; }

/* Dar sütuna sığdırma */
#product-details-area .product-detail-3col .icon-list .icon-box { padding: 14px 8px; }
#product-details-area .product-detail-3col .icon-list .icon-box .box-right { font-size: 13px; }
#product-details-area .product-detail-3col .order-area.order-create { padding: 18px 18px 20px; }
#product-details-area .product-detail-3col .order-area .price { padding: 12px 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; justify-content: space-between; }
#product-details-area .product-detail-3col .order-area .order-button { margin-left: 0; min-width: 0; width: 100%; padding: 13px 16px; font-size: 16px; }

@media (min-width: 992px) {
	#product-details-area .product-detail-3col #order-dates ul:not(.has-special) li { width: calc(50% - 5px); }
	#product-details-area .product-detail-3col #order-dates ul.has-special li { width: calc(33.333% - 7px); }
	#product-details-area .product-detail-3col .order-area.order-create { margin-top: 0; }
}

/* Mobilde okuma sırası: görsel → başlık/fiyat → sipariş formu → güven ikonları →
   ödeme. 3 sütuna ayrılmış yapıda ikonlar ve ödeme bilgisi orta sütunun içinde
   kaldığı için sipariş formundan (3. sütun) önce geliyordu. Sütun kutuları
   `display:contents` ile şeffaflaştırılıp öğeler tek akışta sıralanır. */
@media (max-width: 991px) {
	#product-details-area .product-detail-3col {
		display: flex;
		flex-direction: column;
	}

	#product-details-area .product-detail-3col > [class*="col-"],
	#product-details-area .product-detail-3col > [class*="col-"] > .sticky-wrapper {
		display: contents;
	}

	#product-details-area .product-detail-3col .box.sticky-wrapper { order: 1; }
	#product-details-area .product-detail-3col .box.mobile-order-2 { order: 2; }
	#product-details-area .product-detail-3col .order-area.order-create { order: 3; }
	#product-details-area .product-detail-3col .box.icon-list { order: 4; }
	#product-details-area .product-detail-3col .payment-info { order: 5; }
}

/* Ana sayfa SEO metni + galeri (2026-09-07) — eski cicekcikutahya.com ana
   sayfasındaki iki bölümün karşılığı. Metin ayar yönetiminden, görseller
   "Anasayfa Galeri" post tipinden gelir. */
.lf-home-seo {
	padding: 48px 0 20px;
}

.lf-home-seo-content {
	/* Genişlik container'dan gelir; ayrıca daraltılmıyor — dar sütunda metin
	   gereksiz uzuyordu. */
	color: var(--lf-text, #333);
	font-size: 15px;
	line-height: 1.85;
}

.lf-home-seo-content h1,
.lf-home-seo-content h2,
.lf-home-seo-content h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 26px 0 10px;
	color: var(--lf-primary, #1f3a2e);
}

.lf-home-seo-content h1:first-child,
.lf-home-seo-content h2:first-child { margin-top: 0; }
.lf-home-seo-content p { margin: 0 0 14px; }

.lf-home-gallery {
	padding: 20px 0 56px;
}

.lf-home-gallery-desc {
	text-align: center;
	color: #6b6b6b;
	margin: -6px 0 22px;
}

.lf-home-gallery-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
}

.lf-home-gallery-item {
	overflow: hidden;
	border-radius: var(--lf-radius, 8px);
	aspect-ratio: 1 / 1;
}

.lf-home-gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .4s ease;
}

.lf-home-gallery-item:hover img { transform: scale(1.06); }

@media (max-width: 991px) {
	.lf-home-gallery-grid { grid-template-columns: repeat(3, 1fr); }
	.lf-home-seo { padding: 32px 0 12px; }
}

@media (max-width: 575px) {
	.lf-home-gallery-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Footer alt satırı: sosyal ikonlar kaldırıldığı için telif metni tek başına
   kaldı — space-between yerine ortalanır (2026-09-07). */
.footer-bottom {
	justify-content: center;
	text-align: center;
}

@media (max-width: 1024px) {
	.footer-bottom {
		align-items: center;
	}
}

/* Kategori başlık bandı: tek satır — kategori adı solda, ürün sayısı ortada,
   sıralama sağda; üçü dikeyde birbirine ortalı. Önce alt alta diziliyordu ve
   bant 208px yer kaplıyordu (2026-09-07). Mobilde alt alta düzen korunur. */
@media (min-width: 768px) {
	.list-head {
		padding: 22px 0 20px !important;
	}

	.list-head .list-head-inner {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
	}

	.list-head .list-head-title {
		order: 1;
		/* Başlık display:flex + justify-content:center ile ortalanıyor; metin anonim
		   flex item olduğu için text-align tek başına yetmiyor. */
		text-align: left !important;
		justify-content: flex-start !important;
		font-size: clamp(1.4rem, 2.2vw, 1.9rem) !important;
		flex: 1 1 0;
		min-width: 0;
	}

	.list-head .list-head-count {
		order: 2;
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.list-head .list-head-sort {
		order: 3;
		flex: 1 1 0;
		display: flex;
		justify-content: flex-end;
		margin-top: 0;
	}

	.list-head .list-head-sort select {
		height: 40px;
	}
}

/* Sipariş panelindeki fiyat bloğu (2026-09-07)
   Tema .price-wrap'ı dikey diziyor ve TL'yi em{display:block;float:right} ile
   alt satıra atıyordu; iki fiyat da aynı boyuttaydı. Eski fiyat solda ve küçük,
   indirimli fiyat sağda ve vurgulu, TL sayının hemen yanında. */
#product-details-area .product-detail .order-area .price-wrap {
	/* !important: tema .price-wrap'a flex-direction:column veriyor */
	flex-direction: row !important;
	align-items: baseline !important;
	flex-wrap: wrap;
	gap: 10px;
	/* .price bir flex satırı; wrap daralınca iki fiyat alt alta düşüyordu */
	flex: 1 1 100%;
	min-width: 0;
}

#product-details-area .product-detail .order-area .price-wrap .old,
#product-details-area .product-detail .order-area .price-wrap .new {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	white-space: nowrap;
}

#product-details-area .product-detail .order-area .price-wrap em {
	display: inline !important;
	float: none !important;
	font-style: normal;
	font-size: .5em;
	font-weight: 600;
	vertical-align: baseline;
}

#product-details-area .product-detail .order-area .price-wrap .old {
	order: 1;
	font-size: 20px;
	color: #8a8578;
	text-decoration: line-through;
}

#product-details-area .product-detail .order-area .price-wrap .new {
	order: 2;
	font-size: 30px;
	font-weight: 700;
	color: #111;
}

/* Seçili teslimat günü (2026-09-07)
   Tema seçili etiketi koyu yeşile boyuyor ve yazı rengi de aynı yeşil kalıyordu:
   kutu boş görünüyor, kullanıcı seçim yaptığını anlamıyordu. Seçili gün beyaz
   zemin + koyu yazı olur; koyu panel üzerinde net ayırt edilir. */
#product-details-area .product-detail .order-area #order-dates ul li input:checked + label,
#product-details-area .product-detail .order-area #order-dates ul li label.active {
	background: #fff !important;
	border-color: #fff !important;
	color: var(--lf-primary, #1f3a2e) !important;
	font-weight: 600;
}

#product-details-area .product-detail .order-area #order-dates ul li input:checked + label *,
#product-details-area .product-detail .order-area #order-dates ul li label.active * {
	color: var(--lf-primary, #1f3a2e) !important;
}

/* Seçili olmayanlar koyu panel üzerinde beyaz kalsın */
#product-details-area .product-detail .order-area #order-dates ul li input:not(:checked) + label,
#product-details-area .product-detail .order-area #order-dates ul li input:not(:checked) + label * {
	color: #fff !important;
}

/* Gün kutusu hover: zemin beyaza dönüyor ama bir önceki kuraldaki
   `input:not(:checked) + label { color:#fff }` yazıyı beyaz tutuyordu —
   beyaz üstüne beyaz. Hover'da yazı da koyulaşır. */
#product-details-area .product-detail .order-area #order-dates ul li input:not(:checked) + label:hover,
#product-details-area .product-detail .order-area #order-dates ul li input:not(:checked) + label:hover *,
#product-details-area .product-detail .order-area #order-dates ul li label:hover,
#product-details-area .product-detail .order-area #order-dates ul li label:hover * {
	color: var(--lf-primary, #1f3a2e) !important;
}

/* 404 sayfası (2026-09-07) — büyük kod, arama kutusu, kategori önerileri ve
   yönlendirme butonları. Metin panelden: Seo Ayarları → "404 Seo Açıklama". */
.lf-404 {
	padding: 70px 0 90px;
	background: var(--lf-bg-soft, #f7f5ef);
}

.lf-404-inner {
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
}

.lf-404-code {
	font-family: "Jost", sans-serif;
	font-size: clamp(5.5rem, 16vw, 9rem);
	font-weight: 700;
	line-height: 1;
	color: var(--lf-primary, #1f3a2e);
	opacity: .13;
	letter-spacing: .02em;
	margin-bottom: -22px;
}

.lf-404-title {
	font-family: "Jost", sans-serif;
	font-size: clamp(1.5rem, 3vw, 2.1rem);
	font-weight: 600;
	color: var(--lf-primary, #1f3a2e);
	margin: 0 0 12px;
}

.lf-404-desc {
	color: var(--lf-text-muted, #6b6b6b);
	font-size: 15px;
	line-height: 1.7;
	margin: 0 auto 26px;
	max-width: 560px;
}

.lf-404-search {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 1px solid var(--lf-border, #e6dcc9);
	border-radius: 40px;
	padding: 6px 6px 6px 18px;
	max-width: 480px;
	margin: 0 auto 28px;
}

.lf-404-search i { color: var(--lf-primary, #1f3a2e); font-size: 15px; }

.lf-404-search input {
	flex: 1 1 auto;
	border: 0;
	outline: none;
	background: transparent;
	font-size: 14px;
	min-width: 0;
	padding: 10px 0;
}

.lf-404-search button {
	flex: 0 0 auto;
	border: 0;
	border-radius: 30px;
	background: var(--lf-primary, #1f3a2e);
	color: #fff;
	padding: 11px 24px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .25s ease;
}

.lf-404-search button:hover { background: var(--lf-secondary, #a98d5a); }

.lf-404-suggestions { margin-bottom: 30px; }

.lf-404-suggestions-label {
	display: block;
	font-size: 12px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--lf-text-muted, #8a8578);
	margin-bottom: 12px;
}

.lf-404-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.lf-404-chip {
	display: inline-block;
	padding: 8px 16px;
	border-radius: 30px;
	background: #fff;
	border: 1px solid var(--lf-border, #e6dcc9);
	color: var(--lf-primary, #1f3a2e) !important;
	font-size: 13px;
	transition: all .25s ease;
}

.lf-404-chip:hover {
	background: var(--lf-primary, #1f3a2e);
	border-color: var(--lf-primary, #1f3a2e);
	color: #fff !important;
}

.lf-404-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.lf-404-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 22px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	transition: all .25s ease;
}

.lf-404-btn.primary {
	background: var(--lf-secondary, #a98d5a);
	color: #fff !important;
	border: 1px solid var(--lf-secondary, #a98d5a);
}

.lf-404-btn.primary:hover { background: #8d7448; border-color: #8d7448; }

.lf-404-btn.ghost {
	background: transparent;
	color: var(--lf-primary, #1f3a2e) !important;
	border: 1px solid var(--lf-border, #e6dcc9);
}

.lf-404-btn.ghost:hover { border-color: var(--lf-primary, #1f3a2e); background: #fff; }

@media (max-width: 575px) {
	.lf-404 { padding: 46px 0 60px; }
	.lf-404-search { flex-wrap: wrap; border-radius: 20px; padding: 12px; }
	.lf-404-search input { width: 100%; flex-basis: 100%; }
	.lf-404-search button { width: 100%; }
	.lf-404-btn { width: 100%; justify-content: center; }
}