html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li { float:left; display:inline; }
h1, h2, h3, h4, h5 { font-weight:normal; }
i, em { font-style:normal; }
button, select { border:none; margin:0; padding:0; background:transparent; }
figure { margin:0; padding:0; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*	Finish RESET	*/

::-webkit-scrollbar { height:10px; width:10px; background:#888888; }
::-webkit-scrollbar-thumb { background:#222222; }
::-webkit-scrollbar-corner { background:#222222; }

body { margin:0; color:#333; font-size:13px; font-family:'Mont', Arial; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; }

*::-moz-selection { background:rgba(0, 0, 0, 0.1); }
*::selection { background:rgba(0, 0, 0, 0.1); }

a { color:#000; text-decoration:none;  }
a:hover { color:var(--color-red); text-decoration:none; }

:root {
	--color-dark:#303641;
	--color-red: #0c6473;
	--color-light:#F4F2EF;

	--input-background-color: #FFF;
	--input-border-color: #bfbfbf;
	--input-border-color-inline: #FFF;
	--input-border-color-checked: #00A678;
	--input-background-color-checked: #00C18C;
	--input-border-color-inline-checked: #00C18C;
	--input-border-color-disabled: #bfbfbf;
	--input-background-color-disabled: #efefef;
	--input-border-color-inline-disabled: #bfbfbf;
	--input-border-color-hover: #00C18C;
	--input-background-color-hover: #FFF;
	--input-border-color-inline-hover: #bfbfbf;
	--input-border-color-focus: #00A678;
}

/* Reset Css */
input, select, textarea, input[type='checkbox'], input[type='radio'] { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; }
input:focus, select:focus, textarea:focus, input[type='checkbox']:focus, input[type='radio']:focus { outline:0; }
input[type='submit'], button { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; outline:0; }

/* Customization checkbox & radio */
input[type='checkbox'], input[type='radio'] { width:24px; height:24px; line-height:24px; min-width:1px !important; margin-right:13px; padding:0; }
input[type='checkbox']::before, input[type='radio']::before { display:block; position:absolute; content:""; width:calc(100% - 2px); height:calc(100% - 2px); background-color:var(--input-background-color); transition:background-color 500ms, border-color 500ms; }
input[type='checkbox']::after, input[type='radio']::after { display:block; position:absolute; content:""; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition:background-color 500ms, border-color 250ms; }

/* Customization checbox */
input[type='checkbox']::before { border-radius:6px; border:solid 1px; border-color:var(--input-border-color); }
input[type='checkbox']::after { border:solid; border-color:var(--input-border-color-inline); border-width:0 3px 3px 0; width:6px; height:12px; left:8px; bottom:6px; }
input[type='checkbox']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='checkbox']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='checkbox']:checked:not(:disabled)::before { border-color:var(--input-border-color-checked); background-color:var(--input-background-color-checked); }
input[type='checkbox']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='checkbox']:disabled::before { border-color:var(--input-border-color-disabled); background-color:var(--input-background-color-disabled); }
input[type='checkbox']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='checkbox']:checked:not(:disabled):focus::before, input[type='checkbox']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color:var(--input-background-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

/* Customization radio */
input[type='radio']::before { border-radius: 50%; border: solid 1px; }
input[type='radio']::after { border: solid; border-color: var(--input-border-color-inline-checked); border-width: 5px; border-radius: 50%; width: 0px; height:0px; left:4px; bottom:4px; }
input[type='radio']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='radio']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='radio']:checked:not(:disabled)::before { border-color: var(--input-border-color-checked); background-color: var(--input-background-color); }
input[type='radio']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='radio']:disabled::before {}
input[type='radio']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='radio']:checked:not(:disabled):focus::before, input[type='radio']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='radio']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color: var(--input-background-color); }
input[type='radio']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

input, textarea, select { float:left; font-size:16px; font-family:'Mont', Arial; border-radius:0; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:'Mont', Arial; font-size:17px; font-weight:600; }

.input { width:100%; height:50px; padding:0 16px; border:1px solid #999; transition:ease 0.3s; background-color:#FFF; border-radius:8px; box-shadow:5px 5px 0 rgba(0,0,0,0.04); }
.select { background:#FFF url(../images/arrow-select.png) no-repeat right center / auto 5px; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.input:focus , .select:focus , .get-started-form .input:focus { border-color:#00C18C; box-shadow:5px 5px 0 rgba(0,0,0,0.08); }

textarea.input { padding-top:13px !important; padding-bottom:13px !important; }

.button { float:none; height:50px; display:inline-block; padding:0 45px 0 30px; cursor:pointer; position:relative; color:#FFF; background-color:#303641; transition:all 0.25s; border-radius:8px; overflow:hidden; }
.button:hover { background-color:#D1112B; }
.button::after { content:""; position:absolute; top:0; bottom:0; right:15px; width:24px; background:url(../images/arrow-white-right.png) no-repeat right center / auto 20px; transition:all 0.25s; }
.button:hover::after { right:12px; }

a.button { color:#FFF; font-weight:600; font-size:14px; line-height:50px; }

.cadde { float:left; width:100%; padding-top:100px; position:relative; }
.outer { float:left; width:100%; padding:0 70px; position:relative; }
.wrap , .wrap-slim { margin:0 auto; width:1440px; min-height:10px; position:relative; }
.wrap-right { float:right; }
.wrap-slim { width:100%; max-width:1060px; }

.tac { text-align:center; }

.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }

.w100 { float:left; width:100% !important; }
.w50 { float:left; width:50%; }
.w25 { float:left; width:25%; }
.mt30 { margin-top:30px; }
.mt20 { margin-top:20px; }

/*	Start TOP	*/

.header { position:fixed; top:0; left:0; right:0; height:100px; z-index:8000; transition:all 0.7s; background-color:#FFF; }
.nav-up , .nav-down { box-shadow:0 0 15px rgba(0,0,0,0.07); }

#logo { position:absolute; top:7px; left:calc(50% - 170px); z-index:300; transition:all 0.5s; text-align:center; }
#logo a { display:inline-block; }
#logo img { float:left; height:85px; transition:all 0.5s; }
#logo img:hover { opacity:0.6; }
/* #logo a::after { content:""; float:right; width:91px; height:32px; margin-left:15px; background:url(../images/slogan.png) no-repeat 0 0 / 100% 100%; } */

.nav-icon { float:left; width:120px; height:60px; padding-left:44px; margin-top:20px; position:relative; cursor:pointer; color:#000; font-size:14px; font-weight:600; letter-spacing:2px; line-height:60px; z-index:300; transition:all 0.4s; }
.nav-icon-close { color:#D1112B; }
.scroll .nav-icon { border-radius:0; }
.nav-icon span { position:absolute; top:50%; left:0; width:20px; height:2px; margin-top:-1px; background-color:transparent; transition:all 0.5s; z-index:10; }
.nav-icon span::before { content:""; position:absolute; top:-6px; left:0; right:-10px; height:2px; background-color:#000; transition:all 0.5s; }
.nav-icon span::after { content:""; position:absolute; bottom:-6px; left:0; right:-10px; height:2px; background-color:#000; transition:all 0.5s; }

.nav-icon-close span { background-color:transparent; }
.nav-icon-close span::before {
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	transform:rotate(-135deg);
	top:0;
	background-color:#D1112B;
}
.nav-icon-close span::after {
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	bottom:0;
	background-color:#D1112B;
}

.header-lang-wrap { float:left; width:60px; margin-top:30px; position:relative; z-index:100; color:#666; font-size:14px; font-weight:600; letter-spacing:1px; transition:all 0.3s; }
.header-lang-wrap::before { content:""; position:absolute; top:5px; bottom:5px; left:0; width:1px; background-color:#E8E8E8; }
.header-lang-icon { float:right; width:60px; height:40px; padding-left:24px; position:relative; background:url(../images/arrow-down.png) no-repeat right center / 10px 5px; cursor:pointer; z-index:250; line-height:40px; }

.header-lang { position:absolute; top:45px; right:-5px; width:60px; background-color:#D1112B; display:none; z-index:300; text-align:center; border-radius:4px; }

.header-lang::before {
	content:"";
	border-bottom:4px solid transparent;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	height:0;
	position: absolute;
	width:0;
	left:50%;
	top:-4px;
	margin-left:-8px;
	border-bottom-color:#D1112B;
}

.header-lang ul { width:100%; }
.header-lang li { width:100%; }
.header-lang li a { float:left; width:100%; color:#FFF; font-weight:500; line-height:48px; box-shadow:inset 0 -1px 0 rgba(255,255,255,0.2); }
.header-lang li:last-child a { box-shadow:none; }
.header-lang li a:hover { opacity:0.7; }

.search-icon { float:right; width:40px; height:40px; margin:20px; position:relative; cursor:pointer; transition:all 0.2s; z-index:100; text-indent:-9999px; }
.search-icon::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/icon-search.png) no-repeat center / 20px; opacity:0.6; transition:all 0.2s; }
.search-icon-close::before { background-image:url(../images/icon-close-2.png); background-size:14px !important; opacity:1; }
.search-icon:hover::before { background-size:18px; }

.header-search { position:absolute; right:0; top:70px; width:400px; z-index:1100; display:none; }
.header-search .input { height:44px; line-height:44px; border-radius:8px; background-color:#FFF; border:1px solid #303641; }
.header-search button { position:absolute; top:0; right:0; bottom:0; width:48px; background:url(../images/icon-search.png) no-repeat center / 16px; text-indent:-9999px; }
.header-search button:hover { background-size:18px; }

.online-store { float:right; margin-top:20px; position:relative; z-index:100; }
.online-store a { float:left; height:40px; padding:0 19px 0 14px; position:relative; border:1px solid #D1112B; font-weight:700; font-size:11px; color:#D1112B; letter-spacing:1px; line-height:40px; border-radius:20px; transition:all 0.4s; }
.online-store a:hover { color:#FFF; background-color:#D1112B; }
.online-store a::before { content:""; float:left; width:16px; height:38px; margin-right:10px; background:url(../images/icon-mouse.png) no-repeat center / 16px; transition:all 0.4s; }
.online-store a:hover::before { background-image:url(../images/icon-mouse-2.png); }

.nav-buttons { display:none; }

/*	Start NAVIGATION	*/

#nav-wrap { position:fixed; top:80px; bottom:0; left:0; right:0; width:auto; height:calc(100vh - 80px); padding:0; box-shadow:inset 0 1px 0 rgba(0,0,0,0.05); background-color:#FFF; z-index:7200; display:none; }

#nav-wrap .wrap { height:100%; }

#nav { float:left; width:71%; height:100%; position:relative; letter-spacing:1px; overflow:hidden; overflow-y:auto; }

#nav::-webkit-scrollbar { width:10px; }
#nav::-webkit-scrollbar-track { background:#959BA6; }
#nav::-webkit-scrollbar-thumb { background-color: #000; }
#nav { scrollbar-color:#000 #959BA6; scrollbar-width:thin; }

#nav ul { width:100%; height:100%; display:flex; flex-flow:row wrap; }
#nav li { width:25%; height:50%; padding:20px 40px; position:relative; box-shadow:inset 1px 0 0 #F3F3F4; }
#nav li:hover { z-index:10; }
#nav li > a { float:left; width:100%; padding:10px 0; position:relative; font-size:14px; font-weight:600; color:#979AA0; transition:all 0.3s; z-index:10; }
#nav li > a:hover { color:#303540; }
#nav li > a.active { color:#2FB0C6; box-shadow:inset 0 -2px 0 #2FB0C6; }
#nav li > a picture { float:left; width:100%; padding-bottom:20px; }
#nav li > a picture img { max-width:100%; max-height:80px; }
#nav li > a strong { float:left; width:100%; font-weight:600; font-size: 17px; }

.nav-sub-menu { float:left; width:100%; margin:5px 0 15px 0; position:relative; z-index:20; }
.nav-sub-menu a { float:left; width:100%; padding:5px 0; position:relative; font-size:13px; font-weight:700; transition:all 0.3s; }
.nav-sub-menu a::before { content:""; position:absolute; top:6px; bottom:8px; left:0; width:1px; background-color:#2FB0C6; transform: skewX(-15deg); opacity:0; transition:all 0.15s; }
.nav-sub-menu a:hover::before { left:-10px; width:2px; opacity:1; }

#nav-vize { float:right; width:29%; height:100%; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; }
#nav-vize::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-image:linear-gradient(180deg,rgba(48,54,65,0.8),#303641); }
#nav-vize ul { width:100%; padding:30px 60px 30px 100px; position:relative; z-index:100; }
#nav-vize li { width:100%; }
#nav-vize li a { float:left; width:100%; position:relative; color:#FFF; font-size:24px; line-height:60px; transition:all 0.4s; }
#nav-vize li a:hover { color:#ACAFB3; }
#nav-vize li a::before { content:""; position:absolute; top:14px; bottom:17px; left:0; width:1px; background-color:#FFF; transform: skewX(-15deg); opacity:0; transition:all 0.2s; }
#nav-vize li a:hover::before { left:-20px; width:3px; opacity:1; }

.nav-opened { overflow:hidden; }

.connect-whatsapp { position:fixed; bottom:20px; left:20px; z-index:7990; }
.connect-whatsapp a { float:left; width:48px; height:48px; border:2px solid #FFF; background-color:#27C34B; border-radius:50%; position:relative; text-indent:-9999px; box-shadow:0 0 15px rgba(0,0,0,0.2); }
.connect-whatsapp a:hover { background:linear-gradient(45deg,#00C451,#047737 100%); }
.connect-whatsapp a::before { content:""; position:absolute; top:0; left:0; bottom:0; right:0; background:url(../images/icon-whatsapp.png) no-repeat center / 50px; }

/*	Finish TOP	*/

.controls { height:100%; }
.slick-prev , .slick-next {
	position:absolute;
	top:50%;
	width:48px;
	height:48px;
	margin-top:-24px;
	text-indent:-9999px;
	cursor:pointer;
	z-index:1000;
	transition:all 0.2s ease;
	background:#FFF url(../images/arrow-left.png) no-repeat center / auto 24px;
	border-radius:50%;
	box-shadow:0 0 20px rgba(16,41,75,0.1);
}

.slick-prev { left:15px; }
.slick-next { right:15px; background-image:url(../images/arrow-right.png); }

.slick-prev:hover { background-position:40% center; }
.slick-next:hover { background-position:60% center; }

ul.slick-dots { position:absolute; text-align:center; right:0; left:0; bottom:0; padding:50px 0 20px 0; z-index:1000; background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.2)); }
ul.slick-dots li { float:none; height:3px; margin:0 5px; display:inline-block; transition:all 0.3s; }
ul.slick-dots li button { float:left; width:20px; height:3px; cursor:pointer; background-color:#FFF; transition:all 0.3s; position:relative; text-indent:-9999px; opacity:0.5; }
ul.slick-dots li button:hover { opacity:0.6; }
ul.slick-dots li.slick-active button { opacity:1; }

.slider-hero-wrap { float:left; width:100%; height:calc(100vh - 80px); position:relative; z-index:700; }

.slider-hero { float:left; width:100%; position:relative; text-align:center; background-color:var(--color-light); border-radius:16px; }
.slider-hero .slick-list { overflow:hidden; }
.slider-hero-item { float:left; width:100%; height:calc(100vh - 150px); min-height:540px; position:relative; overflow:hidden; border-radius:16px; }
/* .slider-hero-item::after { content:""; position:absolute; top:10%; bottom:10%; left:10%; right:10%; z-index:20; background-image:radial-gradient(#000,rgba(0,0,0,0.0) 65%); opacity:0.65; } */

.item-zoom { position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center; background-repeat:no-repeat; transition:all 2.5s; transform-origin:center; transform:scale(1.4); }
.slick-current .item-zoom { transform:scale(1); }

.slider-hero-video { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; object-fit:cover; }

.slider-hero-title { position:absolute; top:0; bottom:0; left:0; right:0; }

.slider-hero-title-in { display:inline-block; width:60%; position:relative; z-index:7700; font-family:'Retro Signature'; transform:skewY(-5deg); }

.slider-hero-title strong { float:left; width:100%; position:relative; font-size:120px; font-weight:400; line-height:75%; color:#FFF; }
.slider-hero-title article { float:left; width:100%; padding-top:46px; position:relative; font-size:18px; line-height:30px; }
.slider-hero-title article::before { content:""; position:absolute; top:20px; left:-40px; width:80px; height:2px; background-color:#D1112B; }

.slider-hero-go { float:left; width:100%; margin-top:20px; }
.slider-hero-go a { display:inline-block; padding:0 10px; color:#FFF; letter-spacing:1px; line-height:50px; box-shadow:inset 0 -2px 0 rgba(255,255,255,0.2); transition:all 0.4s; }
.slider-hero-go a:hover { padding:0 20px; letter-spacing:2px; box-shadow:inset 0 -2px 0 #FFF; }

.slider-hero-item picture , .slider-hero-item picture img { float:left; width:100%; display:none; }

.slider-hero .slick-prev { left:-24px; }
.slider-hero .slick-next { right:-24px; }

.vertical-out { width:100%; height:100%; display:table; }
.vertical-in { width:100%; display:table-cell; vertical-align:middle; }

.slider-gallery-wrap { float:left; width:100%; position:relative; overflow:hidden; }
.slider-gallery { float:left; width:100%; position:relative; overflow:hidden; }
.slider-gallery .slick-list { float:left; width:100%; position:relative; }
.slider-gallery .slick-list::before { content:""; position:absolute; top:0; bottom:0; left:10px; width:calc(20% - 20px); background-image:linear-gradient(90deg,#FFF,rgba(255,255,255,0.0)); z-index:10; }
.slider-gallery .slick-list::after { content:""; position:absolute; top:0; bottom:0; right:10px; width:calc(20% - 20px); background-image:linear-gradient(-90deg,#FFF,rgba(255,255,255,0.0)); z-index:10; }
.slider-gallery-item { float:left; width:100%; padding:0 10px; position:relative; }
.slider-gallery-item section { float:left; width:100%; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; }
.slider-gallery-item.slick-center section { filter:none; -webkit-filter:none; }
.slider-gallery-item section::before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background-image:linear-gradient(45deg,#000,rgba(0, 0, 0, 0.0)); z-index:2; opacity:0.25; }
.slider-gallery-item section article { position:absolute; left:30px; bottom:0; padding:25px 0; color:#FFF; z-index:5; box-shadow:inset 0 -2px 0 #FFF; font-weight:600; letter-spacing:1px; transition:all 0.3s; opacity:0.5; }
.slider-gallery-item section article strong { display:block; padding-bottom:7px; font-weight:500; font-size:20px; font-family:Ivy Mode; line-height:40px; transition:all 0.75s; }

.slider-gallery-item img { float:left; width:100%; }

.slider-wide { float:left; width:100%; position:relative; overflow:hidden; }
.slider-wide div { float:left; width:100%; position:relative; }
.slider-wide div a , .slider-full div img { float:left; width:100%; }
.slider-wide div a { background-size:cover; background-position:center; background-repeat:no-repeat; }

/*	Finish SLIDER	*/

.hero-nav-wrap { position:absolute; left:0; right:0; bottom:0; z-index:1100; }
.hero-nav-in { float:left; width:100%; position:relative; z-index:1100; transition:all 0.7s; }
.hero-nav-in::before { content:""; position:absolute; top:0; bottom:0; left:50%; right:50%; background-color:#FFF; box-shadow:0 0 20px rgba(0,0,0,0.08); transition:all 0.6s; opacity:0; }
.hero-nav-in.is-sticky::before { left:-70px; right:-70px; opacity:1; }

.hero-nav-title { float:left; width:100%; margin-bottom:30px; position:relative; text-align:center; overflow:hidden; }
.hero-nav-title span { width:240px; display:inline-block; position:relative; color:#FFF; font-size:12px; font-weight:500; letter-spacing:2px; }
.hero-nav-title span::before , .hero-nav-title span::after { content:""; position:absolute; top:50%; right:240px; width:2000px; height:1px; background-color:#FFF; opacity:0.1; }
.hero-nav-title span::after { right:auto; left:240px; }

.hero-nav {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	z-index: 800;
}
.hero-nav ul {
	width: calc(100% + 12px);
	margin-left: -6px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
/* This is the key part - width is calculated dynamically */
.hero-nav li {
	padding: 0 6px;
	position: relative;
	flex: 1;
}
.hero-nav li:hover {
	z-index: 10;
}
.hero-nav li > a {
	float: left;
	width: 100%;
	height: 130px;
	position: relative;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	transition: all 0.3s;
	z-index: 10;
	text-decoration: none;
	color: #333;
}
.hero-nav-in.is-sticky .hero-nav li > a {
	height: 70px;
	padding-bottom: 4px;
}
.hero-nav li > a picture {
	float: left;
	width: 100%;
	height: 70px;
	padding: 5px 0;
	background-color: #FFF;
	border-radius: 8px;
	box-shadow: 0 0 20px rgba(0,0,0,0.13);
	transition: all 0.5s;
	display: flex;
	justify-content: center;
}
.hero-nav-in.is-sticky .hero-nav li > a picture {
	margin-top: -60px;
	opacity: 0;
}
.hero-nav li > a picture img {
	height: 100%;
	object-fit: cover;
}
.hero-nav li > a strong {
	float: left;
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.hero-nav li > a strong small {
	width: 100%;
}
.hero-nav li:nth-child(1) > a { box-shadow: inset 0 -4px 0 #D1112B; }
.hero-nav li:nth-child(2) > a { box-shadow: inset 0 -4px 0 #0076AA; }
.hero-nav li:nth-child(3) > a { box-shadow: inset 0 -4px 0 #FDB802; }
.hero-nav li:nth-child(4) > a { box-shadow: inset 0 -4px 0 #CB5699; }
.hero-nav li:nth-child(5) > a { box-shadow: inset 0 -4px 0 #46BABD; }
.hero-nav li:nth-child(6) > a { box-shadow: inset 0 -4px 0 #A07963; }
.hero-nav li:nth-child(7) > a { box-shadow: inset 0 -4px 0 #8BC34A; }
.hero-nav li:nth-child(8) > a { box-shadow: inset 0 -4px 0 #FF5722; }
.hero-nav li:hover > a {
	box-shadow: inset 0 -4px 0 #303641 !important;
}
.hero-nav-menu {
	display: none;
	position: absolute;
	bottom: 60px;
	left: 6px;
	right: 6px;
	padding: 15px;
	background-color: #D1112B;
	box-shadow: 0 10px 40px rgba(0,0,0,0.1);
	z-index: 20;
	border-radius: 8px;
}
.hero-nav-in.is-sticky .hero-nav-menu {
	bottom: auto;
	top: 60px;
}
.hero-nav-menu a {
	float: left;
	width: 100%;
	padding: 10px 15px;
	position: relative;
	font-weight: 600;
	font-size: 13px;
	color: #FFF;
	letter-spacing: 1px;
	transition: all 0.3s;
	border-radius: 6px;
	text-decoration: none;
}
.hero-nav-menu a:hover {
	color: #FFF;
	background-color: rgba(0,0,0,0.1);
}
.hero-nav li:nth-child(1):hover .hero-nav-menu { background-color: #D1112B; display: block; }
.hero-nav li:nth-child(2):hover .hero-nav-menu { background-color: #0076AA; display: block; }
.hero-nav li:nth-child(3):hover .hero-nav-menu { background-color: #FDB802; display: block; }
.hero-nav li:nth-child(4):hover .hero-nav-menu { background-color: #CB5699; display: block; }
.hero-nav li:nth-child(5):hover .hero-nav-menu { background-color: #46BABD; display: block; }
.hero-nav li:nth-child(6):hover .hero-nav-menu { background-color: #A07963; display: block; }
.hero-nav li:nth-child(7):hover .hero-nav-menu { background-color: #8BC34A; display: block; }
.hero-nav li:nth-child(8):hover .hero-nav-menu { background-color: #FF5722; display: block; }

/*	Finish SLIDER	*/

.mask , .mask-top { position:absolute; bottom:0; left:0; right:0; z-index:700; }
.mask-top { top:0; bottom:auto; }
.mask > img , .mask-top > img { float:left; width:100%; }

/*	Start FOOTER	*/

.ig-block-top { float:left; width:100%; position:relative; background-color:var(--color-light); }
.ig-block-top .wrap { background:url(../images/rainbow.png) no-repeat 0 0 / 100% 2px; }
.ig-block { float:left; width:100%; position:relative; background-color:var(--color-light); overflow:hidden; }
.ig-block::before { content:""; position:absolute; top:50%; bottom:0; left:0; right:0; background-color:#303641; }
.ig-block ul { width:100%; margin-bottom:-20px; display:flex; flex-flow:row wrap; }
.ig-block li { width:16.66667%; padding:0 10px; margin-bottom:20px; }
.ig-block li a { float:left; width:100%; border-radius:6px; overflow:hidden; }
.ig-block li a img { float:left; width:100%; transform-origin:center; transition:all 1.25s; }
.ig-block li a:hover img { transform:scale(1.15, 1.15); }

.footer-out { float:left; width:100%; position:relative; background-color:#303641; color:#FFF; overflow:hidden; }

.join-us-wrap { float:left; width:100%; padding:80px 0; position:relative; color:#FFF; }
.join-us-wrap .page-title { margin-top:6px; margin-bottom:34px; }
.join-us { float:left; width:100%; margin-top:30px; position:relative; }
.join-us article { float:left; width:50%; height:50px; padding-left:60px; font-size:20px; background:url(../images/icon-join.png) no-repeat 0 center / auto 40px; display:flex; align-items:center; }
.join-us section { float:left; width:50%; position:relative; }
.join-us .input { width:calc(100% - 130px); padding:0 25px; border-radius:25px; box-shadow:none; border:0; }
.join-us .input:focus { box-shadow:0 0 27px rgba(0,0,0,0.08); background-color:#FFF; }
.join-us .button { float:right; width:120px; padding:0 0 0 25px; border-radius:25px; background-color:#000; text-align:left; font-size:14px; }

.footer { float:left; width:100%; position:relative; box-shadow:inset 0 1px 0 rgba(255,255,255,0.05) , inset 0 -1px 0 rgba(255,255,255,0.05); }
.footer a , .copyright a { color:#FFF; }
.footer a:hover , .copyright a:hover { text-decoration:underline; }

.footer-left { float:left; width:25%; padding:60px 0; position:relative; }
.footer-right { float:left; width:75%; padding:60px 0 80px 120px; position:relative; box-shadow:inset 1px 0 0 rgba(255,255,255,0.06); }

.footer-logo { float:left; width:100%; }
.footer-logo picture { float:left; width:100%; }
.footer-logo picture img { float:left; height:50px; }
.footer-logo strong { float:left; width:100%; margin:16px 0 24px 0; font-weight:400; }

.footer-social { float:left; width:100%; }
.footer-social li { padding-right:20px; }
.footer-social li:last-child { padding-right:0; }
.footer-social li a { float:left; border:1px solid rgba(255,255,255,0.06); border-radius:50%; transition:all 0.25s; }
.footer-social li a:hover { border-color:#FFF; }
.footer-social li a img { float:left; height:50px; margin:-1px; }

.footer-title { float:left; width:100%; padding:26px 0 15px 0; position:relative; font-size:14px; font-weight:600; color:#ACAFB3; letter-spacing:1px; }

.footer-block { float:left; width:33.33334%; padding:0 15px; }

.footer-phone { float:left; width:100%; margin:18px 0 17px 0; font-size:24px; font-weight:600; line-height:30px; text-align:right; }

.footer-links { float:left; width:100%; text-align:center; }
.footer-links ul { width:100%; }
.footer-links li { width:100%; margin-bottom:25px; }
.footer-links li:last-child { margin-bottom:0; }
.footer-links li a { float:left; width:100%; height:45px; padding-left:14px; position:relative; font-size:14px; font-weight:600; line-height:43px; border:1px solid #FFF; transition:all 0.4s; border-radius:25px; }
.footer-links li a:hover { background-color:#000; text-decoration:none; }
.footer-links li a img { position:absolute; top:calc(50% - 8px); left:14px; height:16px; transition:all 0.4s; }
.footer-links li a:hover img { left:17px; transition:all 0.2s; }

.footer-block-content { float:left; width:100%; }
.footer-block-content > ul { width:100%; }
.footer-block-content > ul li { width:100%; }
.footer-block-content > ul li a { float:left; width:100%; padding:5px 0; }

.copyright { float:left; width:100%; padding:60px 0; position:relative; z-index:10; font-size:13px; font-weight:300; color:rgba(255,255,255,0.7); }
.copyright .left { float:left; width:calc(100% - 180px); }
.copyright .left section { float:left; width:100%; margin-bottom:10px; }
.copyright .left section:last-child { margin-bottom:0; }
.copyright .left section a { float:left; font-weight:400; }
.copyright .left section i { float:left; margin:0 20px; opacity:0.3; }
.copyright .right { float:right; }
.copyright .right a { display:inline-block; }
.copyright .right a img { float:right; height:24px; margin-top:-2px; margin-bottom:-2px; margin-left:7px; }


/*	Start CONTENT	*/

.welcome-wrap { float:left; width:100%; margin-top:70px; position:relative; background-color:var(--color-light); border-radius:16px; }
.welcome { float:left; width:calc(50% - 80px); position:relative; }
.welcome-right { position:absolute; top:0; bottom:0; right:0; width:50%; }

.welcome-photo { position:absolute; top:70px; bottom:-70px; left:0; width:calc(50% - 20px); background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:16px; overflow:hidden; }
.welcome-photo::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:var(--color-red); mix-blend-mode:multiply; opacity:0.2; }

.welcome-stats { position:absolute; top:70px; bottom:70px; right:-70px; width:calc(50% + 50px); padding:80px; padding-right:0 !important; background-color:var(--color-dark); color:#FFF; border-radius:16px 0 0 16px; display:flex; align-items:center; }
.welcome-stats::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/bg-furniture.png) no-repeat 0 center / cover; mix-blend-mode:overlay; opacity:0.33; }
.welcome-stats ul { width:100%; position:relative; }
.welcome-stats li { width:100%; }
.welcome-stats li::after { content:""; float:right; width:100%; height:2px; margin:50px 0; background-color:#FFF; mix-blend-mode:overlay; }
.welcome-stats li:last-child::after { display:none; }
.welcome-stats li section { float:left; width:100%; }
.welcome-stats li section strong { float:left; width:100%; font-size:78px; font-weight:600; line-height:100%; }
.welcome-stats li section span { float:left; width:100%; font-size:20px; line-height:100%; }

.welcome-video { position:absolute; top:0; bottom:0; right:0; width:100%; border-radius:16px; overflow:hidden; }
.welcome-video a { float:left; width:100%; height:100%; position:relative; }
.welcome-video a::before , .welcome-video a::after { content:""; position:absolute; top:50%; left:50%; width:360px; height:360px; margin:-180px 0 0 -180px; border:1px solid #FFF; border-radius:50%; z-index:9; opacity:0.3; transition:all 1s; }
.welcome-video a::after { transform:scale(1.7, 1.7); }
.welcome-video a:hover::before { transform:scale(0.8, 0.8); opacity:0.6; }
.welcome-video a:hover::after { transform:scale(1.3, 1.3); opacity:0.6; }
.welcome-video a picture { float:left; width:100%; height:100%; position:relative; overflow:hidden; text-align:center; }
.welcome-video a picture::after { content:""; position:absolute; top:50%; left:50%; width:80px; height:80px; margin:-40px 0 0 -40px; background:#000 url(../images/icon-play.png) no-repeat 55% center / auto 30px; z-index:100; border-radius:50%; transition:all 0.5s; }
.welcome-video-video a:hover picture::after { background-color:#000; }
.welcome-video a picture figure { float:left; width:100%; height:100%; padding:0; margin:0; background-size:cover; background-position:center; background-repeat:no-repeat; transform-origin:center; transition:all 1.5s; }
.welcome-video a:hover picture figure { transform:scale(1.2, 1.2); }
.welcome-video a picture figure::after { content:""; position:absolute; left:0; right:0; top:0; bottom:100%; background-color:var(--color-red); transition:all 0.7s; opacity:0; }
.welcome-video a:hover picture figure::after { bottom:0; opacity:0.5; }
.welcome-video a picture figure img { float:left; width:100%; max-height:400px; }

.vize-video { float:left; width:100%; margin-top:0 !important; position:relative; top:auto; bottom:auto; right:auto; }
.vize-video a picture figure img { max-height:480px; }

.vize-stats { float:left; width:100%; position:relative; z-index:100; }
.vize-stats ul { width:100%; display:flex; flex-flow:row wrap; }
.vize-stats li { margin-right:60px; position:relative; }
.vize-stats li:last-child { margin-right:0; }
.vize-stats li section { float:left; width:100%; position:relative; display:flex; align-items:center; }
.vize-stats li strong { float:left; margin-right:20px; font-size:81px; font-weight:200; color:var(--color-dark); letter-spacing:-2px; line-height:100px; }
.vize-stats li span { float:left; max-width:100px; font-size:16px; color:#999; letter-spacing:0.5px; }

.vize-stats-wrap { float:left; width:100%; position:relative; text-align:center; border-top:1px solid #EEE; }
.vize-stats-wrap .vize-stats { float:none; width:auto; display:inline-block; }

.vize-catalog-wrap { float:left; width:100%; margin-top:20px; position:relative; }
.vize-catalog { float:left; width:calc(57% - 30px); padding-top:70px; position:relative; }
.vize-catalog a { float:left; width:100%; height:240px; position:relative; background-color:#6C737D; background-size:auto 100%; background-position:right center; background-repeat:no-repeat; display:flex; align-items:center; color:#FFF; font-size:15px; }
.vize-catalog a::after { content:""; position:absolute; bottom:0; left:-12px; width:24px; height:24px; background-color:#FFF; transform:skewX(45deg); }
.vize-catalog a section { float:left; width:100%; padding-left:100px; position:relative;  }
.vize-catalog a section::before { content:""; position:absolute; top:-8px; bottom:-8px; left:0; width:3px; background-color:#000; transition:all 0.4s; }
.vize-catalog a:hover section::before { width:5px; background-color:#FFF; }
.vize-catalog a section strong { display:block; font-weight:500; letter-spacing:2px; }
.vize-catalog a section span { display:block; margin-top:4px; font-size:64px; font-weight:600; line-height:60px; }
.vize-catalog-photo { position:absolute; top:0; bottom:0; right:0; width:43%; }
.vize-catalog-photo picture { float:left; width:calc(100% - 100px); height:100%; position:relative; background:url(../images/bg-cat.png) no-repeat center / cover; }
.vize-catalog-photo picture::after { content:""; position:absolute; bottom:0; right:-12px; width:24px; height:24px; background-color:#FFF; transform:skewX(-45deg); }
.vize-catalog-photo picture img { float:left; width:100%; }

.vize-showcase { float:left; width:100%; margin-bottom:20px; position:relative; background-color:#F5F5F5; letter-spacing:0.5px; }
.showcase-item { float:left; width:25%; position:relative; }
.showcase-item:first-child { width:50%; }

.showcase-item-red { background-color:#D1112B; color:#FFF !important; }

.showcase-item img { float:left; width:100%; }

.showcase-content { position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; }

.showcase-content picture { position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center; background-repeat:no-repeat; transform-origin:center; transition:all 1.5s; }
.showcase-item:hover .showcase-content picture { transform:scale(1.2, 1.2); }

.showcase-cat { position:absolute; bottom:0; left:0; right:0; padding:100px 40px 29px 40px; color:#FFF; background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.75)); z-index:10; }
.showcase-cat strong { float:left; width:100%; font-size:21px; font-weight:600; line-height:30px; }
.showcase-cat small { float:left; padding-right:25px; margin-top:8px; font-size:15px; font-weight:600; background:url(../images/arrow-white-right.png) no-repeat right 40% / auto 14px; transition:all 0.3s; opacity:0.5; }
.showcase-item:hover .showcase-cat small { padding-right:35px; opacity:1; }

.showcase-text { position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center; z-index:100; }

.showcase-text::after { content:""; position:absolute; bottom:0; right:0; width:50px; height:50px; background:url(../images/arrow-right.png) no-repeat center / auto 14px; }
.showcase-item-red .showcase-text::after { background-image:url(../images/arrow-white-right.png); }

.showcase-text section { width:100%; padding:20px 40px; }
.showcase-title { float:left; width:100%; font-size:21px; font-weight:600; line-height:30px; }
.showcase-summary { float:left; width:100%; margin-top:5px; font-size:16px; line-height:25px; }

.page-title { float:left; width:100%; margin:56px 0 24px 0; position:relative; font-size:40px; font-weight:600; color:#000; letter-spacing:-1px; line-height:50px; z-index:30; }
.page-title.xl { font-size:56px; font-weight:700; line-height:60px; }
.page-title-single { margin-top:6px; margin-bottom:4px; }
.page-title-white { color:#FFF; }
.page-title-center { text-align:center; }

.page-title small { float:left; width:100%; padding:30px 0 10px 0; position:relative; font-size:14px; font-weight:600; color:var(--color-red); line-height:20px !important; letter-spacing:2px; text-transform:uppercase; }
.page-title-single small { padding-top:0; }
.page-title section , .page-title strong { float:left; width:100%; margin:5px 0; position:relative; }
.page-title strong { font-weight:600; }
.page-title section { color:var(--color-dark); }
.page-title article { float:left; width:100%; margin:5px 0; position:relative; font-size:30px; line-height:40px; }

.fw-300 { font-weight:300; }

.page-summary { float:left; width:100%; position:relative; font-size:23px; font-weight:300; color:#757575; line-height:40px; z-index:30; }

.page-hero-text { float:left; width:100%; position:relative; font-size:33px; font-weight:300; line-height:50px; z-index:30; }

.page-about {  width:100%; position:relative; font-size:20px; color:#555; line-height:30px; z-index:20; }
.page-about.text-white { font-weight:300; }
.product-about { line-height:35px; }
.page-about-single { margin-top:9px !important; }
.page-summary-left { padding-left:0 !important; padding-right:0 !important; text-align:left; }
.page-text { font-size:17px; line-height:40px; }
.page-about strong , .page-about b { font-weight:600; color:#000; }
.page-about a { font-weight:600; text-decoration:underline; }
.page-about a:hover { text-decoration:none; }

.text-white { color:#FFF !important; }
.two-column { column-count:2; column-gap:80px; }

.page-photo { float:right; width:50%; max-width:430px; padding:0 0 20px 30px; }
.page-photo-wide { float:left; width:100%; padding-bottom:50px; }
.page-photo img , .page-photo-wide img { float:left; width:100%; }

.slider-products-out { float:left; width:100%; position:relative; overflow:hidden; }
.slider-products-wrap { float:left; width:100%; max-width:1080px; position:relative; }

.slider-products { float:left; width:100%; position:relative; z-index:50; }
.slider-products::before { content:""; position:absolute; top:0; bottom:0; left:-1040px; width:1000px; background-color:var(--color-light); z-index:10; border-radius:14px; }

.slider-product-item { float:left; width:100%; padding-right:40px; }
.slider-product-item a { float:left; width:100%; position:relative; color:#FFF; border-radius:16px; overflow:hidden; }
.slider-product-item picture { float:left; width:100%; position:relative; overflow:hidden; }
.slider-product-item picture img { float:left; width:100%; transform-origin:center; transition:all 3s; }
.slider-product-item:hover picture img { transform:scale(1.15, 1.15); }
.slider-product-item section { position:absolute; left:0; right:0; bottom:0; padding:60px 60px 34px 60px; background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.7)); z-index:10; }
.slider-product-item section::after { content:""; position:absolute; left:60px; bottom:0; width:160px; height:4px; background-color:#FFF; border-radius:4px 4px 0 0; }
.slider-product-item strong { float:left; width:100%; padding-bottom:20px; font-weight:600; font-size:31px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.slider-product-item span { float:left; padding-right:22px; font-size:14px; font-weight:600; letter-spacing:1px; background:url(../images/arrow-white-right.png) no-repeat right center / 12px 18px; transition:all 0.6s; }
.slider-product-item:hover span { letter-spacing:4px; }

.slider-products .slick-prev , .slider-products .slick-next { width:64px; height:64px; margin-top:-32px; background-color:var(--color-red); border:8px solid #FFF; box-shadow:none; }
.slider-products .slick-prev { left:-52px; background-image:url(../images/arrow-white-left.png); }
.slider-products .slick-next { right:-12px; background-image:url(../images/arrow-white-right.png); }

.block-flexed { float: left;
	width: 100%;
	position: relative; }
.flex-left { float:left; width:50%; }
.flex-right { float:right; width:50%; margin-left:auto; }

.block-flexed .page-title , .block-flexed .page-about { margin:0 !important; }

.block-cta-wrap { float:left; width:100%; position:relative; display:flex; }
.block-cta-left , .block-cta-right { float:left; width:calc(50% - 20px); position:relative; }
.block-cta-right { float:right; margin-left:auto; }

.block-cta { float:left; width:100%; position:relative; }
.block-cta ul { width:calc(100% + 40px); margin-left:-20px; display:flex; flex-flow:row wrap; }
.block-cta li { flex:1; flex-basis:50%; padding:0 20px; }

.block-cta-item { float:left; width:100%; height:100%; position:relative; }
.block-cta-item::after { content:""; position:absolute; bottom:0; left:0; right:0; height:4px; background-color:var(--color-red); border-radius:4px 4px 0 0; }

.block-cta-item section { float:left; width:100%; position:relative; border-radius:16px; overflow:hidden; }
.block-cta-item section::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-image:linear-gradient(180deg,rgba(48,54,65,0.0),var(--color-dark)); }
.block-cta-item section picture { float:left; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transform-origin:center; transition:all 2.4s; }
.block-cta-item:hover section picture { transform:scale(1.15, 1.15); }
.block-cta-item section picture img { float:left; width:100%; }
.block-cta-item section strong { position:absolute; bottom:0; left:0; right:50%; padding:31px 40px; font-size:20px; color:#FFF; line-height:30px; z-index:10; }
.block-cta-item article { float:left; width:100%; padding:32px 0 33px 0; position:relative; font-size:17px; color:#666; line-height:25px; z-index:100; }
.block-cta-item article i { position:absolute; top:-40px; right:40px; width:64px; height:64px; border:2px solid #FFF; background:var(--color-red) url(../images/arrow-white-right.png) no-repeat center / 16px 24px; border-radius:50%; transition:all 0.4s; }
.block-cta-item:hover article i { right:30px; border-radius:20%; }

.block-cta-item.red section::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-image:linear-gradient(180deg,rgba(209,17,43,0.0),var(--color-red)); }
.block-cta-item.red article i , .block-cta-item.red::after { background-color:var(--color-dark); }

.certificates { float:left; width:100%; text-align:center; overflow:hidden; }
.certificates ul { width:100%; display:flex; flex-flow:row wrap; }
.certificates li { width:25%; padding:0 15px; margin-bottom:30px; }
.certificates li a { float:left; width:100%; height:100%; padding-bottom:5px; position:relative; }

.certificates li a picture { float:left; width:100%; padding:30px; padding-bottom:0 !important; background-image:linear-gradient(180deg,#EEF9FA,#FFF); }
.certificates li a:hover picture { background-image:linear-gradient(180deg,#EEE,#FFF); }
.certificates li a img { display:inline-block; max-width:100%; max-height:240px; }
.certificates li a strong { float:left; width:100%; padding:15px 0 20px 0; font-weight:500; position:relative; }

.inner-80 { margin:0 -80px; }
.inner-40 { margin:0 -40px; }
.inner-30 { margin:0 -30px; }
.inner-20 { margin:0 -20px; }
.inner-15 { margin:0 -15px; }
.inner-10 { margin:0 -10px; }
.inner-6 { margin:0 -6px; }
.inner-5 { margin:0 -5px; }
.inner-1 { margin:0 -1px; }

.top-150 { padding-top:150px; }
.top-100 { padding-top:100px; }
.top-50 { padding-top:50px; }
.top-10 { padding-top: 10px;}
.top-20 { padding-top : 20px;}
.bottom-150 { padding-bottom:150px; }
.bottom-100 { padding-bottom:100px; }
.bottom-50 { padding-bottom:50px; }

.left-80 { padding-left:80px; }
.right-80 { padding-right:80px; }

.block-gradient { float:left; width:100%; position:relative; background-image:linear-gradient(180deg,#F5FAFC,#FFF); }
.block-space { float:left; width:100%; height:80px; }
.block-top-border { box-shadow:inset 0 1px 0 rgba(0,0,0,0.06); }

.link-all { float:left; width:100%; position:relative; text-align:center; }
.link-all a {
	float: left;
	padding: 0 14px 0 24px;
	position: relative;
	color: #0C6473;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 600;
	line-height: 48px;
	border: 1px solid #2EAFC5;
	transition: all 0.3s;
	border-radius: 25px;
}
.link-all-centered a { float:none; display:inline-block; }
.link-all a:hover { background-color:#FFF; box-shadow:inset 0 -3px 0 var(--color-red); }
.link-all a::after { content:""; float:right; width:15px; height:48px; margin-left:10px; background:url(../images/arrow-right.png) no-repeat center / 13px 20px; }

.link-all-dark a { background-color:#D1112B; color:#FFF !important; }
.link-all-dark a:hover { background-color:#303641; border-color:rgba(0,0,0,0.3); }

.link-all-whatsapp a { background-color:#4dc247; }

.link-all a section { display:inline-block; height:48px; }
.link-all a img { float:left; height:48px; }

.grayscale { filter:grayscale(100%); -webkit-filter:grayscale(100%); }
.grayscale:hover { filter:none; -webkit-filter:none; }

.sub-hero-wrap { float:left; width:100%; position:relative; z-index:1100; }
.sub-hero { float:left; width:100%; position:relative; background-color:#303641; background-size:cover; background-position:center; background-repeat:no-repeat; z-index:100; }
.sub-hero img { float:left; width:100%; max-height:480px; }

.breadcrumb { float:left; width:100%; position:relative; font-size:11px; letter-spacing:0.5px; line-height:40px; }
.breadcrumb::after { content:""; position:absolute; top:0; left:0; right:0; height:15px; background-image:linear-gradient(180deg,#000,rgba(0,0,0,0.0)); opacity:0.03; }
.breadcrumb section { float:left; width:100%; padding:10px 0; position:relative; box-shadow:inset 0 -1px 0 rgba(0,0,0,0.04); }
.breadcrumb-product section { box-shadow:none; }
.breadcrumb a { color:#777; }
.breadcrumb a:hover { color:#353535; text-decoration:underline; }
.breadcrumb i { margin:0 15px; opacity:0.2; }
.breadcrumb strong { font-weight:600; color:#303641; }

.sub-hero-photo { float:left; width:100%; position:relative; }
.sub-hero-photo::before { content:""; position:absolute; top:0; bottom:50%; left:0; right:0; background-color:#303641; }
.sub-hero-photo picture { float:left; width:100%; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; z-index:10; border-radius:12px 0 0 48px; }
.sub-hero-photo picture img { float:left; width:100%; max-height:320px; }

.promo-wrap { float:left; width:100%; }
.promo { float:left; width:100%; position:relative; }
.promo > ul { width:100%; }
.promo > ul > li { display:flex; align-items:center; margin-bottom:100px; }
.promo > ul > li:last-child { margin-bottom:0; }

.promo > ul > li picture { float:right; width:calc(50% - 60px); margin-left:auto; position:relative; text-align:right; }
.promo > ul > li picture figure { float:left; width:100%; padding:0; margin:0; position:relative; overflow:hidden; }
.promo > ul > li picture figure::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/logo-top.png) no-repeat center / auto 10%; z-index:15; }
.promo > ul > li picture img { width:100%; position:relative; z-index:10; border-radius:16px; }

.promo-content { float:left; width:calc(50% - 60px); position:relative; }

.promo > ul > li:nth-child(even) picture { margin-left:0; text-align:left; }
.promo > ul > li:nth-child(even) .promo-content { margin-left:auto; text-align:left; }

.promo .page-title { margin-top:11px; }

.join-news-wrap { float:left; width:100%; position:relative; }
.join-news-wrap::before { content:""; position:absolute; top:0; bottom:0; left:calc(50% - 141px); width:2px; background-color:rgba(0,0,0,0.05); }
.home-news { float:right; width:calc(50% + 40px); position:relative; }

.home-news .link-all-boxed { padding-top:30px; box-shadow:inset 0 1px 0 rgba(0,0,0,0.06); }

.home-stores { float:left; width:100%; position:relative; text-align:center; }
.home-stores { float:left; width:100%; position:relative; }
.home-stores ul { width:100%; display:flex; flex-flow:row wrap; }
.home-stores li { flex:1; flex-basis:20%; padding:0 10px; margin-bottom:20px; }
.home-stores li a { float:left; width:100%; height:100px; padding:9px; border:1px solid #F2EFEC; display:flex; align-items:center; border-radius:8px; transition:all 0.4s; }
.home-stores li a:hover { border-color:var(--color-dark); }
.home-stores li a section { width:100%; }
.home-stores li a section strong { width:100%; font-size:17px; font-weight:500; }

.news-list { float:left; width:100%; position:relative; }
.news-list ul { width:100%; }
.news-list li { width:100%; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #EEE; }
.home-news .news-list li { padding-bottom:0; margin-bottom:30px; border-bottom:0; }

.news-list li a { float:left; width:100%; position:relative; display:flex; align-items:center; }

.news-list-picture { float:left; width:240px; overflow:hidden; border-radius:6px; }
.news-list-picture img { float:left; width:100%; transform-origin:center; transition:all 1.25s; }
.news-list li a:hover .news-list-picture img { transform:scale(1.15, 1.15); }
.news-list-content { float:left; width:calc(100% - 240px); padding-left:40px; }

.news-list-title { float:left; width:100%; font-size:22px; font-weight:600; line-height:30px; }
.news-list-info { float:left; width:100%; margin-top:18px; letter-spacing:1px; }
.news-list-info i { float:left; padding-right:15px; margin-right:15px; border-right:1px solid #EEE; color:#D1112B; font-weight:500; }
.news-list-info span { float:left; color:#999; }

.news-wrap { float:left; width:100%; position:relative; }

.news-content { float:right; width:calc(100% - 280px); position:relative; }
.news-photo { float:left; width:100%; height:480px; margin-bottom:15px; border-radius:6px; overflow:hidden; }
.news-photo img { width:100%; height:100%; object-fit:cover; object-position:center; }

.news-sidebar { float:left; width:240px; padding-top:20px; position:relative; }

.news-info { float:left; width:100%; padding:15px 0; margin-bottom:20px; position:relative; border-top:1px solid rgba(0,0,0,0.06); border-bottom:1px solid rgba(0,0,0,0.06); letter-spacing:1px; }
.news-info section { float:left; width:100%; margin-bottom:16px; }
.news-info section:last-child { margin-bottom:0; }
.news-info section i { display:block; font-size:11px; font-weight:600; color:#999; letter-spacing:1px; }
.news-info section strong { display:block; margin-top:5px; font-weight:500; }

.page-share { float:left; width:100%; position:relative; }
.page-share ul { width:100%; }
.page-share li { margin-right:10px; margin-bottom:10px; }
.page-share li:last-child { margin-right:0; }
.page-share li a { float:left; border:1px solid rgba(0,0,0,0.1); transition:all 0.25s; border-radius:50%; }
.page-share li a:hover { border-color:#D1112B; }
.page-share li a.share-facebook { background-color:#38529A; }
.page-share li a.share-twitter { background-color:#1D9BF0; }
.page-share li a.share-youtube { background-color:#F00; }
.page-share li a.share-whatsapp { background-color:#27C34B; }
.page-share li a img { float:left; height:40px; margin:-1px; }

.sidebar-icon { display:none; }

.sidebar { float:left; width:300px; margin-top:60px; position:relative; }

.left-menu { float:left; width:100%; position:relative; letter-spacing:1px; }
.left-menu > ul { width:100%; border-top:1px solid rgba(0, 0, 0, 0.05); }
.left-menu > ul > li { width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.05); }
.left-menu > ul > li a { float:left; width:100%; padding:17px 25px 13px 20px; position:relative; font-size:18px; font-weight:600; line-height:25px; transition:all 0.3s; }
.left-menu > ul > li a::before { content:""; position:absolute; top:15px; bottom:15px; left:8px; width:2px; transition:all 0.2s; transform:skewX(-15deg); }
.left-menu > ul > li a:hover::before { background-color:#D1112B; left:3px; }
.left-menu > ul > li a.menu-active { color:#D1112B; }
.left-menu > ul > li a.menu-active::before { background-color:#D1112B; left:3px; }

.left-menu li a.left-menu-multiple::after { content:""; position:absolute; right:5px; top:50%; width:16px; height:16px; margin-top:-8px; background:url(../images/icon-plus.png) no-repeat center / 100%; opacity:0.5; }
.left-menu li a:hover.left-menu-multiple::after { opacity:1; }
.left-menu li a:hover.left-menu-multiple { background-color:transparent; }

.left-menu li ul.left-menu-sub { width:100%; border-top:1px solid rgba(0,0,0,0.05); display:none; padding:14px 0 15px 20px; position:relative; }
.left-menu li ul.left-menu-sub li { width:100%; border-bottom:0; }
.left-menu li ul.left-menu-sub::before , .left-menu li ul.left-menu-sub::after { content:""; border-top:5px solid transparent; border-left:8px solid transparent; border-right:8px solid transparent; height:0; top:-1px; left:30px; position:absolute; width:0; border-top-color:#E4E4E4; }
.left-menu li ul.left-menu-sub::after { top:-2px; border-top-color:#FFF; }

.left-menu li ul.left-menu-sub li a { padding:5px 20px; margin-bottom:1px; font-weight:500; font-size:15px; }
.left-menu li ul.left-menu-sub li a::before { top:8px; bottom:8px; }

.right-block { float:right; width:calc(100% - 360px); position:relative; }

.product-list { width:100%; }
.product-list ul { width:100%; display:flex; flex-flow:row wrap; }
.product-list li { width:33.33334%; padding:0 20px; margin-bottom:60px; }

.tower-list li { width:25%; }
.tower-list .product-item picture { height:50vh; min-height:400px; }

.product-item { float:left; width:100%; position:relative; }
.product-item picture { float:left; width:100%; height:30vh; min-height:300px; position:relative; border-radius:8px; overflow:hidden; }
.product-item picture::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid rgba(0,0,0,0.08); border-radius:8px; }
.product-item picture img { width:100%; transform-origin:center; transition:all 2.5s; height:100%; object-position:center; object-fit:cover; }
.product-item:hover picture img { transform:scale(1.15, 1.15); }
.product-item strong { float:left; width:100%; padding:24px 0 7px 0; font-weight:600; font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.product-item span { float:left; width:100%; font-size:13px; font-weight:600; color:#999; letter-spacing:2px; background:url(../images/arrow-right.png) no-repeat right center / 12px 18px; transition:all 0.4s; }
.product-item:hover span { letter-spacing:5px; }

.wedding-showcase-wrap { float:left; width:100%; position:relative; overflow:hidden; }
.wedding-showcase-item { float:left; width:50%; padding:0 20px; margin-bottom:50px; }

.wedding-showcase { float:left; width:100%; padding-bottom:28px; position:relative; }

.wedding-showcase::before { content:""; position:absolute; top:37.5%; left:50%; width:80px; height:80px; margin-left:-40px; background:#FFF url(../images/logo.png) no-repeat center / 48px auto; z-index:100; border-radius:50%; }

.wedding-showcase ul { width:100%; overflow:hidden; border-radius:8px; }
.wedding-showcase li { width:calc(50% - 2px); height:160px; overflow:hidden; }
.wedding-showcase li:last-child { float:right; }
.wedding-showcase li:first-child { width:100%; height:240px; margin-bottom:4px; }
.wedding-showcase li picture { float:left; width:100%; height:100%; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; transform-origin:center bottom; transition:all 1s; }
.wedding-showcase:hover li picture { transform:scale(1.15, 1.15); }

.wedding-showcase-title { float:left; width:100%; padding:23px 0 8px 0; position:relative; font-size:24px; font-weight:500; line-height:30px; }

.wedding-package-item { float:left; width:100%; margin-bottom:70px; position:relative; }

.wedding-package-title-wrap { float:left; width:100%; padding:30px; margin-top:20px; position:relative; text-align:center; background-color:#F3F5F6; border-top:2px solid #B0BAC4; border-radius:4px; }
.wedding-package-title-wrap::before {
	content:"";
	border-bottom:7px solid transparent;
	border-left:18px solid transparent;
	border-right:18px solid transparent;
	height:0;
	position:absolute;
	width:0;
	left:50%;
	top:-7px;
	margin-left:-18px;
	border-bottom-color:#B0BAC4;
}
.wedding-package-title { float:left; width:100%; padding:21px 0 14px 0; position:relative; font-size:40px; font-weight:400; line-height:40px; }
.wedding-package-title::before { content:""; position:absolute; top:-5px; left:50%; width:30px; height:2px; margin-left:-15px; background-color:#CEC9C8; }

.wedding-package-title-wrap .product-list-price i { width:auto; margin-right:5px; }

.wedding-package-content { float:right; width:100%; position:relative; }
.wedding-package-content ul { width:100%; position:relative; display:flex; flex-flow:row wrap; }
.wedding-package-content li { flex:1; flex-basis:25%; padding:0 20px; margin-bottom:40px; }
.wedding-package-content li > section { float:left; width:100%; height:100%; padding-bottom:55px; position:relative; overflow:hidden; }
.wedding-package-content li > section picture { float:left; width:100%; border-radius:6px; overflow:hidden; }
.wedding-package-content li > section picture img { float:left; width:100%; transform-origin:center; transition:all 1s; }
.wedding-package-content li > section:hover picture img { transform:scale(1.1, 1.1); }

.wedding-package-content .wedding-showcase-title { padding:18px 0 3px 0; font-size:20px; }

.wedding-package-include { float:left; width:100%; margin:5px 0 15px 0; position:relative; letter-spacing:0.5px; }
.wedding-package-include i { float:left; width:100%; margin-bottom:5px; font-weight:500; color:#666; }

.wedding-package-content .link-all a { width:100%; }

.wedding-package-list { float:left; width:100%; position:relative; }
.wedding-package-list ul { width:100%; border-top:1px solid #F0F0F0; }
.wedding-package-list li { width:100%; padding:5px 0; border-bottom:1px solid #F0F0F0; }
.wedding-package-list li section { float:left; width:100%; }
.wedding-package-list li section picture { float:left; width:80px; height:40px; text-align:center; }
.wedding-package-list li section picture img { max-width:100%; max-height:100%; }
.wedding-package-list li section span { float:left; width:calc(100% - 140px); padding:15px 0 15px 15px; }
.wedding-package-list li section i { float:right; width:60px; }
.wedding-package-list li section i .input { height:30px; padding-left:14px; margin-top:10px; font-size:12px; font-weight:600; line-height:28px; border-radius:4px; }
.wedding-package-list li section i em { float:right; width:60px; height:30px; margin-top:10px; font-size:12px; font-weight:600; line-height:27px; border-radius:15px; border:1px solid #666; text-align:center; box-shadow:5px 5px 0 rgba(0,0,0,0.03); }

.product-list-price { float:left; width:100%; font-size:16px; font-weight:600; color:#D1112B; letter-spacing:1px; }
.product-list-price section { float:left; width:100%; margin-top:4px; text-align:right; }
.product-list-price em { font-weight:400; color:#999; text-decoration:line-through; }
.product-list-price i { float:left; width:120px; font-weight:400; color:#999; text-align:left; }

.slider-hero-product-wrap { float:left; width:100%; position:relative; z-index:700; }
.slider-hero-product { float:left; width:100%; position:relative; z-index:700; overflow:hidden; background-image:linear-gradient(180deg,#FFF,var(--color-light)); }
.slider-hero-product-item { float:left; width:auto !important; position:relative; }
.slider-hero-product-item a , .slider-hero-product-item section { float:left; width:100%; padding:0 2px; position:relative; background-repeat:no-repeat; background-size:cover; background-position:center; }
.slider-hero-product-item a img , .slider-hero-product-item section img { float:left; height:calc(100vh - 320px); min-height:400px; }

.slider-hero-product ul.slick-dots { float:left; width:100%; position:relative; right:auto; left:auto; bottom:auto; padding:0 0 10px 0; margin-top:15px; background:none; }
.slider-hero-product ul.slick-dots li { height:40px; margin:0 5px; }
.slider-hero-product ul.slick-dots li button { width:64px; height:40px; opacity:1; }
.slider-hero-product ul.slick-dots li.slick-active button { box-shadow:0 -3px 0 #D1112B; }

.inner-5 { margin:0 -5px; }

.product-text { float:left; width:100%; font-size:15px; font-weight:500; line-height:30px; }
.product-text strong , .product-text b , .product-text a { font-weight:600; }
.product-video { float:left; width:100%; position:relative; }
.product-video img { float:left; width:100%; }
.product-video iframe { position:absolute; top:0; left:0; }

.product-sizes { float:left; width:100%; position:relative; overflow:hidden; overflow-x:auto; }
.product-sizes table { width:100%; min-width:540px; font-size:13px; }
.product-sizes tr:first-child { background-color:#F5F5F5; }
.product-sizes tr { border-bottom:1px solid #EEE; }
.product-sizes tr:first-child { border-bottom:1px solid #CCC; }
.product-sizes tr td { padding:5px; }
.product-sizes tr td:first-child { padding-left:15px; }

.related-products { float:left; width:100%; position:relative; }
.related-products ul { width:100%; display:flex; flex-flow:row wrap; }
.related-products li { width:50%; margin-bottom:20px; display:flex; align-items:center; }

.related-products li > picture { float:left; width:140px; padding:3px; overflow:hidden; position:relative; box-shadow:0 0 20px rgba(0,0,0,0.1); transition:all 0.5s; border-radius:6px; overflow:hidden; }

.related-products li > picture::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#FFF; transition:all 0.4s; }
.related-products li:hover > picture::before { background-color:#D1112B; }

.related-products li > picture figure { float:left; width:100%; position:relative; text-align:center; border:20px solid #FFF; background-color:#FFF; overflow:hidden; border-radius:3px; }
.related-products li picture figure img { display:inline-block; max-width:100%; max-height:200px; transform-origin:center; transition:all 1s; }
.related-products li:hover > picture figure img { transform:scale(1.2, 1.2); }

.related-products li > section { float:right; width:calc(100% - 170px); margin-left:auto; position:relative; letter-spacing:1px; }

.related-info { float:left; width:100%; padding-right:70px; margin-bottom:10px; position:relative; }
.related-info strong { display:block; font-weight:500; }
.related-info em { display:block; font-weight:500; font-size:11px; }
.related-info select { position:absolute; top:5px; right:0; width:60px; height:30px; padding:0 0 0 12px; font-size:12px; font-weight:600; border-radius:4px; background-color:#F8F8F8; }

.related-price { float:left; width:100%; font-weight:500; color:#999; }
.related-price article { float:left; width:calc(100% - 120px); }
.related-price article span { display:block; margin-bottom:2px; }
.related-price article span:last-child , .related-price section span:last-child { margin-bottom:0; }
.related-price section { float:right; width:115px; text-align:right; }
.related-price section span { display:block; margin-bottom:2px; }
.related-price section span:first-child { color:#D1112B; font-weight:600; }
.related-price section span small { display:block; font-size:12px; }

.total-price { float:left; width:100%; position:relative; margin:30px 0 20px 0; background-color:#F4F4F4; transition:all 0.75s; display:flex; align-items:center; border-radius:8px; overflow:hidden; }

.total-price-left { float:left; width:calc(100% - 300px); position:relative; }
.total-price-right { float:left; width:300px; position:relative; }

.total-price section { float:left; width:100%; padding:25px 30px; font-weight:500; letter-spacing:1px; }
.total-price section article { float:left; width:100%; padding-left:20px; margin-bottom:17px; position:relative; font-size:18px; font-weight:600; color:#000; line-height:30px; }
.total-price section article::before { content:""; position:absolute; top:0; bottom:2px; left:3px; width:2px; background-color:#D1112B; transform: skewX(-15deg); }
.total-price section span { float:left; width:100%; }

.total-price ul { width:100%; }
.total-price li { width:100%; padding:15px 20px 20px 25px; font-size:16px; position:relative; color:#FFF; background-color:#303641; letter-spacing:1px; }
.total-price li:last-child { background-color:#D1112B; }
.total-price li:last-child::before { content:""; position:absolute; left:25px; top:0; width:30px; height:2px; background-color:#FFF; }
.total-price li strong { display:block; margin:2px 0 -7px 0; font-size:24px; font-weight:600; letter-spacing:0; line-height:30px; }

.product-detail-links { float:left; width:100%; margin-top:15px; position:relative; }
.product-detail-links ul { width:100%; }
.product-detail-links li { width:50%; padding:0 10px; margin-bottom:20px; }

.catalog { float:left; width:100%; position:relative; }
.catalog ul { width:100%; }
.catalog li { width:100%; margin-bottom:30px; }
.catalog li a { float:left; width:100%; position:relative; background-color:#F6F9F9; display:flex; align-items:center; }
.catalog li a picture { float:left; width:200px; overflow:hidden; }
.catalog li a picture img { float:left; width:100%; transform-origin:center; transition:all 1s; }
.catalog li a:hover picture img { transform:scale(1.2, 1.2); }
.catalog li a section { float:left; width:calc(100% - 200px); padding:40px; }
.catalog li a section strong { float:left; width:100%; font-size:24px; font-weight:600; line-height:30px; }
.catalog li a section span { float:left; width:100%; padding:15px 0; letter-spacing:1px; color:#888; }
.catalog li a section i { float:left; padding-left:30px; background:url(../images/icon-down.svg) no-repeat 0 center / 20px; font-weight:500; letter-spacing:2px; transition:all 0.4s; }
.catalog li a:hover section i { background-position:0 5px; }

.promotions { float:left; width:100%; line-height:25px; }
.promotions ul { width:100%; display:flex; flex-flow:row wrap; }
.promotions li { width:33.33334%; padding:0 20px; margin-bottom:60px; }
.promotions li a , .promotions li article { float:left; width:100%; position:relative; }
.promotions li picture { float:left; width:100%; overflow:hidden; border-radius:7px; }
.promotions li picture img { float:left; width:100%; transform-origin:bottom; transition:all 1s; }
.promotions li a:hover picture img , .promotions li article:hover picture img { transform:scale(1.07, 1.07); }
.promotions li strong { float:left; width:100%; padding:14px 0 6px 0; position:relative; font-weight:500; font-size:20px; line-height:30px; }
.promotions li strong::before {
	content:"";
	border-bottom:7px solid transparent;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	height: 0;
	top:-7px;
	left:30px;
	position: absolute;
	width:0;
	border-bottom-color:#FFF;
}

.promotions li section { float:left; width:100%; font-size:16px; line-height:30px; }

.countdown { float:left; width:100%; margin-top:5px; margin-bottom:15px; text-align:center; }
.countdown-item { float:left; width:33.33334%; padding:0 5px; }
.countdown-item small { float:left; width:100%; padding:8px 5px 5px 5px; background-color:#EEE; border-radius:5px; font-size:19px; font-weight:600; }
.countdown-item i { display:block; margin-top:-3px; font-size:12px; font-weight:500; color:#999; letter-spacing:1px; }

.promotions li article.promo-over { opacity:0.4; filter:grayscale(100%); -webkit-filter:grayscale(100%); }

.vize-stores { float:left; width:100%; display:flex; justify-content:space-between; /* align-items:center; */ flex-wrap:wrap; }
.store-item { flex-basis:calc(50% - 30px); margin-bottom:55px; }
.store-item picture { float:left; width:100%; overflow:hidden; border-radius:6px; }
.store-item picture img { float:left; width:100%; }
.store-item strong { float:left; width:100%; margin:18px 0 8px 0; font-size:24px; font-weight:600; color:#303641; letter-spacing:1px; line-height:30px; }
.store-item ul { width:100%; }
.store-item li { width:100%; margin:5px 0; font-size:15px; }
.store-item li i { float:left; width:120px; font-weight:600; color:var(--color-dark); opacity:0.7; }
.store-item li span { float:left; width:calc(100% - 120px); }
.store-item li em { float:left; width:100%; margin-top:9px; font-size:14px; font-weight:600; line-height:39px; }
.store-item li em a { float:left; height:40px; padding:0 39px 0 20px; position:relative; border:1px solid #D1112B; background:url(../images/arrow-right.png) no-repeat right 14px center / auto 16px; color:#D1112B; border-radius:20px; transition:all 0.2s; }
.store-item li em a:hover { background-color:#D1112B; color:#FFF; background-image:url(../images/arrow-white-right.png); }

.stores-map { float:left; width:100%; height:600px; padding:4px; position:relative; border:1px solid #999; border-radius:4px; z-index:10; }

/*	Start LIGHTBOX	*/

.fancybox-slide--iframe .fancybox-content { width:800px; min-height:300px; max-width:80%; max-height:80%; margin:0; }

.my-fancy { display:none; padding:30px !important; border-radius:8px; }

.my-fancy-wrap { width:100%; max-width:800px; max-height:600px; overflow:hidden; overflow-y:auto; }
.my-fancy-wrap::-webkit-scrollbar { width:5px; }
.my-fancy-wrap::-webkit-scrollbar-track { background:#EEEEEE; }
.my-fancy-wrap::-webkit-scrollbar-thumb { background-color:#555; }
.my-fancy-wrap { scrollbar-color:#FFF #EEEEEE; scrollbar-width:thin; }

.fancy-title { float:left; width:100%; padding:0 20px; margin-bottom:15px; position:relative; font-size:16px; color:#000; }
.fancy-title::before { content:""; position:absolute; top:50%; left:0; width:30px; height:2px; margin-top:-2px; background-color:#D1112B; }
.fancy-title strong { float:left; padding:0 15px; position:relative; font-weight:600; font-size:13px; letter-spacing:1px; background-color:#FFF; }

.fancy-form { float:left; width:100%; }
.fancy-form .item { float:left; width:50%; padding:0 10px; margin-bottom:20px; }
.fancy-form .item:last-child { margin-bottom:0; }
.fancy-form .item-2 { width:calc(50% - 10px); }
.fancy-form .item-2 label { float:left; width:100%; padding:9px; border:1px solid #999; border-radius:4px; font-weight:600; }
.fancy-form .item a { font-weight:600; text-decoration:underline; }

.parallax-wrap { float:left; width:100%; padding:9% 0; position:relative; color:#FFF; }
.parallax-photo { position:absolute; left:0; right:0; bottom:0; top:0; background:transparent; background-size:100% auto; }
.parallax-photo::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-image:linear-gradient(125deg,rgba(0,0,0,0.9) 40%,rgba(209,17,43,0.9) 80%); opacity:0.9; }
.parallax-text-wrap { width:100%; max-width:1200px; margin:0 auto; position:relative; z-index:10; color:#FFF; text-align:center; }
.parallax-text { float:left; width:100%; padding:30px 0; font-family:'Retro Signature'; font-size:100px; line-height:60%; transform: skewY(-3deg); }

.simple-list { float:left; width:100%; font-size:17px; font-weight:500; line-height:25px; }
.simple-list ul { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
.simple-list li { flex-basis:calc(50% - 30px); padding:0 0 30px 40px; position:relative; background:url(../images/icon-ok.png) no-repeat 0 4px / 14px auto; }
.simple-list-wide li { flex-basis:100%; }

.block-two { width:calc(50% - 20px); }

.gallery { float:left; width:100%; position:relative; overflow:hidden; }
.gallery ul { width:100%; }
.gallery li { width:33.33334%; padding:0 5px 10px 5px; position:relative; }
.gallery li a { float:left; width:100%; position:relative; overflow:hidden; color:#FFF; border-radius:8px; }
.gallery li a::before {
	content:"";
	position:absolute;
	top:calc(50% - 20px);
	left:calc(50% - 20px);
	width:38px;
	height:38px;
	border:1px solid #FFF;
	background:url(../images/icon-zoom.png) no-repeat center / 20px;
	transition:all 0.3s;
	border-radius:50%;
	z-index:10;
	opacity:0.5;
}
.gallery li a:hover::before { opacity:1; }
.gallery li a section { float:left; width:100%; position:relative; overflow:hidden; }
.gallery li a span { float:left; width:100%; background-size:cover; background-position:center; transform-origin:center bottom; transition:all 1s; }
.gallery li a:hover span { transform:scale(1.09, 1.09); }
.gallery li a span img { float:left; width:100%; }

.video-list { float:left; width:100%; position:relative; overflow:hidden; }
.video-list ul { width:100%; display:flex; flex-flow:row wrap; }
.video-list li { width:33.33334%; padding:0 20px; margin-bottom:45px; }
.video-list li a { float:left; width:100%; position:relative; }
.video-list li a picture { float:left; width:100%; position:relative; overflow:hidden; }
.video-list li a picture img { float:left; width:100%; transform-origin:center; transition:all 1s; }
.video-list li a:hover picture img { transform:scale(1.2, 1.2); }

.video-list li a picture::after { content:""; position:absolute; width:44px; height:44px; left:calc(50% - 24px); top:calc(50% - 24px); background:rgba(0,0,0,0.4) url(../images/icon-play.png) no-repeat center / auto 20px; border:2px solid #FFF; border-radius:50%; z-index:100; transition:all 0.3s; }
.video-list li a:hover picture::after { background-color:#303641; }

.video-list li a section { float:left; width:100%; position:relative; }
.video-list li a section strong { float:left; width:100%; padding:19px 0 6px 0; font-size:17px; font-weight:500; line-height:25px; }
.video-list li a section i { float:left; height:20px; padding-left:25px; color:#999; font-size:13px; letter-spacing:1px; line-height:24px; background:url(../images/icon-clock.png) no-repeat 0 center / 16px; }

.tab { float:left; width:100%; padding-bottom:30px; position:relative; }
.tab li { padding-right:15px; }
.tab li a { float:left; height:50px; padding:0 25px; position:relative; font-weight:500; font-size:16px; line-height:54px; background-color:#EEF9FA; border-radius:4px; transition:all 0.3s; }
.tab li a.tab-active { color:#FFF; background-color:#D1112B; }
.tab li a.tab-active::before {
	content:"";
	border-top:3px solid transparent;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	height:0;
	position: absolute;
	width:0;
	left:50%;
	bottom:-3px;
	margin-left:-8px;
	border-top-color:#D1112B;
}

.item { float:left; width:25%; padding:0 5px 10px 5px; }
.photo-item { float:left; width:100%; transition:all 0.25s; }
.photo-item a { float:left; width:100%; position:relative; }
.photo-item a section { float:left; width:100%; position:relative; overflow:hidden; border-radius:4px; }

.photo-item a section img { float:left; width:100%; box-shadow:0 5px 20px rgba(0, 0, 0, 0.07); transform-origin:center; transition:all 1s; }
.photo-item a:hover section img { transform:scale(1.2, 1.2); }

.photo-item a section::before { content:""; position:absolute; top:50%; left:50%; width:600px; height:600px; margin:-300px 0 0 -300px; background-color:#FFF; opacity:0; transition:all 1s; border-radius:50%; transform:scale(0,0); z-index:10; }
.photo-item:hover a section::before { background-color:#D1112B; opacity:0.8; transform:scale(1,1); }

.photo-item a::after { content:""; position:absolute; top:0; right:0; width:32px; height:32px; background:rgba(255,255,255,0.7) url(../images/icon-expand.png) no-repeat center / 12px; border-radius:50%; transition:all 0.4s; opacity:0; z-index:20; }
.photo-item a:hover::after { opacity:1; top:15px; right:15px; }

.photo-item a span { float:left; width:100%; padding-top:10px; color:#999; }

/*	Start CONTACT	*/

.accordion { float:left; width:100%;  border-bottom:1px solid rgba(0,0,0,0.06); }

.accordion-section-title { float:left; width:100%; padding: 30px 0; padding-right:40px !important; position:relative; font-size:17px; font-weight:600; letter-spacing:0.5px; border-bottom: 1px solid rgba(0,0,0,0.06); z-index:10; }
.accordion-section-title:hover { color:#D1112B; }
.accordion-section-title.active { color:#D1112B !important; }
.accordion-section-title::after { content:""; position:absolute; top:0; bottom:0; right:20px; width:14px; background:url(../images/arrow-down.png) no-repeat center / 100% auto; transition:all 0.3s; }
.accordion-section-title.active::after { transform:rotate(180deg); }
.accordion-section-title section { float:left; }

.accordion-section-content { float:left; width:100%; padding: 20px 0 0 0; position:relative; display:none; }
.accordion-section-text { float:left; width:100%; font-size:17px; line-height:30px; }

.hero-contact { padding:4% 0; }

.contact-info { float:left; width:100%; position:relative; }
.contact-info section { float:left; width:33.33334%; padding:0 15px 0 55px; margin-bottom:31px; position:relative; line-height:25px; transition:all 0.4s; }
.contact-info section img { position:absolute; top:0; left:15px; width:24px; }
.contact-info section span { display:block; margin-bottom:7px; font-weight:600; font-size:14px; color:var(--color-dark); letter-spacing:1px; }
.contact-info section article { display:block; margin-bottom:10px; font-size:17px; line-height:30px; }
.contact-info section article:last-child { margin-bottom:0; }
.contact-info section a { color:#151515; }
.contact-info section a:hover { text-decoration:underline; }

.contact-form-wrap { float:left; width:100%; position:relative; background-color:var(--color-light); }
.contact-form-wrap > picture { position:absolute; top:0; bottom:0; left:0; width:50%; background-size:cover; background-position:center; background-repeat:no-repeat; overflow:hidden; }
.contact-form-wrap > picture::after { content:""; position:absolute; bottom:0; right:-12px; width:24px; height:24px; background-color:var(--color-light); transform:skewX(-45deg); }

.contact-form { float:right; width:50%; padding:20px 120px 100px 120px; position:relative; }

.contact-form .title-medium { margin-top:14px; }

.form-item { float:left; width:50%; padding:0 15px 30px 15px; position:relative; }
.form-item-text { margin-top:-10px; color:#666; }
.form-item:last-child { padding-bottom:0; }
.form-item label { float:left; width:100%; }
.form-item section { float:left; width:100%; font-size:16px; font-weight:600; margin-bottom:-10px; }

.security-code img { float:left; width:120px; height:50px; margin-right:10px; padding:3px; border:1px solid #999; background-color:#FFF; border-radius:6px; box-shadow:5px 5px 0 rgba(0,0,0,0.03); }
.security-code a.refresh { float:left; width:50px; height:50px; text-indent:-9999px; background:#FFF url(../images/refresh.png) no-repeat center center / 24px; border:1px solid #999; border-radius:6px; box-shadow:5px 5px 0 rgba(0,0,0,0.03); }
.security-code a:hover.refresh { background-color:#EEE; }

.contact-branches { float:left; width:100%; position:relative; display:flex; flex-flow:row wrap; }
.branch-item { float:left; width:33.33334%; padding:0 15px; margin-bottom:20px; }
.branch-item section { float:left; width:100%; height:100%; padding:25px 30px; background-color:var(--color-light); font-size:17px; line-height:25px; border-radius:8px; }
.branch-item section h4 { float:left; width:100%; font-size:20px; font-weight:600; }
.branch-item section article { float:left; width:100%; margin-top:10px; }
.branch-item section article strong { font-weight:600; }

.contact-map { float:left; width:100%; height:600px; position:relative; z-index:10; }

.upload { float:left; width:100%; height:50px; position:relative; text-align:center; }
.upload section { float:left; width:100%; height:50px; padding:0 16px; border:1px solid #999; line-height:48px; background-color:#FFF; border-radius:6px; box-shadow:5px 5px 0 rgb(0 0 0 / 3%); }
.upload:hover section { border-color:#00C18C; color:#00C18C; }
.upload section::after { content:""; position:absolute; top:0; bottom:0; right:0; width:48px; background:url(../images/icon-clip.png) no-repeat center / 16px; opacity:0.5; }
.upload:hover section::after { opacity:1; }
.upload input { display:block !important; width:100% !important; height:100% !important; opacity:0 !important; overflow:hidden !important; position:absolute; left:0; top:0; z-index:3; cursor:pointer; }

.request-form { display:none; float:left; width:100%; max-width:800px; }
.request-form .contact-form { width:100%; margin-top:-10px; }

/*	Start PAGINATION	*/

.pages { float:left; width:100%; position:relative; font-weight:600; line-height:54px; text-align:center; }
.pages ul { width:100%; }
.pages li { float:none; display:inline-block; padding:0 5px; }
.pages li a { float:left; width:50px; height:50px; font-weight:500; color:#D1112B; transition:all 0.3s; border-radius:6px; }
.pages li a:hover , .pages li a.current { background-color:#F5F5F5; }
.pages li a.current { background-color:#D1112B; color:#FFF; }

.cookies-wrap { position:fixed; right:20px; bottom:20px; width:400px; z-index:7950; }
.cookies { float:left; width:100%; padding:25px 30px 20px 30px; position:relative; background-color:rgba(48,54,65,0.7); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); color:#FFF; border-radius:8px; box-shadow:0 0 20px rgba(255,255,255,0.2); }
.cookies::before { content:""; position:absolute; right:15px; top:15px; left:15px; bottom:0; background:url(../images/icon-cookies.png) no-repeat 0 top / 60px auto; opacity:0.3; }
.cookies section { float:left; width:100%; position:relative; }
.cookies-close { position:absolute; top:-14px; right:20px; width:28px; height:28px; }
.cookies-close span { float:left; width:100%; height:100%; position:relative; border-radius:8px; text-indent:-9999px; background:#D1112B url(../images/icon-close.png) no-repeat center / 12px; cursor:pointer; border:1px solid #FFF; }
.cookies-close span:hover { background-size:14px; background-color:#042956; }

.slider-gallery-multiple { float:left; width:100%; position:relative; }
.slider-gallery-multiple .slick-list { overflow:hidden; border-radius:16px; }
.slider-gallery-multiple::after { content:""; position:absolute; top:0; bottom:0; left:calc(50% - 1px); width:2px; background-color:#FFF; }
.slider-gallery-multiple div { float:left; width:100%; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; }
.slider-gallery-multiple div img { float:left; width:100%; }

.slider-gallery-multiple ul.slick-dots { border-radius:16px; }
.slider-gallery-multiple .slick-prev { left:-25px; }
.slider-gallery-multiple .slick-next { right:-25px; }





.block-dark { float:left; width:100%; padding:20px 0 100px 0; position:relative; background-image:linear-gradient(180deg,#303641,#6C737D); }

.bed-wrap { float:left; width:100%; }
.bed-layers , .bed-info { float:left; width:calc(50% - 80px); position:relative; }
.bed-info { float:right; }

.bed-layers ul { width:100%; margin-bottom:60px; }
.bed-layers li { width:100%; margin-bottom:-60px; position:relative; }
.bed-layers li.layer1 { z-index:10; }
.bed-layers li.layer2 { z-index:9; }
.bed-layers li.layer3 { z-index:8; }
.bed-layers li.layer4 { z-index:7; }
.bed-layers li.layer5 { z-index:6; }
.bed-layers li.layer6 { z-index:5; }
.bed-layers li.layer7 { z-index:4; }
.bed-layers li.layer8 { z-index:3; }
.bed-layers li.layer9 { z-index:2; }
.bed-layers li.layer10 { z-index:1; }
.bed-layers li img { float:left; width:100%; }
.layer-btn { position:absolute; width:40px; height:40px; z-index:100; text-align:center; }
.layer-btn small { float:left; width:40px; height:40px; position:relative; border:2px solid rgba(255,255,255,0.7); background-color:#D1112B; border-radius:50%; font-size:16px; font-weight:600; color:#FFF; line-height:36px; z-index:100; transition:all 0.3s; }
.layer-btn small:hover { background-color:#303641; border-color:#FFF; }
.layer-btn::before { content:""; position:absolute; top:-7px; bottom:-7px; left:-7px; right:-7px; background-color:rgba(255,255,255,0.33); border-radius:50%; transition:all 0.3s; }
.layer-btn:hover::before { background-color:rgba(255,255,255,0.6); }

.bed-info-title { float:left; width:100%; padding-left:70px; margin-bottom:31px; position:relative; font-size:32px; font-weight:600; color:#FFF; line-height:40px; }
.bed-info-title small { position:absolute; top:0; left:0; }
.bed-info-title small::after { content:"/"; float:right; padding-left:20px; font-weight:400; color:#D1112B; }
.bed-info-text { font-size:18px; color:#FFF; }
.bed-info-picture { float:left; width:100%; }
.bed-info-picture img { float:left; width:auto; max-width:100%; border-radius:12px; }


.elegant-search {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	max-width: 600px;
	width: 100%;
	float: right;
	margin-top: 30px;
}

.elegant-search form {
	position: relative;
	width: calc(70% - 100px);
}

.elegant-search input {
	width: 100%;
	height: 46px;
	padding: 0 45px 0 20px;
	border: 1px solid #fce4e6;
	border-radius: 23px;
	background-color: #fff;
	font-size: 14px;
	color: #333;
	transition: all 0.3s ease;
	box-shadow: 0 2px 10px rgba(231, 76, 60, 0.08);
}

.elegant-search input:focus {
	border-color: #E74C3C;
	box-shadow: 0 4px 15px rgba(231, 76, 60, 0.2);
	outline: none;
	background-color: #fefefe;
}

.elegant-search input::placeholder {
	color: #b8a2a4;
	font-size: 13px;
}

.elegant-search button {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border: none;
	background: transparent;
	color: #E74C3C;
	font-size: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	border-radius: 50%;
}

.elegant-search button:hover {
	color: #C0392B;
	background-color: rgba(231, 76, 60, 0.1);
	transform: translateY(-50%) scale(1.1);
}

.elegant-search .cart-icon {
	margin-left: 15px;
	position: relative;
}

.elegant-search .cart-icon a {
	color: #E74C3C;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 23px;
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	box-shadow: 0 4px 15px rgba(231, 76, 60, 0.12);
	background: linear-gradient(135deg, #fff 0%, #fef9f9 100%);
	position: relative;
	z-index: 1;
}

.elegant-search .cart-icon a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at center, rgba(231, 76, 60, 0.1) 0%, transparent 70%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.elegant-search .cart-icon a:hover {
	color: #C0392B;
	background: linear-gradient(135deg, #fff5f5 0%, #ffe6e6 100%);
	box-shadow: 0 6px 20px rgba(231, 76, 60, 0.2);
	transform: translateY(-3px) scale(1.05);
}

.elegant-search .cart-icon a:hover::before {
	opacity: 1;
}

.elegant-search .cart-icon i {
	font-size: 18px;
	transition: transform 0.3s ease;
	z-index: 2;
	position: relative;
}

.elegant-search .cart-icon a:hover i {
	transform: scale(1.1) rotate(-5deg);
}

.elegant-search .cart-badge {
	position: absolute;
	top: -5px;
	right: -5px;
	background: linear-gradient(135deg, #E74C3C, #C0392B);
	color: white;
	border-radius: 50%;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: bold;
	box-shadow: 0 3px 8px rgba(231, 76, 60, 0.4);
	border: 2px solid white;
	animation: pulse-badge 2s infinite;
	z-index: 10;
}

@keyframes pulse-badge {
	0%, 100% {
		transform: scale(1);
		box-shadow: 0 3px 8px rgba(231, 76, 60, 0.4);
	}
	50% {
		transform: scale(1.1);
		box-shadow: 0 3px 8px rgba(231, 76, 60, 0.6);
	}
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
	.elegant-search {
		max-width: 100%;
		margin-top: 15px;
	}

	.elegant-search form {
		width: calc(100% - 130px);
	}

	.elegant-search input {
		height: 42px;
		font-size: 13px;
	}

	.elegant-search .cart-icon a {
		width: 42px;
		height: 42px;
		border-radius: 21px;
	}

	.elegant-search .cart-icon i {
		font-size: 16px;
	}
}

/* Loading state için */
.elegant-search.loading input {
	background-image: linear-gradient(90deg, transparent, rgba(231, 76, 60, 0.1), transparent);
	background-size: 200% 100%;
	animation: loading-shimmer 1.5s infinite;
}

@keyframes loading-shimmer {
	0% { background-position: -200% 0; }
	100% { background-position: 200% 0; }
}

.elegant-search .login-icon {
	margin-left: 15px;
	position: relative;
}

.elegant-search .login-icon a {
	color: #E74C3C;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 23px;
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	box-shadow: 0 4px 15px rgba(231, 76, 60, 0.12);
	background: linear-gradient(135deg, #fff 0%, #fef9f9 100%);
	position: relative;
	overflow: hidden;
}

.elegant-search .login-icon a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at center, rgba(231, 76, 60, 0.1) 0%, transparent 70%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.elegant-search .login-icon a:hover {
	color: #C0392B;
	background: linear-gradient(135deg, #fff5f5 0%, #ffe6e6 100%);
	box-shadow: 0 6px 20px rgba(231, 76, 60, 0.2);
	transform: translateY(-3px) scale(1.05);
}

.elegant-search .login-icon a:hover::before {
	opacity: 1;
}

.elegant-search .login-icon i {
	font-size: 18px;
	transition: transform 0.3s ease;
	z-index: 1;
	position: relative;
}

.elegant-search .login-icon a:hover i {
	transform: scale(1.1) rotate(5deg);
}

.elegant-search .searchs-icon {
	margin-left: 15px;
	position: relative;
}

.elegant-search .searchs-icon a {
	color: #E74C3C;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 23px;
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	box-shadow: 0 4px 15px rgba(231, 76, 60, 0.12);
	background: linear-gradient(135deg, #fff 0%, #fef9f9 100%);
	position: relative;
	overflow: hidden;
}

.elegant-search .searchs-icon a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at center, rgba(231, 76, 60, 0.1) 0%, transparent 70%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.elegant-search .searchs-icon a::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: rgba(231, 76, 60, 0.1);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.6s ease;
}

.elegant-search .searchs-icon a:hover {
	color: #C0392B;
	background: linear-gradient(135deg, #fff5f5 0%, #ffe6e6 100%);
	box-shadow: 0 6px 20px rgba(231, 76, 60, 0.2);
	transform: translateY(-3px) scale(1.05);
}

.elegant-search .searchs-icon a:hover::before {
	opacity: 1;
}

.elegant-search .searchs-icon a:hover::after {
	width: 80px;
	height: 80px;
}

.elegant-search .searchs-icon i {
	font-size: 18px;
	transition: transform 0.3s ease;
	z-index: 1;
	position: relative;
}

.elegant-search .searchs-icon a:hover i {
	transform: scale(1.1) rotate(-5deg);
}

/* Pulse animasyonu için ekstra class */
.elegant-search .searchs-icon.pulse a {
	animation: pulse-search 2s infinite;
}

@keyframes pulse-search {
	0%, 100% {
		box-shadow: 0 4px 15px rgba(231, 76, 60, 0.12);
	}
	50% {
		box-shadow: 0 4px 15px rgba(231, 76, 60, 0.25), 0 0 0 8px rgba(231, 76, 60, 0.1);
	}
}

/* Active durumu */
.elegant-search .login-icon a:active,
.elegant-search .searchs-icon a:active {
	transform: translateY(-1px) scale(0.98);
	box-shadow: 0 3px 10px rgba(231, 76, 60, 0.15);
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
	.elegant-search .login-icon a,
	.elegant-search .searchs-icon a {
		width: 42px;
		height: 42px;
		border-radius: 21px;
	}

	.elegant-search .login-icon i,
	.elegant-search .searchs-icon i {
		font-size: 16px;
	}

	.elegant-search .searchs-icon {
		margin-left: 12px;
	}
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
	.elegant-search .login-icon a,
	.elegant-search .searchs-icon a {
		background: linear-gradient(135deg, #2d1b1b 0%, #3d2020 100%);
		color: #ff6b6b;
	}

	.elegant-search .login-icon a:hover,
	.elegant-search .searchs-icon a:hover {
		background: linear-gradient(135deg, #3d2020 0%, #4d2525 100%);
		color: #ff8a8a;
	}
}



/* User Dropdown Menu Styles */
.elegant-search .login-icon.dropdown {
	position: relative;
}

.elegant-search .dropdown-menu {
	position: absolute;
	top: 50px;
	right: 0;
	width: 220px;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.15);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 1000;
	overflow: hidden;
}

/* Only use hover on non-touch devices */
.elegant-search .login-icon.dropdown:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* For showing the dropdown when active class is present (for mobile) */
.elegant-search .dropdown-menu.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.elegant-search .dropdown-header {
	background-color: #E74C3C;
	color: white;
	padding: 12px 18px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.elegant-search .dropdown-header i {
	font-size: 18px;
	margin-right: 10px;
}

.elegant-search .dropdown-header span {
	font-size: 14px;
	font-weight: 600;
}

.elegant-search .dropdown-content {
	padding: 8px 0;
}

.elegant-search .dropdown-content a {
	display: flex;
	align-items: center;
	padding: 10px 20px;
	color: #555;
	text-decoration: none;
	transition: all 0.2s ease;
	border-radius: 0;
	box-shadow: none;
	height: auto;
	width: 100%;
	justify-content: flex-start;
	border-left: 3px solid transparent;
}

.elegant-search .dropdown-content a:hover {
	background-color: #f7fafd;
	color: #1c6ca5;
	border-left: 3px solid #5286aa;
	transform: none;
	box-shadow: none;
}

.elegant-search .dropdown-content a i {
	width: 24px;
	font-size: 14px;
	margin-right: 10px;
	text-align: center;
}

.elegant-search .dropdown-content a span {
	font-size: 13px;
}

/* Divider between logged in and not logged in options */
.elegant-search .dropdown-content a.user-logged-in {
	position: relative;
}

/* For responsiveness */
@media screen and (max-width: 768px) {
	.elegant-search .dropdown-menu {
		width: 200px;
	}
}

.elegant-search .login-icon a.girisok {
	color: #175700;
	font-weight: bold;
	box-shadow: 0 2px 10px rgba(64, 179, 47, 0.08);
	background: linear-gradient(135deg, #ffe1d3 0%, #fbe1d4 100%) !important;
}

/* Autocomplete results container */
.autocomplete-results {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	max-height: 350px;
	overflow-y: auto;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	z-index: 1000;
	margin-top: 8px;
	padding: 8px 0;
	display: none;
	border: 1px solid #eaeaea;
}

.autocomplete-results .results-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 15px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 5px;
	color: #666;
	font-size: 13px;
}

.autocomplete-results .close-results {
	cursor: pointer;
	color: #999;
	transition: color 0.2s;
}

.autocomplete-results .close-results:hover {
	color: #333;
}

.autocomplete-results a {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	color: #333;
	text-decoration: none;
	transition: background-color 0.2s;
}

.autocomplete-results a:hover {
	background-color: #f8f9fa;
}

.autocomplete-results .images {
	width: 50px;
	height: 50px;
	margin-right: 15px;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8f8f8;
}

.autocomplete-results .images img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.autocomplete-results .text {
	flex: 1;
}

.autocomplete-results .text span {
	display: block;
	font-weight: 500;
	margin-bottom: 3px;
	color: #333;
}

.autocomplete-results .text small {
	color: #888;
	font-size: 12px;
}

.autocomplete-results .active {
	background-color: #f0f7ff;
}

/* Loading animation */
.loading-spinner {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 2px solid rgba(82, 134, 170, 0.3);
	border-radius: 50%;
	border-top-color: #5286aa;
	animation: spin 1s ease-in-out infinite;
	margin-left: 10px;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

/* Empty results */
.empty-results {
	padding: 20px;
	text-align: center;
	color: #888;
	font-size: 14px;
}

.loading-cart {
	position: relative;
	pointer-events: none; /* İşlem sırasında tıklamayı devre dışı bırak */
	transition: all 0.3s;
}

.loading-cart::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 10px;
	z-index: 2;
}

.loading-cart::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	margin: -7px 0 0 -7px;
	border: 2px solid transparent;
	border-top-color: #5286aa;
	border-radius: 50%;
	z-index: 3;
	animation: cart-spin 0.8s linear infinite;
}

@keyframes cart-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


.categories {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.category {
	background: linear-gradient(to right, #f5f5f5, #fff);
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	position: relative;
	height: 140px;
	cursor: pointer;
	transition: box-shadow 0.2s;
}

.category:hover {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.category-content {
	flex: 1;
	padding: 15px 5px 15px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.category-title {
	font-size: 20px;
	font-weight: 600;
	color: #444;
	margin-bottom: 15px;
}

.container h1 {
	text-align: center;
	margin: 25px 0 35px;
	font-size: 26px;
	font-weight: 500;
	color: #333;
	letter-spacing: 1px;
}

.price {
	font-size: 30px;
	font-weight: bold;
	color: #B44C34;
	margin-bottom: 5px;
}

.price-currency {
	font-size: 15px;
	color: #666;
	font-weight: normal;
}

.price-info {
	font-size: 12px;
	color: #366f91;
}

.category-image {
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

.category-image img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

@media (max-width: 1000px) {
	.categories {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.categories {
		grid-template-columns: 1fr;
	}
	.container {
		width: 95%;
		margin: auto;
	}

	.container h1 {
		text-align: center;
		margin: 25px 0 35px;
		font-size: 20px;
		font-weight: 600;
		color: #333;
		letter-spacing: 1px;
	}

	.category-title {
		font-size: 16px;
		font-weight: 600;
		color: #444;
		margin-bottom: 15px;
	}
}

.product-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0 auto;
}

.product-container .product-card {
	background-color: white;
	border-radius: 20px;
	box-shadow: 0 10px 25px rgba(231, 76, 60, 0.08);
	overflow: hidden;
	transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	border: 1px solid rgba(231, 76, 60, 0.1);
	position: relative;
	width: calc(25% - 15px);
	margin-bottom: 35px;
	flex-grow: 0;
	flex-shrink: 0;
}

/* Farklı ekran boyutları için responsive ayarlar */
@media (max-width: 1100px) {
	.product-container .product-card {
		width: calc(33.33% - 14px); /* 3 ürün yan yana */
	}
}

@media (max-width: 800px) {
	.product-container .product-card {
		width: calc(50% - 10px); /* 2 ürün yan yana */
	}
}

@media (max-width: 500px) {
	.product-container .product-card {
		width: 100%; /* Tam genişlik - 1 ürün */
	}
}

.product-container .product-card:hover {
	transform: translateY(-12px);
	box-shadow: 0 20px 40px rgba(231, 76, 60, 0.2);
	border-color: rgba(231, 76, 60, 0.3);
}

.product-container .product-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #e74c3c, #FF6B6B, #EC7063);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.6s ease;
	z-index: 1;
}

.product-container .product-card:hover::before {
	transform: scaleX(1);
}

.product-container .product-card::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #C0392B, #E74C3C, #FF5722);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.6s ease 0.1s;
}

.product-container .product-card:hover::after {
	transform: scaleX(1);
}

.product-container .image-container {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px 0 0 0;
	position: relative;
}

.product-container .image-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #edf6ff, #cce4ff, #edf6ff);
}

.product-container .image-container img {
	max-width: 80%;
	object-fit: contain;
	transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.product-container .product-card:hover .image-container img {
	transform: scale(1.08) translateY(-5px);
}

.product-container .product-info {
	padding: 20px;
}

.product-container .brand {
	display: inline-block;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 10px;
	padding: 2px 8px;
	border-radius: 20px;
	letter-spacing: 0.5px;
}

.product-container .brand.info {
	color: #0066cc;
	background: linear-gradient(90deg, #e6f1ff, #f5f9ff);
}

/* Yeşil Varyant */
.product-container .brand.green {
	color: #00a650;
	background: linear-gradient(90deg, #e6fff0, #f2fff8);
}

/* Mor Varyant */
.product-container .brand.purple {
	color: #7b00ff;
	background: linear-gradient(90deg, #f1e6ff, #f7f0ff);
}

/* Kırmızı Varyant */
.product-container .brand.red {
	color: #e60000;
	background: linear-gradient(90deg, #ffe6e6, #fff0f0);
}

/* Turuncu Varyant */
.product-container .brand-orange {
	color: #ff6600;
	background: linear-gradient(90deg, #fff0e6, #fff5f0);
}

/* Grayscale Modern Varyant */
.product-container .brand.modern {
	color: #2c3e50;
	background: linear-gradient(90deg, #f0f0f0, #f8f8f8);
	border-left: 3px solid #2c3e50;
}

/* Parlak Varyant */
.product-container .brand.vibrant {
	color: white;
	background: linear-gradient(90deg, #00c6ff, #0072ff);
	box-shadow: 0 2px 8px rgba(0, 150, 255, 0.4);
}

/* Premium/Lüks Varyant */
.product-container .brand.premium {
	color: #333;
	background: linear-gradient(90deg, #f7f7f7, #e6e6e6);
	border: 1px solid #e0e0e0;
	position: relative;
}

.product-container .brand.premium::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background: linear-gradient(to bottom, #c39738, #ffdf80, #c39738);
}

.product-container .product-name {
	color: #2c3e50;
	font-size: 15px;
	font-weight: 600;
	margin: 5px 0 15px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.3;
	letter-spacing: -0.2px;
}

.product-container .price {
	color: #48aa6f;
	font-size: 25px;
	font-weight: 800;
	margin-bottom: 18px;
	display: flex;
	align-items: baseline;
}

.product-container .price .currency {
	font-size: 16px;
	margin-left: 4px;
	font-weight: 600;
	color: #48aa6f;
	opacity: 0.9;
}

.product-container .unprice {
	color: #666;
	font-size: 18px;
	font-weight: 600;
	text-decoration: line-through;
	margin-right: 10px;
	display: flex;
	align-items: baseline;
	margin-bottom: 19px;
	margin-left: 15px;
}

.product-container .unprice .currency {
	font-size: 13px;
	margin-left: 3px;
	font-weight: 500;
	color: #666;
	opacity: 0.9;
}

.product-container .actions {
	display: flex;
	gap: 10px;
}

.product-container .add-to-cart {
	background: linear-gradient(135deg, #E74C3C, #C0392B);
	color: white;
	border: none;
	border-radius: 20px;
	padding: 10px 10px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	letter-spacing: 0.5px;
	box-shadow: 0 4px 10px rgba(231, 76, 60, 0.3);
	text-transform: uppercase;
	font-size: 12px;
}

.product-container .add-to-cart:hover {
	background: linear-gradient(135deg, #CB4335, #A93226);
	box-shadow: 0 6px 15px rgba(231, 76, 60, 0.4);
	transform: translateY(-2px);
}

.product-container .icon-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: none;
	background-color: #f5f9ff;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.product-container .icon-button:hover {
	background-color: #e6f1ff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.product-container .icon-button svg {
	width: 22px;
	height: 22px;
	fill: #0066cc;
	transition: all 0.3s ease;
}

.product-container .icon-button:hover svg {
	fill: #0055b3;
	transform: scale(1.1);
}

/* Eksik bir seçici var burada, muhtemelen bir buton veya container için */
.product-container .some-selector {
	padding: 6px 10px;
	border-radius: 4px;
}

.product-container .stock-info {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #00a650;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 18px;
	background-color: rgba(0, 166, 80, 0.08);
	padding: 6px 12px;
	border-radius: 20px;
	width: fit-content;
	/* İkinci display tanımı kaldırıldı */
}

.product-container .stock-info svg {
	width: 16px;
	height: 16px;
}

@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

.product-container .stock-info svg {
	animation: pulse 2s infinite;
}

@media (max-width: 768px) {
	.product-container .product-card {
		width: 100%;
	}
}

.product-container .ribbon {
	position: absolute;
	top: 20px;
	right: -30px;
	background: linear-gradient(135deg, #ff3366, #ff0033);
	color: white;
	font-size: 12px;
	font-weight: 700;
	padding: 8px 30px;
	transform: rotate(45deg);
	box-shadow: 0 2px 10px rgba(255, 0, 51, 0.3);
	letter-spacing: 1px;
}

.product-container .discount-badge {
	position: absolute;
	top: 20px;
	right: 20px;
	background: linear-gradient(135deg, #5dac46, #4fc41a);
	color: white;
	font-size: 11px;
	font-weight: 600;
	padding: 4px 8px;
	border-radius: 20px;
	animation: pulse 2s infinite;
}

/* Renk Varyantları Stilleri */
.color-variants {
	display: flex;
	gap: 12px;
	margin-left: 10px;
	margin-top: 5px;
}

.color-variant {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.color-variant img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 50%;
	border: none;
	padding: 0;
}

.color-variant:hover {
	transform: scale(1.15);
	box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

.color-variant.active {
	box-shadow: 0 0 0 2px white, 0 0 0 4px #0066cc;
}

.color-black {
	background-color: #000;
}

.color-white {
	background-color: #fff;
	border: 1px solid #e0e0e0;
}

.color-gray {
	background-color: #6e6e6e;
}

.color-multi {
	background: linear-gradient(135deg, #4CAF50, #2196F3, #FFC107, #F44336);
}

@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

/* JavaScript'i simüle etmek için */
.product-container script {
	display: none;
}

.footer-social {
	padding: 20px 0;
}

.footer-social ul {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-social li {
	display: inline-block;
}

.footer-social a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid white;
	color: white;
	text-decoration: none;
	transition: all 0.3s ease;
}

.footer-social a:hover {
	background-color: white;
	color: #333; /* Hover durumunda ikonun rengi */
	transform: translateY(-3px);
	text-decoration: none;
}

/* Animasyon efekti */
.footer-social a:active {
	transform: scale(0.95);
}


.enler {
	margin: 0 auto;
}

.enler .title {
	text-align: center;
	margin: 30px 0;
	font-size: 28px;
	font-weight: 500;
	color: #333;
	letter-spacing: 2px;
}


.enler .product-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	gap: 25px;
	margin-bottom: 30px;
}

.enler .product-card {
	background: linear-gradient(90deg, #ffffff 30%, rgba(255,255,255,0.85) 70%);
	border-radius: 20px;
	position: relative;
	height: 180px;
	display: flex;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.enler .product-info {
	width: 55%;
	padding: 25px 35px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 2;
	position: relative;
}

/* Info kısmı için ek beyaz gradyan katmanı */
.enler .product-info:after {
	content: '';
	position: absolute;
	right: -50px;
	top: 0;
	height: 100%;
	width: 80px;
	background: linear-gradient(90deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
	z-index: 1;
}

.enler .product-image-container {
	position: absolute;
	right: 0;
	top: 0;
	width: 45%;
	height: 100%;
	overflow: hidden;
	border-radius: 0 20px 20px 0;
}

/* Bu gradient'i kaldırıyoruz çünkü ana kartta gradyan koyacağız */
.enler .product-image-container:before {
	content: none;
}

.enler .product-image {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.enler .product-image img {
	max-height: 100%;
	filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.15));
	transition: transform 0.6s ease;
	z-index: 2;
	position: relative;
}

.enler .product-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.enler .product-card:hover .product-image img {
	transform: scale(1.08);
}

.enler .product-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
	font-size: 20px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	position: relative;
	z-index: 3;
}

.enler .product-title {
	font-size: 17px;
	font-weight: 700;
	color: #344050;
	margin-bottom: 5px;
	letter-spacing: -0.3px;
	position: relative;
	z-index: 3;
}

.enler .product-subtitle {
	font-size: 14px;
	color: #6e84a3;
	font-weight: 500;
	position: relative;
	z-index: 3;
}

/* 4 kutucuk için renk şemaları */
.enler .product-card:nth-child(4n+1) .product-icon {
	background-color: #f0f9ff;
	color: #0c7cd5;
}

.enler .product-card:nth-child(4n+2) .product-icon {
	background-color: #f2fcf5;
	color: #00b67a;
}

.enler .product-card:nth-child(4n+3) .product-icon {
	background-color: #fff8f0;
	color: #f59e0b;
}

.enler .product-card:nth-child(4n+4) .product-icon {
	background-color: #f9f0ff;
	color: #9c27b0;
}

/* 4 kutucuk için görsel arkaplanları */
.enler .product-card:nth-child(4n+1) .product-image {
	background: linear-gradient(135deg, #e7f5ff 0%, #d0e8fd 100%);
}

.enler .product-card:nth-child(4n+2) .product-image {
	background: linear-gradient(135deg, #e6f7ef 0%, #d5f2e3 100%);
}

.enler .product-card:nth-child(4n+3) .product-image {
	background: linear-gradient(135deg, #fff4e6 0%, #ffe8cc 100%);
}

.enler .product-card:nth-child(4n+4) .product-image {
	background: linear-gradient(135deg, #f6e9fc 0%, #ebd4f7 100%);
}

/* Dekoratif border-bottom renkleri */
.enler .product-card:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.enler .product-card:hover:before {
	opacity: 1;
}

.enler .product-card:nth-child(4n+1):before {
	background: linear-gradient(90deg, #2c7be5 0%, #5eb9f0 100%);
}

.enler .product-card:nth-child(4n+2):before {
	background: linear-gradient(90deg, #00b67a 0%, #4ce2a7 100%);
}

.enler .product-card:nth-child(4n+3):before {
	background: linear-gradient(90deg, #f59e0b 0%, #ffc107 100%);
}

.enler .product-card:nth-child(4n+4):before {
	background: linear-gradient(90deg, #9c27b0 0%, #d559ea 100%);
}

/* Category Showcase - Base styles (Desktop) */
.category-showcase {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 20px;
	margin: 20px 0 0 0;
	overflow-x: auto;
	padding: 10px 0;
	scrollbar-width: none; /* Firefox */
}

.category-showcase::-webkit-scrollbar {
	display: none; /* Chrome/Safari/Opera */
}

.category-showcase .category-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 120px;
	flex-shrink: 0;
}

.category-showcase .category-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 8px;
	border: 1px solid #f0f0f0;
	align-items: center;
	display: flex;
}

.category-showcase .category-icon img {
	width: 100%;
}

.category-showcase .category-name {
	font-size: 12px;
	color: #333;
}

.category-showcase a {
	text-decoration: none;
	transition: all 0.3s ease;
}

.category-showcase a:hover {
	color: #2753db;
	transform: translateY(-2px);
}

/* Mobile-specific styles - Only apply on screens smaller than 768px */
@media screen and (max-width: 767px) {
	.category-showcase {
		justify-content: flex-start;
		gap: 10px;
		margin: 15px 0 0 0;
		padding: 8px 5px;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
	}

	.category-showcase .category-item {
		width: 90px;
		scroll-snap-align: center;
	}

	.category-showcase .category-icon {
		width: 65px;
		height: 65px;
		margin-bottom: 6px;
		justify-content: center;
	}

	.category-showcase .category-name {
		font-size: 11px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 90px;
	}

	.category-showcase a {
		tap-highlight-color: transparent;
		-webkit-tap-highlight-color: transparent;
	}

	.category-showcase a:hover {
		/* Remove hover effect on mobile */
		transform: none;
	}

	.category-showcase a:active {
		color: #2753db;
		transform: scale(0.95);
	}
}

/* Extra small devices */
@media screen and (max-width: 320px) {
	.category-showcase {
		gap: 10px;
	}

	.category-showcase .category-item {
		width: 80px;
	}

	.category-showcase .category-icon {
		width: 55px;
		height: 55px;
	}

	.category-showcase .category-name {
		font-size: 10px;
	}
}

/* Filters */
.filter-container {
	background: #f9f9f9;
	margin-bottom: 20px;
	width: 100%;
	justify-content: center;
	display: flex;
	border-radius: 10px;
}

.filter-row {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 10px 0;
	position: relative;
}

.filter-item {
	position: relative;
}

.filter-button {
	display: flex;
	align-items: center;
	background: none;
	border: none;
	padding: 6px 20px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	border-right: 1px solid #d7d7d7;
}

.filter-button:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 15px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	transform: rotate(45deg);
	transition: transform 0.3s;
	margin-top: -6px;
}

.filter-button.active:after {
	transform: rotate(-135deg);
}

.filter-panel {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	background: #f9f9f9;
	z-index: 10;
	padding: 0;
	overflow: hidden;
	border: 1px solid #eee;
	max-height: 0;
	transition: max-height 0.3s ease-out;
	border-radius: 10px;
}

.filter-panel-content {
	padding: 20px;
}

.filter-panel-content .close {
	position: absolute;
	right: 15px;
	background: #ff3a3a;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	color: white;
}

.filter-options {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.filter-option {
	display: flex;
	align-items: center;
}

.filter-checkbox {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.filter-label {
	display: flex;
	align-items: center;
	margin-bottom: 0;
	cursor: pointer;
	font-size: 14px;
	user-select: none;
}

.checkmark {
	position: relative;
	display: inline-block;
	height: 18px;
	width: 18px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-right: 8px;
}

.filter-checkbox:checked ~ .checkmark {
	background-color: #0c6473;
	border-color: #0c6473;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
	left: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.filter-checkbox:checked ~ .checkmark:after {
	display: block;
}

.filter-count {
	margin-left: 5px;
	color: #888;
	font-size: 12px;
}

.filter-apply {
	margin-top: 20px;
	text-align: center;
}

.apply-button {
	background-color: #0c6473;
	color: white;
	border: none;
	padding: 8px 30px;
	font-size: 14px;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s;
}

.apply-button:hover {
	background-color: #095362;
}

/* Toggle switches */
.toggle-row {
	display: flex;
	justify-content: center;
	gap: 30px;
	padding: 10px 0;
	width: 100%;
	margin-bottom: 35px;
}

.toggle-item {
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #666;
}

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
	margin-left: 10px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .4s;
	border-radius: 34px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	transition: .4s;
	border-radius: 50%;
}

input:checked + .slider {
	background-color: #0c6473;
}

input:checked + .slider:before {
	transform: translateX(20px);
}

/* Product count and sorting */
.product-controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0;
	width: 100%;
}

.product-count {
	font-size: 14px;
	color: #666;
}

.sort-control {
	display: flex;
	align-items: center;
}

.sort-label {
	margin-right: 10px;
	font-size: 14px;
	color: #666;
}

.sort-select {
	border: none;
	background: transparent;
	font-size: 14px;
	padding-right: 15px;
	cursor: pointer;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%23555'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px;
}

/* Pagination */
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 70px 0 0 0;
	gap: 5px;
	width: 100%;
}

.pagination-item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 35px;
	height: 35px;
	padding: 0 10px;
	border-radius: 4px;
	color: #555;
	font-size: 14px;
	transition: all 0.2s;
	background-color: #f9f9f9;
	border: 1px solid #eee;
}

.pagination-item:hover {
	background-color: #f0f0f0;
	color: #333;
}

.pagination-item.active {
	background-color: #0c6473;
	color: white;
	border-color: #0c6473;
}

.pagination-item.prev,
.pagination-item.next {
	padding: 0 15px;
	gap: 8px;
}

.pagination-item.more {
	background-color: transparent;
	border-color: transparent;
}

/* Responsive */
@media (max-width: 768px) {
	.filter-row {
		overflow-x: auto;
		padding-bottom: 10px;
	}

	.filter-button {
		white-space: nowrap;
	}

	.product-grid {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	}

	.toggle-row {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 15px;
	}

	.toggle-item {
		width: calc(50% - 10px);
		justify-content: flex-start;
		font-size: 13px;
	}

	.switch {
		width: 25px;
		height: 16px;
		margin-left: 8px;
	}

	.slider:before {
		height: 12px;
		width: 12px;
		left: 2px;
		bottom: 2px;
	}

	input:checked + .slider:before {
		transform: translateX(8px);
	}

	.pagination {
		flex-wrap: wrap;
	}

	.pagination-item.prev,
	.pagination-item.next {
		order: 2;
		width: 45%;
		margin-top: 10px;
	}
}

/* Main container styles */
.sag_panel {
	top: 20px;
	right: 0;
	float: right;
	color: #2c3e50;
	border-radius: 5px;
	padding: 20px;
	margin: 0 20px 20px 0;
	background-color: #fff;
	box-shadow: 0 2px 15px rgba(0,0,0,0.08);
	width: 90%;
}

/* Product title */
.sag_panel .product-title {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #1a4e78;
	text-transform: uppercase;
}

/* Discount text */
.sag_panel .discount-text {
	text-align: center;
	color: #00b894;
	font-weight: bold;
	background: aliceblue;
	width: fit-content;
	border-radius: 10px;
	padding: 0 15px;
	margin: auto;
	font-size: 14px;
}

/* Price section */
.sag_panel .price-container {
	text-align: center;
	margin-bottom: 20px;
}

.sag_panel .old-price {
	text-decoration: line-through;
	color: #7f8c8d;
	font-size: 16px;
}

.sag_panel .current-price {
	font-size: 30px;
	font-weight: bold;
	color: #1a4e78;
	margin-left: 5px;
}

.sag_panel .price-suffix {
	color: #1a4e78;
}
.clearfix::after{
	display:block;
	clear:both;
	content:""
}



.d-none{
	display:none!important
}
.d-inline{
	display:inline!important
}
.d-inline-block{
	display:inline-block!important
}
.d-block{
	display:block!important
}
.d-table{
	display:table!important
}
.d-table-row{
	display:table-row!important
}
.d-table-cell{
	display:table-cell!important
}
.d-flex{
	display:-ms-flexbox!important;
	display:flex!important
}
.d-inline-flex{
	display:-ms-inline-flexbox!important;
	display:inline-flex!important
}
@media (min-width:576px){
	.d-sm-none{
		display:none!important
	}
	.d-sm-inline{
		display:inline!important
	}
	.d-sm-inline-block{
		display:inline-block!important
	}
	.d-sm-block{
		display:block!important
	}
	.d-sm-table{
		display:table!important
	}
	.d-sm-table-row{
		display:table-row!important
	}
	.d-sm-table-cell{
		display:table-cell!important
	}
	.d-sm-flex{
		display:-ms-flexbox!important;
		display:flex!important
	}
	.d-sm-inline-flex{
		display:-ms-inline-flexbox!important;
		display:inline-flex!important
	}
}
@media (min-width:768px){
	.d-md-none{
		display:none!important
	}
	.d-md-inline{
		display:inline!important
	}
	.d-md-inline-block{
		display:inline-block!important
	}
	.d-md-block{
		display:block!important
	}
	.d-md-table{
		display:table!important
	}
	.d-md-table-row{
		display:table-row!important
	}
	.d-md-table-cell{
		display:table-cell!important
	}
	.d-md-flex{
		display:-ms-flexbox!important;
		display:flex!important
	}
	.d-md-inline-flex{
		display:-ms-inline-flexbox!important;
		display:inline-flex!important
	}
}
@media (min-width:992px){
	.d-lg-none{
		display:none!important
	}
	.d-lg-inline{
		display:inline!important
	}
	.d-lg-inline-block{
		display:inline-block!important
	}
	.d-lg-block{
		display:block!important
	}
	.d-lg-table{
		display:table!important
	}
	.d-lg-table-row{
		display:table-row!important
	}
	.d-lg-table-cell{
		display:table-cell!important
	}
	.d-lg-flex{
		display:-ms-flexbox!important;
		display:flex!important
	}
	.d-lg-inline-flex{
		display:-ms-inline-flexbox!important;
		display:inline-flex!important
	}
}
@media (min-width:1200px){
	.d-xl-none{
		display:none!important
	}
	.d-xl-inline{
		display:inline!important
	}
	.d-xl-inline-block{
		display:inline-block!important
	}
	.d-xl-block{
		display:block!important
	}
	.d-xl-table{
		display:table!important
	}
	.d-xl-table-row{
		display:table-row!important
	}
	.d-xl-table-cell{
		display:table-cell!important
	}
	.d-xl-flex{
		display:-ms-flexbox!important;
		display:flex!important
	}
	.d-xl-inline-flex{
		display:-ms-inline-flexbox!important;
		display:inline-flex!important
	}
}
@media print{
	.d-print-none{
		display:none!important
	}
	.d-print-inline{
		display:inline!important
	}
	.d-print-inline-block{
		display:inline-block!important
	}
	.d-print-block{
		display:block!important
	}
	.d-print-table{
		display:table!important
	}
	.d-print-table-row{
		display:table-row!important
	}
	.d-print-table-cell{
		display:table-cell!important
	}
	.d-print-flex{
		display:-ms-flexbox!important;
		display:flex!important
	}
	.d-print-inline-flex{
		display:-ms-inline-flexbox!important;
		display:inline-flex!important
	}
}

/* Varyant Seçim Paneli */
.varyant_secim {
	margin: 0 auto;
	color: #444;
	background-color: #fff;
	border-radius: 10px;
}

/* Her bir varyant satırı */
.varyant_row {
	margin-bottom: 15px;
	align-items: center;
}

/* Varyant etiketleri */
.varyant_label {
	font-weight: 600;
	font-size: 17px;
	display: flex;
	align-items: center;
	width: 100%;
}

/* Bilgi ikonu */
.info_icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: #e0e0e0;
	border-radius: 50%;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	margin-left: 6px;
	color: #777;
	cursor: help;
}

/* Seçenekler bölümü */
/* Melamin Kartelası container */
.options_container {
	display: flex;
	flex-wrap: wrap; /* Allow items to wrap */
	gap: 10px;
	align-items: center;
}

/* Each color option */
.option {
	flex: 1 1 calc(19.666% - 10px); /* Base: 6 items per row */
	min-width: calc(19.666% - 10px); /* Minimum width for 6 per row */
	max-width: calc(49.333% - 10px); /* Maximum width (3 per row) */
	/* Keep your existing option styles */
	border: 3px solid #e0e0e0;
	border-radius: 8px;
	text-align: center;
	cursor: pointer;
	position: relative;
	transition: all 0.3s ease;
	background-color: #fff;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 20px;
	padding: 7px 0;
	margin-bottom: 10px;
}

/* For smaller screens, adjust to fewer items per row */
@media (max-width: 768px) {
	.option {
		flex: 0 0 calc(33.333% - 10px); /* 3 items per row on tablets */
	}
}

@media (max-width: 480px) {
	.option {
		flex: 0 0 calc(25% - 8px); /* 2 items per row on mobile */
	}

	.option_label {
		font-size: 11px !important;
	}

	.degistir-container .tooltip {
		display: none !important;
	}
}

/* Seçili olmayan seçenek hover efekti */
.option:not(.selected):hover {
	border-color: #7ca3c4;
	box-shadow: 0 2px 8px rgba(77, 171, 247, 0.2);
	transform: translateY(-2px);
}

/* Seçili seçenek */
.option.selected {
	border-color: #7ca3c4;
	box-shadow: 0 2px 12px rgba(77, 171, 247, 0.25);
	transform: translateY(-2px);
}

/* Seçili işareti (tik) */
.selected .check_mark {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 22px;
	height: 18px;
	background-color: #7ca3c4;
	border-top-left-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.selected .check_mark:before {
	content: "";
	width: 8px;
	height: 12px;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	transform: rotate(45deg) translate(-1px, -1px);
}

/* Yatay/Dikey A ikonu içeriği */
.icon_container {
	margin: 0 auto 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon_container img {
	width: 50px;
	height: 50px;
	border-radius: 50px;
}

.var_yaz_fiyat {
	font-size: 11px;
}

/* Seçenek etiketi */
.option_label {
	font-size: 13px;
	color: #444;
}

.varyant_secim select {
	float: none;
	width: 100%;
	border: 3px solid #e0e0e0;
	border-radius: 10px;
	padding: 10px;
	appearance: none; /* Remove default arrow in modern browsers */
	-webkit-appearance: none; /* For Safari */
	-moz-appearance: none; /* For Firefox */
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px;
	padding-right: 30px; /* Make room for the icon */
}

/* Hide the default arrow in IE10+ */
.varyant_secim select::-ms-expand {
	display: none;
}

.varyant_secim input[type="checkbox"], input[type="radio"] {
	line-height: 24px;
	margin-right: 2px !important;
}

/* Edit butonu */
.edit_button {
	cursor: pointer;
	margin-left: 10px;
	border: none;
	background: none;
	color: #666;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

/* Readonly seçenek (değiştirilemez) */
.readonly_input {
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 15px;
	width: 100%;
	background-color: #f9f9f9;
	color: #444;
	font-size: 14px;
	text-align: left;
	position: relative;
}

/* Toggle switch */
.toggle_container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.toggle_label {
	font-size: 14px;
	margin-right: 10px;
	color: #555;
}

.toggle_switch {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 24px;
}

.toggle_switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle_slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #e0e0e0;
	transition: .4s;
	border-radius: 24px;
}

.toggle_slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	transition: .3s;
	border-radius: 50%;
}

input:checked + .toggle_slider {
	background-color: #4dabf7;
}

input:checked + .toggle_slider:before {
	transform: translateX(24px);
}

/* Sepete Ekle Buton Stilleri */
.add-to-cart-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 28px;
	background: linear-gradient(135deg, #4dabf7 0%, #0c63e4 100%);
	color: white;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 16px;
	font-weight: 600;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(13, 110, 253, 0.25);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	width: 100%;
}

.add-to-cart-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(13, 110, 253, 0.35);
	background: linear-gradient(135deg, #5cb4f9 0%, #0d6cf0 100%);
}

.add-to-cart-btn:active {
	transform: translateY(1px);
	box-shadow: 0 2px 8px rgba(13, 110, 253, 0.2);
}

.add-to-cart-btn .icon {
	margin-right: 12px;
	font-size: 20px;
	transition: transform 0.3s ease;
}

.add-to-cart-btn:hover .icon {
	transform: scale(1.2);
}

/* Ripple efekti */
.add-to-cart-btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 5px;
	background: rgba(255, 255, 255, 0.5);
	opacity: 0;
	border-radius: 100%;
	transform: scale(1, 1) translate(-50%);
	transform-origin: 50% 50%;
}

@keyframes ripple {
	0% {
		transform: scale(0, 0);
		opacity: 0.5;
	}
	100% {
		transform: scale(200, 200);
		opacity: 0;
	}
}

.add-to-cart-btn:focus:not(:active)::after {
	animation: ripple 1s ease-out;
}

/* Alternatif stil - yuvarlak köşeler */
.add-to-cart-btn.rounded {
	border-radius: 30px;
}

/* Alternatif stil - daha küçük buton */
.add-to-cart-btn.small {
	padding: 10px 20px;
	font-size: 14px;
}

/* Alternatif stil - yeşil renk */
.add-to-cart-btn.green {
	background: linear-gradient(135deg, #40c057 0%, #2b8a3e 100%);
	box-shadow: 0 4px 12px rgba(64, 192, 87, 0.25);
}

.add-to-cart-btn.green:hover {
	background: linear-gradient(135deg, #51cf66 0%, #2f9e44 100%);
	box-shadow: 0 6px 16px rgba(64, 192, 87, 0.35);
}

/* Alternatif stil - turuncu renk */
.add-to-cart-btn.orange {
	background: linear-gradient(135deg, #fd7e14 0%, #e67700 100%);
	box-shadow: 0 4px 12px rgba(253, 126, 20, 0.25);
}

.add-to-cart-btn.orange:hover {
	background: linear-gradient(135deg, #ff922b 0%, #f76707 100%);
	box-shadow: 0 6px 16px rgba(253, 126, 20, 0.35);
}

/* Yükleniyor durumu */
.add-to-cart-btn.loading {
	pointer-events: none;
	opacity: 0.9;
}

.add-to-cart-btn.loading .icon {
	animation: spin 1.5s linear infinite;
}

/* 4. Çerçeveli Buton */
.add-to-cart-btn.outlined {
	background: transparent;
	color: #E74C3C;
	border: 2px solid #E74C3C;
	box-shadow: none;
	border-radius: 12px;
	padding: 12px 24px;
	font-weight: 600;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.add-to-cart-btn.outlined::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(231, 76, 60, 0.4), transparent);
	transition: left 0.5s ease;
}

.add-to-cart-btn.outlined:hover {
	background: rgba(231, 76, 60, 0.1);
	box-shadow: 0 4px 15px rgba(231, 76, 60, 0.2);
	transform: translateY(-2px);
	border-color: #C0392B;
	color: #C0392B;
}

.add-to-cart-btn.outlined:hover::before {
	left: 100%;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes pulse-red {
	0%, 100% { box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.7); }
	50% { box-shadow: 0 0 0 10px rgba(231, 76, 60, 0); }
}

/* Buton metni ile birlikte kullanım için konteyner */
.cart-btn-container {
	text-align: center;
	position: relative;
}

/* Add to cart button */
.sag_panel .add-to-cart {
	background: linear-gradient(135deg, #E74C3C, #C0392B);
	color: white;
	border: none;
	border-radius: 16px;
	padding: 18px 20px;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	box-shadow: 0 8px 25px rgba(231, 76, 60, 0.3);
	position: relative;
	overflow: hidden;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.sag_panel .add-to-cart::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: left 0.6s ease;
}

.sag_panel .add-to-cart:hover {
	background: linear-gradient(135deg, #CB4335, #A93226);
	transform: translateY(-3px);
	box-shadow: 0 12px 35px rgba(231, 76, 60, 0.4);
	animation: pulse-red 2s infinite;
}

.sag_panel .add-to-cart:hover::before {
	left: 100%;
}

.sag_panel .add-to-cart:active {
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(231, 76, 60, 0.3);
}

.sag_panel .cart-icon {
	margin-right: 12px;
	font-size: 20px;
	transition: transform 0.3s ease;
}

.sag_panel .add-to-cart:hover .cart-icon {
	transform: scale(1.1) rotate(5deg);
}

/* Features section */
.sag_panel .features {
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	flex-wrap: wrap;
	gap: 15px;
}

.sag_panel .feature {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #8B2635;
	font-weight: bold;
	padding: 8px 12px;
	background: rgba(231, 76, 60, 0.05);
	border-radius: 20px;
	transition: all 0.3s ease;
	border: 1px solid rgba(231, 76, 60, 0.1);
}

.sag_panel .feature:hover {
	background: rgba(231, 76, 60, 0.1);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(231, 76, 60, 0.15);
}

.sag_panel .feature-icon {
	margin-right: 8px;
	color: #E74C3C;
	font-size: 16px;
	transition: transform 0.3s ease;
}

.sag_panel .feature:hover .feature-icon {
	transform: scale(1.2);
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
	.sag_panel .features {
		flex-direction: column;
		align-items: center;
	}

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

	.sag_panel .add-to-cart {
		padding: 16px 18px;
		font-size: 15px;
	}
}

/* Özel hover efektleri */
.add-to-cart-btn.outlined.shimmer {
	position: relative;
	overflow: hidden;
}

.add-to-cart-btn.outlined.shimmer::after {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(231, 76, 60, 0.3), transparent);
	animation: shimmer 2s infinite;
}

@keyframes shimmer {
	0% { left: -100%; }
	100% { left: 100%; }
}

/* Sticky özelliği için gerekli olan stil - sticky özelliğinin çalışması için bir parent element gerekiyor */
main, body {
	overflow: auto;
	position: relative;
}

.sol_panel * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.sol_panel {
	color: #333;
	margin: 0 auto;
	width: 100%;
}

.sol_panel .sol_panel_product-container {
	background-color: white;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	margin-bottom: 30px;
}

.sol_panel .sol_panel_features {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	flex-wrap: wrap;
}

.sol_panel .sol_panel_feature {
	flex: 1;
	min-width: 160px;
	text-align: center;
	padding: 15px;
	transition: transform 0.3s ease;
}

.sol_panel .sol_panel_feature:hover {
	transform: translateY(-5px);
}

.sol_panel .sol_panel_feature-icon {
	background-color: #f0f5f9;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px auto;
}

.sol_panel .sol_panel_feature-icon svg {
	width: 35px;
	height: 35px;
	fill: #1e3a8a;
}

.sol_panel .sol_panel_feature-title {
	font-size: 14px;
	font-weight: 600;
	color: #1e3a8a;
	margin-top: 10px;
}

.sol_panel .sol_panel_section-title {
	padding: 15px 20px;
	background-color: #8894b5;
	color: white;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.sol_panel .sol_panel_specs-table {
	width: 100%;
	border-collapse: collapse;
}

.sol_panel .sol_panel_specs-table tr:not(:last-child) {
	border-bottom: 1px solid #eee;
}

.sol_panel .sol_panel_specs-table td {
	padding: 15px 20px;
}

.sol_panel .sol_panel_specs-table td:first-child {
	font-weight: 600;
	width: 30%;
}

.sol_panel .sol_panel_specs-table td:last-child {
	color: #555;
}

.sol_panel .sol_panel_dimensions {
	display: flex;
	flex-wrap: wrap;
}

.sol_panel .sol_panel_dimension {
	flex: 1;
	min-width: 150px;
	text-align: center;
	padding: 20px;
	border-right: 1px solid #eee;
}

.sol_panel .sol_panel_dimension:last-child {
	border-right: none;
}

.sol_panel .sol_panel_dimension-value {
	font-size: 24px;
	font-weight: 700;
	color: #1e3a8a;
	margin: 10px 0;
}

.sol_panel .sol_panel_dimension-label {
	font-size: 14px;
	color: #777;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.sol_panel .sol_panel_product-name {
	padding: 20px;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	border-bottom: 1px solid #eee;
}

@media (max-width: 768px) {

	.sol_panel .sol_panel_feature {
		padding: 15px 0;
	}

	.sol_panel .sol_panel_dimension {
		min-width: 50%;
		border-bottom: 1px solid #eee;
		border-right: none;
	}

	.sag_panel {
		padding: 10px;
		margin: 0 20px 20px 0;
		width: 100%;
		float: none;
	}

	.sag_panel .product-title {
		font-size: 17px;
	}

	.sag_panel .current-price {
		font-size: 20px;
		font-weight: bold;
		color: #1a4e78;
		margin-left: 5px;
	}

	.sag_panel .price-container {
		margin-top: 10px !important;
	}
}

.bg-gray {
	background-color: #FFFAE5 !important;
}
a.bg-gray:focus,
a.bg-gray:hover,
button.bg-gray:focus,
button.bg-gray:hover {
	background-color: #FFFAE5 !important;
}

.yuvarlak {
	transition: .3s;
	width: 29px;
	height: 29px;
	color: #0c3b5d;
	text-align: center;
	border: 1px solid #0c3b5d;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.kare {
	transition: .3s;
	color: #0c3b5d;
	text-align: center;
	border: 1px solid #0c3b5d;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 0 3px 0 3px;
}

.font-size-16 {
	font-size: 1rem !important;
}

.closes {
	background: url(../images/closeBtn.svg) no-repeat center;
	width: 16px;
	height: 16px;
}

.flex-column {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

.text-lowercase {
	text-transform: lowercase !important;
}

.text-lowercase{
	text-transform:lowercase!important
}
.text-uppercase{
	text-transform:uppercase!important
}
.text-capitalize{
	text-transform:capitalize!important
}
.font-weight-light{
	font-weight:300!important
}
.font-weight-lighter{
	font-weight:lighter!important
}
.font-weight-normal{
	font-weight:400!important
}
.font-weight-bold{
	font-weight:700!important
}
.font-weight-bolder{
	font-weight:bolder!important
}
.font-italic{
	font-style:italic!important
}
.text-white{
	color:#fff!important
}
.text-primary{
	color:#007bff!important
}
a.text-primary:focus,a.text-primary:hover{
	color:#0056b3!important
}
.text-secondary{
	color:#6c757d!important
}
a.text-secondary:focus,a.text-secondary:hover{
	color:#494f54!important
}
.text-success{
	color:#28a745!important
}
a.text-success:focus,a.text-success:hover{
	color:#19692c!important
}
.text-info{
	color:#17a2b8!important
}
a.text-info:focus,a.text-info:hover{
	color:#0f6674!important
}
.text-warning{
	color:#ffc107!important
}
a.text-warning:focus,a.text-warning:hover{
	color:#ba8b00!important
}
.text-danger{
	color:#dc3545!important
}
a.text-danger:focus,a.text-danger:hover{
	color:#a71d2a!important
}
.text-light{
	color:#f8f9fa!important
}
a.text-light:focus,a.text-light:hover{
	color:#cbd3da!important
}
.text-dark{
	color:#343a40!important
}
a.text-dark:focus,a.text-dark:hover{
	color:#121416!important
}
.text-body{
	color:#212529!important
}
.text-muted{
	color:#6c757d!important
}
.text-black-50{
	color:rgba(0,0,0,.5)!important
}
.text-white-50{
	color:rgba(255,255,255,.5)!important
}
.text-hide{
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0
}
.text-decoration-none{
	text-decoration:none!important
}
.text-break{
	word-break:break-word!important;
	overflow-wrap:break-word!important
}
.text-reset{
	color:inherit!important
}


/* Temel Alert Tasarımı */
.alert {
	padding: 15px;
	border-radius: 6px;
	position: relative;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
}

.alert:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.alert-icon {
	margin-right: 15px;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.alert-content {
	flex-grow: 1;
}

.alert-title {
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 16px;
}

.alert-message {
	margin: 0;
	font-size: 14px;
}

.alert-close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 0.2s ease;
}

.alert-close:hover {
	opacity: 1;
}

/* Alert Türleri */

/* 1. Tehlike Uyarısı */
.alert-danger {
	background-color: #fff5f5;
	border-left: 5px solid #f56565;
	color: #c53030;
}

/* 2. Başarı Uyarısı */
.alert-success {
	background-color: #f0fff4;
	border-left: 5px solid #48bb78;
	color: #2f855a;
}

/* 3. Bilgi Uyarısı */
.alert-info {
	background-color: #ebf8ff;
	border-left: 5px solid #4299e1;
	color: #2b6cb0;
}

/* 4. Uyarı Bildirimi */
.alert-warning {
	background-color: #fffaf0;
	border-left: 5px solid #ed8936;
	color: #c05621;
}

/* 5. Modern Yuvarlak Tasarım */
.alert-modern {
	background-color: #f8f9fa;
	border-radius: 50px;
	border: none;
	color: #343a40;
	padding: 15px 25px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.alert-modern.alert-danger {
	background: linear-gradient(to right, #ffebee, #ffcdd2);
	color: #b71c1c;
	border: none;
}

/* 6. Köşeli Tasarım */
.alert-square {
	border-radius: 0;
	border: none;
	border-bottom: 3px solid;
	box-shadow: none;
}

.alert-square.alert-info {
	background-color: #e3f2fd;
	border-bottom-color: #2196f3;
	color: #0d47a1;
}

/* 7. Gölgeli Tasarım */
.alert-shadow {
	border: none;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.alert-shadow.alert-success {
	background: linear-gradient(to right bottom, #f0fff4, #c6f6d5);
	color: #276749;
}

/* 8. Animasyonlu Tasarım */
.alert-animated {
	border-radius: 10px;
	animation: pulse 2s infinite;
}

.alert-animated.alert-warning {
	background-color: #fff3cd;
	border: 1px solid #ffecb5;
	color: #856404;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(237, 137, 54, 0.4);
	}
	70% {
		box-shadow: 0 0 0 10px rgba(237, 137, 54, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(237, 137, 54, 0);
	}
}

/* 9. Şeffaf Tasarım */
.alert-transparent {
	background-color: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(5px);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.alert-transparent.alert-danger {
	background-color: rgba(245, 101, 101, 0.1);
	border: 1px solid rgba(245, 101, 101, 0.5);
	color: #c53030;
}


/* Mevcut CSS kodları korundu, sonuna mobil uyumlu düzenlemeler eklendi */

:root {
	--primary-color: #3f51b5;
	--primary-light: #54549b;
	--primary-dark: #002984;
	--secondary-color: #455a64;
	--light-bg: #f9fafc;
	--border-color: #edf2f7;
	--success-color: #4caf50;
	--danger-color: #f44336;
	--gray-100: #f7fafc;
	--gray-200: #edf2f7;
	--gray-300: #e2e8f0;
	--gray-400: #cbd5e0;
	--gray-500: #a0aec0;
	--gray-600: #718096;
	--gray-700: #4a5568;
	--gray-800: #2d3748;
	--text-primary: #2d3748;
	--text-secondary: #4a5568;
	--text-muted: #718096;
	--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.cart-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
	position: relative;
}

.cart-header:after {
	content: '';
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	height: 1px;
	background-image: linear-gradient(to right, transparent, var(--primary-light), transparent);
}

.cart-title {
	font-size: 32px;
	font-weight: 600;
	color: var(--primary-dark);
	letter-spacing: -0.5px;
}

.cart-item-count {
	background-color: var(--primary-color);
	color: white;
	padding: 6px 15px;
	border-radius: 30px;
	font-weight: 500;
	font-size: 14px;
	box-shadow: 0 4px 10px rgba(63, 81, 181, 0.2);
	transition: all 0.3s;
}

.cart-item-count:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 15px rgba(63, 81, 181, 0.3);
}

.cart-empty {
	text-align: center;
	padding: 80px 0;
	background-color: white;
	border-radius: 16px;
	box-shadow: var(--shadow-md);
	margin: 20px 0;
}

.cart-empty i {
	font-size: 80px;
	color: var(--gray-300);
	margin-bottom: 30px;
	display: block;
}

.cart-empty p {
	font-size: 20px;
	color: var(--gray-600);
	margin-bottom: 30px;
	font-weight: 300;
}

.cart-empty a {
	display: inline-block;
	background-image: linear-gradient(135deg, var(--primary-color), var(--primary-light));
	color: white;
	padding: 12px 30px;
	border-radius: 30px;
	text-decoration: none;
	font-weight: 500;
	transition: all 0.3s;
	box-shadow: 0 4px 15px rgba(63, 81, 181, 0.3);
	letter-spacing: 0.5px;
}

.cart-empty a:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(63, 81, 181, 0.4);
}

.cart-items {
	margin-bottom: 40px;
}

.cart-item {
	display: flex;
	background-color: white;
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 25px;
	box-shadow: var(--shadow);
	transition: all 0.4s;
	position: relative;
	border: 1px solid var(--gray-200);
}

.cart-item:hover {
	box-shadow: var(--shadow-lg);
	transform: translateY(-5px);
	border-color: var(--gray-300);
}

.cart-item-image {
	flex: 0 0 180px;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	background-position: center;
}

.cart-item-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(45deg, rgba(204, 207, 221, 0.2), transparent);
	z-index: 1;
}

.cart-item-content {
	flex: 1;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

.cart-item-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.cart-item-info {
	flex: 1;
}

.cart-item-name {
	font-size: 19px;
	font-weight: 600;
	margin-bottom: 15px;
	color: var(--text-primary);
	letter-spacing: -0.3px;
	position: relative;
	display: inline-block;
	width: 90%;
	line-height: 25px;
}

.cart-item-name::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 40px;
	height: 3px;
	background-color: var(--primary-light);
	border-radius: 2px;
}

.cart-item-variant {
	font-size: 14px;
	color: var(--text-muted);
	margin-bottom: 5px;
	line-height: 2.2;
}

.cart-item-variant > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
}

.cart-item-variant span {
	font-weight: 500;
	color: var(--text-secondary);
	background-color: var(--gray-100);
	padding: 2px 8px;
	border-radius: 20px;
	font-size: 13px;
	margin-left: 5px;
	border: 1px solid var(--gray-200);
	display: inline-flex;
}

.cart-item-variant span img {
	width: 25px;
	height: 25px;
	border-radius: 50px;
	margin-right: 7px;
}

.cart-item-price {
	text-align: right;
	flex: 0 0 260px;
	background-color: var(--gray-100);
	padding: 15px;
	border-radius: 12px;
	border: 1px solid var(--gray-200);
	position: relative;
	overflow: hidden;
	box-shadow: var(--shadow-sm);
	height: fit-content;
}

.cart-item-price::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background-color: var(--primary-light);
}

.cart-item-unit-price {
	font-size: 14px;
	color: var(--text-muted);
	margin-bottom: 8px;
	font-weight: 300;
}

.cart-item-total {
	font-size: 25px;
	font-weight: 600;
	color: var(--primary-dark);
	letter-spacing: -0.5px;
}

.cart-item-quantity {
	display: flex;
	align-items: center;
	margin-top: 15px;
	background-color: var(--gray-100);
	border-radius: 30px;
	padding: 5px;
	width: fit-content;
	border: 1px solid var(--gray-200);
	box-shadow: var(--shadow-sm);
}

.quantity-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: none;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 18px;
	cursor: pointer;
	transition: all 0.3s;
	color: var(--primary-color);
	box-shadow: var(--shadow-sm);
}

.quantity-btn:hover {
	background-color: var(--primary-color);
	color: white;
	box-shadow: 0 4px 8px rgba(63, 81, 181, 0.3);
}

.quantity-input {
	width: 50px;
	height: 36px;
	border: none;
	background: transparent;
	text-align: center;
	margin: 0 10px;
	font-size: 16px;
	font-weight: 500;
	color: var(--text-primary);
}

.cart-item-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}

.action-btn {
	background: none;
	border: none;
	font-size: 14px;
	color: var(--text-muted);
	cursor: pointer;
	padding: 8px 12px;
	margin-left: 15px;
	transition: all 0.3s;
	border-radius: 20px;
}

.action-btn:hover {
	color: var(--danger-color);
	background-color: rgba(244, 67, 54, 0.1);
}

.action-btn i {
	margin-right: 5px;
}

.cart-parts {
	background-color: var(--gray-100);
	padding: 20px;
	border-radius: 12px;
	margin-top: 20px;
	box-shadow: var(--shadow-sm);
	border: 1px solid var(--gray-200);
	position: relative;
	overflow: hidden;
}

.cart-parts::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background-color: var(--primary-light);
}

.cart-parts-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
	color: var(--text-primary);
	position: relative;
	display: inline-block;
}

.cart-parts-title::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: var(--primary-light);
	border-radius: 2px;
}

.cart-part-item {
	display: flex;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px dashed var(--gray-300);
	transition: all 0.3s;
}

.cart-part-item:hover {
	background-color: rgba(255, 255, 255, 0.7);
}

.cart-part-item:last-child {
	border-bottom: none;
}

.cart-part-image {
	width: 50px;
	height: 50px;
	border-radius: 8px;
	background-size: cover;
	background-position: center;
	margin-right: 15px;
	box-shadow: var(--shadow-sm);
	border: 1px solid var(--gray-200);
	transition: all 0.3s;
}

.cart-part-item:hover .cart-part-image {
	transform: scale(1.05);
}

.cart-part-name {
	flex: 1;
	font-size: 15px;
	font-weight: 500;
	color: var(--text-secondary);
}

.cart-part-quantity {
	font-size: 14px;
	color: var(--text-muted);
	margin: 0 20px;
	background-color: var(--gray-200);
	padding: 2px 10px;
	border-radius: 20px;
	font-weight: 500;
}

.cart-part-price {
	font-size: 15px;
	font-weight: 600;
	color: var(--primary-dark);
}

.cart-summary {
	background-color: white;
	border-radius: 16px;
	padding: 30px;
	box-shadow: var(--shadow-md);
	border: 1px solid var(--gray-200);
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.cart-summary::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background-image: linear-gradient(to right, var(--primary-color), var(--primary-light));
}

.summary-row {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	border-bottom: 1px solid var(--gray-200);
}

.summary-row:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.summary-label {
	font-size: 16px;
	color: var(--text-secondary);
}

.summary-value {
	font-size: 16px;
	font-weight: 600;
	color: var(--text-primary);
}

.summary-total-row {
	border-top: 2px dashed var(--gray-300);
	background: linear-gradient(to right, transparent, var(--gray-100));
	border-radius: 0 0 10px 10px;
	padding: 20px 15px;
	margin: 25px -15px -15px;
}

.summary-total-label {
	font-size: 20px;
	font-weight: 600;
	color: var(--primary-dark);
}

.summary-total-value {
	font-size: 28px;
	font-weight: 700;
	color: var(--primary-color);
	letter-spacing: -0.5px;
}

.cart-actions {
	display: flex;
	margin-top: 35px;
	justify-content: space-between;
	align-items: center;
}

.continue-shopping {
	display: flex;
	align-items: center;
	color: var(--text-secondary);
	text-decoration: none;
	font-weight: 500;
	transition: all 0.3s;
	padding: 10px 16px;
	border-radius: 30px;
	background-color: white;
	border: 1px solid var(--gray-300);
	box-shadow: var(--shadow-sm);
}

.continue-shopping i {
	margin-right: 8px;
}

.continue-shopping:hover {
	color: var(--primary-color);
	box-shadow: var(--shadow);
	transform: translateY(-2px);
	border-color: var(--gray-400);
}

.checkout-btn {
	background-image: linear-gradient(135deg, var(--success-color), #81c784);
	color: white;
	border: none;
	padding: 14px 35px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 30px;
	cursor: pointer;
	transition: all 0.3s;
	box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
	letter-spacing: 0.5px;
	display: flex;
	align-items: center;
}

.checkout-btn i {
	margin-left: 8px;
	transition: transform 0.3s;
}

.checkout-btn:hover {
	box-shadow: 0 8px 20px rgba(76, 175, 80, 0.4);
	transform: translateY(-3px);
}

.checkout-btn:hover i {
	transform: translateX(5px);
}

.cart-layout {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 40px;
}


.tooltip-container {
	position: relative;
	display: inline-block;
	margin-left: 5px;
}

.tooltip-icon {
	width: 18px;
	height: 18px;
	background-color: var(--primary-light);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

.tooltip {
	position: absolute;
	top: 25px;
	left: -120px;
	width: 250px;
	padding: 10px 15px;
	background-color: white;
	border-radius: 8px;
	box-shadow: var(--shadow-md);
	z-index: 10;
	color: var(--text-secondary);
	font-size: 13px;
	border: 1px solid var(--gray-200);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}

.tooltip::before {
	content: '';
	position: absolute;
	top: -8px;
	left: 125px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
}

.tooltip-container:hover .tooltip {
	opacity: 1;
	visibility: visible;
}


/* Tooltip improvements */
.info-tooltip {
	position: relative;
	display: inline-block;
}

.info-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background-color: #44adee;
	border-radius: 50%;
	color: white;
	font-size: 12px;
	font-weight: bold;
	margin-left: 8px;
	cursor: help;
}

.tooltip-content {
	position: absolute;
	width: 250px;
	padding: 15px;
	background-color: white;
	border-radius: 8px;
	box-shadow: var(--shadow-md);
	border: 1px solid var(--gray-200);
	z-index: 100;
	color: var(--text-secondary);
	font-size: 14px;
	line-height: 1.5;
	right: -125px;
	top: 30px;
	display: none;
}

.info-tooltip:hover .tooltip-content {
	display: block;
}

.tooltip-content::before {
	content: '';
	position: absolute;
	top: -8px;
	left: 125px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
}

.custom-tooltip {
	background-color: #e1f5fe;
	border-radius: 8px;
	padding: 12px;
	border: 1px solid #b3e5fc;
	position: relative;
	margin-top: 15px;
	max-width: 300px;
}

.custom-tooltip:before {
	content: '';
	position: absolute;
	top: -8px;
	left: 20px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #b3e5fc;
}

.custom-tooltip:after {
	content: '';
	position: absolute;
	top: -7px;
	left: 20px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #e1f5fe;
}

/* RESPONSIVE TASARIM - MOBİL UYUMLULUK */
/* Viewport meta etiketi ekleyin */
/* <meta name="viewport" content="width=device-width, initial-scale=1.0"> */

/* Mobil cihazlarda ana düzen ayarlamaları */
@media screen and (max-width: 991px) {
	.cart-layout {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.cart-title {
		font-size: 28px;
	}

	.cart-item-count {
		padding: 5px 12px;
		font-size: 13px;
	}

	.checkout-btn {
		padding: 12px 25px;
		font-size: 15px;
	}
}

/* Tablet boyutları için ayarlamalar */
@media screen and (max-width: 768px) {
	.cart-item {
		flex-direction: column;
	}

	.cart-item-image {
		flex: 0 0 200px;
		height: 200px;
		width: 100%;
	}

	.cart-item-content {
		padding: 20px;
	}

	.cart-item-top {
		flex-direction: column;
	}

	.cart-item-price {
		flex: 1;
		width: 100%;
		margin-top: 15px;
		text-align: left;
	}

	.cart-actions {
		flex-direction: column;
		gap: 15px;
	}

	.checkout-btn, .continue-shopping {
		width: 100%;
		justify-content: center;
	}

	.cart-empty {
		padding: 50px 20px;
	}

	.cart-empty i {
		font-size: 60px;
	}

	.cart-empty p {
		font-size: 18px;
	}
}

/* Mobil telefonlar için ek ayarlamalar */
@media screen and (max-width: 576px) {
	.cart-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		margin-bottom: 30px;
	}

	.cart-title {
		font-size: 24px;
	}

	.cart-item-name {
		font-size: 17px;
		width: 100%;
	}

	.cart-item-actions {
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 10px;
	}

	.action-btn {
		margin-left: 0;
		margin-right: 10px;
	}

	.cart-summary {
		padding: 20px;
	}

	.summary-total-value {
		font-size: 24px;
	}

	.summary-total-label {
		font-size: 18px;
	}

	.cart-part-item {
		flex-wrap: wrap;
	}

	.cart-part-quantity, .cart-part-price {
		margin-top: 8px;
		margin-left: 65px;
	}

	.tooltip {
		left: -50px;
		width: 200px;
	}

	.tooltip::before {
		left: 60px;
	}

	.tooltip-content {
		width: 200px;
		right: -100px;
	}

	.tooltip-content::before {
		left: 100px;
	}

}

/* Küçük mobil cihazlar için ayarlamalar */
@media screen and (max-width: 375px) {
	.cart-title {
		font-size: 22px;
	}

	.cart-item-content {
		padding: 15px;
	}

	.quantity-btn {
		width: 32px;
		height: 32px;
		font-size: 16px;
	}

	.quantity-input {
		width: 40px;
		font-size: 14px;
	}

	.cart-parts {
		padding: 15px;
	}

	.checkout-btn {
		padding: 12px 20px;
		font-size: 14px;
	}
}


.checkout-progress {
	margin-bottom: 50px;
}

.progress-steps {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 0 auto;
	max-width: 600px;
}

.progress-line {
	position: absolute;
	top: 25px;
	left: 15%;
	right: 15%;
	height: 3px;
	background-color: var(--border-color);
	z-index: 0;
}

.step {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 1;
}

.step-circle {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #fff;
	border: 3px solid var(--border-color);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 12px;
	font-weight: 600;
	font-size: 18px;
	color: var(--secondary-color);
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.step.active .step-circle {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: white;
	transform: scale(1.1);
	box-shadow: 0 8px 16px rgba(58, 109, 240, 0.3);
}

.step-title {
	font-size: 15px;
	font-weight: 500;
	color: var(--secondary-color);
	margin-bottom: 5px;
	transition: color 0.3s ease;
}

.step.active .step-title {
	color: var(--primary-color);
	font-weight: 600;
}

.step-subtitle {
	font-size: 13px;
	color: #718096;
	text-align: center;
	max-width: 120px;
}

.login-container {
	display: flex;
	margin: 0 auto;
	box-shadow: 0 10px 30px rgba(231, 76, 60, 0.15);
	border-radius: 12px;
	overflow: hidden;
}

.login-sidebar {
	flex: 0 0 40%;
	background: linear-gradient(135deg, #E74C3C 0%, #C0392B 100%);
	padding: 40px;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.sidebar-title {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.3;
}

.sidebar-text {
	margin-bottom: 30px;
	opacity: 0.9;
	line-height: 1.7;
}

.benefits {
	margin-bottom: 40px;
}

.benefit {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.benefit i {
	margin-right: 12px;
	font-size: 20px;
	color: rgba(255, 255, 255, 0.9);
}

.sidebar-footer {
	margin-top: auto;
	font-size: 14px;
	opacity: 0.8;
}

.login-form-container {
	flex: 0 0 60%;
	background-color: white;
	padding: 50px;
}

.login-title {
	font-size: 24px;
	font-weight: 600;
	color: #1e2a39;
	margin-bottom: 30px;
	text-align: center;
}

.login-subtitle {
	text-align: center;
	color: #6b7280;
	margin-bottom: 30px;
}

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

.form-group label {
	display: block;
	margin-bottom: 10px;
	font-weight: 500;
	color: #4a5568;
}

.input-icon-wrapper {
	position: relative;
}

.input-icon-wrapper i {
	z-index: 2;
}

.input-icon {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #a0aec0;
}

.form-input {
	width: 100%;
	padding: 15px 15px 15px 45px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	font-size: 16px;
	background-color: #f9fafc;
	transition: all 0.3s ease;
	float: none;
}

.form-input:focus {
	outline: none;
	border-color: #E74C3C;
	background-color: white;
	box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.15);
}

.form-action {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}

.remember-me {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.remember-me input {
	margin-right: 8px;
}

.forgot-password {
	color: #E74C3C;
	text-decoration: none;
	font-weight: 500;
	transition: color 0.2s;
}

.forgot-password:hover {
	color: #C0392B;
	text-decoration: underline;
}

.btn {
	display: inline-block;
	padding: 14px 25px;
	background-color: #E74C3C;
	color: white;
	border: none;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.3s ease;
	text-align: center;
	box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
}

.btn:hover {
	background-color: #C0392B;
	transform: translateY(-2px);
	box-shadow: 0 8px 16px rgba(231, 76, 60, 0.4);
}

.btn:active {
	transform: translateY(0);
	box-shadow: 0 4px 8px rgba(231, 76, 60, 0.4);
}

.btn-block {
	display: block;
	width: 100%;
}

.btn-outline {
	background-color: transparent;
	border: 2px solid #E74C3C;
	color: #E74C3C;
	box-shadow: none;
}

.btn-outline:hover {
	background-color: #E74C3C;
	color: white;
	box-shadow: 0 4px 12px rgba(231, 76, 60, 0.15);
}

.divider {
	display: flex;
	align-items: center;
	color: #a0aec0;
	margin: 25px 0;
}

.divider:before,
.divider:after {
	content: "";
	flex: 1;
	border-bottom: 1px solid #e2e8f0;
}

.divider:before {
	margin-right: 15px;
}

.divider:after {
	margin-left: 15px;
}

.social-logins {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-bottom: 30px;
}

.facebook { color: #1877F2; }
.google { color: #DB4437; }
.apple { color: #000000; }

.register-link {
	margin-top: 25px;
	text-align: center;
	color: #6b7280;
	font-size: 18px;
}

.register-link a {
	color: #E74C3C;
	text-decoration: none;
	font-weight: 600;
	transition: color 0.2s;
}

.register-link a:hover {
	color: #C0392B;
	text-decoration: underline;
}

.guest-login {
	margin-top: 15px;
	text-align: center;
}

/* Responsive styling */
@media (max-width: 992px) {
	.login-container {
		flex-direction: column;
		max-width: 600px;
	}

	.login-sidebar, .login-form-container {
		flex: 0 0 100%;
	}

	.login-sidebar {
		padding: 30px;
	}
}

@media (max-width: 576px) {
	.progress-steps {
		flex-wrap: wrap;
	}

	.step {
		flex: 0 0 50%;
		margin-bottom: 20px;
	}

	.login-form-container {
		padding: 30px 20px;
	}

	.social-logins {
		flex-wrap: wrap;
	}
}

/* Loader ve Toast için ek stiller */
.ajax-loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.spinner-border {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: 0.25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: spinner-border .75s linear infinite;
}

@keyframes spinner-border {
	to { transform: rotate(360deg); }
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.register-form-container {
	flex: 0 0 60%;
	background-color: white;
	padding: 40px;
	overflow-y: auto;
}

.register-title {
	font-size: 24px;
	font-weight: 600;
	color: #1e2a39;
	margin-bottom: 20px;
	text-align: center;
}

.register-subtitle {
	text-align: center;
	color: #6b7280;
	margin-bottom: 30px;
}

.form-section {
	margin-bottom: 25px;
}

.section-title {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #1e2a39;
	display: flex;
	align-items: center;
}

.section-title i {
	margin-right: 10px;
	color: #E74C3C;
}

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

.form-group label {
	display: block;
	margin-bottom: 8px;
	font-weight: 500;
	color: #4a5568;
	font-size: 14px;
}

.input-icon-wrapper {
	position: relative;
}

.input-icon {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #a0aec0;
}

.form-input {
	width: 100%;
	padding: 12px 15px 12px 45px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	font-size: 15px;
	background-color: #f9fafc;
	transition: all 0.3s ease;
}

.form-input:focus {
	outline: none;
	border-color: #E74C3C;
	background-color: white;
	box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.15);
}

.form-row {
	display: flex;
	gap: 15px;
}

.form-row .form-group {
	flex: 1;
}

.checkbox-group {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

.checkbox-group input {
	margin-right: 10px;
	margin-top: 3px;
}

.checkbox-group label {
	font-size: 14px;
	color: #6b7280;
	line-height: 2;
}

.checkbox-group a {
	color: #E74C3C;
	text-decoration: none;
	font-weight: 500;
}

.checkbox-group a:hover {
	text-decoration: underline;
}

.social-signup {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-bottom: 30px;
}

.social-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 20px;
	border-radius: 8px;
	background-color: white;
	border: 1px solid #e2e8f0;
	font-weight: 500;
	color: #4a5568;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 180px;
	font-size: 12px;
}

.social-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	border-color: #a0aec0;
}

.social-btn i {
	font-size: 18px;
}

.facebook { color: #1877F2; }
.facebook i { color: #1877F2; }

.google { color: #DB4437; }
.google i { color: #DB4437; }

.login-link {
	margin-top: 25px;
	text-align: center;
	color: #6b7280;
}

.login-link a {
	color: #E74C3C;
	text-decoration: none;
	font-weight: 600;
	transition: color 0.2s;
}

.login-link a:hover {
	color: #C0392B;
	text-decoration: underline;
}

.password-requirements {
	margin-top: 10px;
	font-size: 13px;
	color: #718096;
}

.requirement {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.requirement i {
	margin-right: 8px;
	font-size: 12px;
}

.requirement.met {
	color: var(--success-color);
}

.requirement.met i {
	color: var(--success-color);
}

/* Tooltip styles */
.tooltip {
	position: relative;
	display: inline-block;
	margin-left: 5px;
	color: #a0aec0;
}

.tooltip .tooltip-text {
	visibility: hidden;
	width: 200px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 8px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
	font-size: 12px;
	font-weight: normal;
}

.tooltip:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}

/* Responsive styling */
@media (max-width: 992px) {
	.register-container {
		flex-direction: column;
		max-width: 600px;
	}

	.register-sidebar, .register-form-container {
		flex: 0 0 100%;
	}

	.register-sidebar {
		padding: 30px;
	}
}

@media (max-width: 576px) {
	.progress-steps {
		flex-wrap: wrap;
	}

	.step {
		flex: 0 0 50%;
		margin-bottom: 20px;
	}

	.register-form-container {
		padding: 30px 20px;
	}

	.social-signup {
		flex-direction: column;
		align-items: center;
	}

	.social-btn {
		width: 100%;
	}

	.form-row {
		flex-direction: column;
		gap: 0;
	}
}


.urun-ozellikleri-container {
	width: 100%;
	margin-bottom: 20px;
}

.urun-ozellikleri-baslik {
	background-color: #8c98b8;
	padding: 15px 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.urun-ozellikleri-baslik h3 {
	margin: 0;
	color: white;
	font-size: 18px;
	font-weight: 600;
}

.urun-ozellikleri-icerik {
	border: 1px solid #eee;
	border-top: none;
	background-color: #fff;
}

.ozellik-satir {
	display: flex;
	border-bottom: 1px solid #f2f2f2;
}

.ozellik-satir:last-child {
	border-bottom: none;
}

.ozellik-ad {
	width: 35%;
	padding: 12px 20px;
	font-weight: 500;
	color: #333;
	background-color: #f9f9f9;
	border-right: 1px solid #f2f2f2;
	text-transform: uppercase;
	font-size: 14px;
}

.ozellik-deger {
	width: 65%;
	padding: 12px 20px;
	color: #555;
}

.parcalar-tablosu-container {
	max-width: 100%;
	margin: 25px 0;
}

.parcalar-tablosu-container ul li {
	background: #f2eeff;
	padding: 3px 7px;
	border-radius: 10px;
	margin-right: 7px;
	margin-top: 5px;
	font-size: 12px;
}

/* Bilgi Notu Stili */
.bilgi-notu {
	font-size: 14px;
	color: #555;
	margin-bottom: 15px;
	line-height: 1.5;
	padding: 0 10px;
}

/* Tablo Container */
.tablo-container {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

/* Tablo Ana Stili */
.parcalar-tablosu {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

/* Tablo Başlıkları */
.parcalar-tablosu thead tr {
	background-color: #f5f7fa;
	border-bottom: 1px solid #e1e5eb;
}

.parcalar-tablosu th {
	padding: 15px 20px;
	font-weight: 600;
	color: #333;
	font-size: 14px;
}

/* Tablo Satırları */
.parcalar-tablosu tbody tr {
	border-bottom: 1px solid #f0f0f0;
	transition: background-color 0.2s ease;
}

.parcalar-tablosu tbody tr:last-child {
	border-bottom: none;
}

.parcalar-tablosu tbody tr:hover {
	background-color: #f9fafc;
}

/* Tablo Hücreleri */
.parcalar-tablosu td {
	padding: 15px 20px;
	color: #444;
	font-size: 14px;
	vertical-align: middle;
}

/* Parça Bilgisi */
.parca-bilgi {
	display: flex;
	align-items: center;
}

.parca-gorsel {
	width: 120px;
	height: 50px;
	margin-right: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.parca-gorsel img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.parca-ad {
	font-weight: 500;
	color: #333;
}

/* Fiyat Hücresi */
.fiyat-hucre {
	font-weight: 500;
	color: #333;
}

/* Takıma Ekle Butonu */
.takima-ekle {
	background-color: #fff;
	color: #ff4f4f;
	border: 1px solid #ff4f4f;
	border-radius: 4px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.takima-ekle:hover {
	background-color: #ff4f4f;
	color: #fff;
}

/* Responsive Tasarım */
@media screen and (max-width: 768px) {
	.parcalar-tablosu {
		display: block;
		overflow-x: auto;
	}

	.parcalar-tablosu th,
	.parcalar-tablosu td {
		padding: 12px 15px;
	}

	.parca-gorsel {
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}

	.takima-ekle {
		padding: 6px 12px;
		font-size: 12px;
	}
}

.dahil-urunler-container {
	max-width: 100%;
	background-color: #fff;
	border-top: 1px solid #eee;
	margin-top: 20px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Başlık bölümü */
.dahil-urunler-baslik {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 20px;
	background-color: #f8f9fa;
	border-left: 1px solid #e9ecef;
	position: relative;
	border-right: 1px solid #e9ecef;
}

.dahil-urunler-baslik h3 {
	margin: 0;
	font-size: 16px;
	color: #1a4e78;
	font-weight: 600;
}

.degistir-container {
	position: relative;
}

.degistir-link {
	color: #0275d8;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 500;
}

.degistir-link:hover {
	text-decoration: underline !important;
	color: #025aa5;
}

.degistir-container .tooltip {
	position: absolute;
	top: -8px;
	right: 70px;
	background-color: #f8f9fa;
	border: 1px solid #ddd;
	padding: 6px 10px;
	border-radius: 4px;
	font-size: 12px;
	color: #555;
	width: 180px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	line-height: 20px;
	opacity: inherit;
	visibility: inherit;
	left: inherit;
}

/* Optional: Add arrow to tooltip */
.degistir-container .tooltip:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -6px;
	margin-top: -6px;
	border-width: 6px 0 6px 6px;
	border-style: solid;
	border-color: transparent transparent transparent #f8f9fa;
}

.degistir-container .tooltip:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -7px;
	margin-top: -7px;
	border-width: 7px 0 7px 7px;
	border-style: solid;
	border-color: transparent transparent transparent #ddd;
	left: inherit;
}


/* Tablo bölümü */
.dahil-urunler-tablo {
	padding: 10px;
}

/* Ürün satırları */
.urun-satir {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 15px;
	border-bottom: 1px solid #f0f0f0;
	background: #f9f9f9;
	border-radius: 10px;
	margin-bottom: 10px;
}

/* Ürün bilgisi (görsel + ad) */
.urun-bilgi {
	display: flex;
	align-items: center;
}

.urun-gorsel {
	width: 40px;
	height: 40px;
	margin-right: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f9f9f9;
	border-radius: 4px;
	border: 1px solid #eee;
}

.urun-gorsel img {
	max-width: 90%;
	max-height: 90%;
	object-fit: contain;
}

.urun-ad {
	font-size: 14px;
	color: #333;
	font-weight: 500;
}

/* Ürün fiyatı */
.urun-fiyat {
	font-size: 14px;
	color: #333;
}

.parcalar-tablosu td.toplam-hucre {
	text-align: center;
}

.mobil-search {
	display: none;
}

/* Responsive tasarım */
@media screen and (max-width: 768px) {
	.urun-satir, .toplam-satir {
		padding: 10px 12px;
	}

	.urun-gorsel {
		width: 35px;
		height: 35px;
		margin-right: 10px;
	}

	.urun-ad, .urun-fiyat {
		font-size: 13px;
	}

	.toplam-label, .toplam-fiyat {
		font-size: 14px;
	}

	.ozellik-satir {
		flex-direction: column;
	}

	.ozellik-ad, .ozellik-deger {
		width: 100%;
		padding: 10px 15px;
		border-right: none;
	}

	.ozellik-ad {
		border-bottom: 1px solid #f2f2f2;
	}

	.elegant-search .cart-icon a {
		width: 35px;
		height: 35px;
		border-radius: 23px;
	}

	.elegant-search .cart-icon i {
		font-size: 13px;
	}

	.elegant-search .login-icon > a:not(.user-logged-in) {
		width: 35px;
		height: 35px;
		border-radius: 23px;
	}


	.elegant-search .login-icon i {
		font-size: 13px;
	}

	.elegant-search .searchs-icon a {
		width: 35px;
		height: 35px;
		border-radius: 23px;
	}

	.elegant-search .searchs-icon i {
		font-size: 13px;
	}

	.elegant-search {
		margin-top: 20px;
		max-width: fit-content;
		width: unset;
		float: right;
	}

	.elegant-search form {
		display: none;
	}

	.mobil-search {
		display: block;
	}

	.mobil-search input {
		display: none;
	}

	.header-lang-wrap {
		display: none;
	}

	.elegant-search .cart-icon {
		margin-left: 13px !important;
	}

	.filter-row {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}

	.filter-item {
		flex: 1; /* Eşit genişlik için */
		width: 33.33%; /* 3 buton için, 2 buton için %50 olmalı */
	}

	.filter-button {
		display: flex;
		align-items: center;
		justify-content: center; /* Metni ortala */
		background: none;
		padding: 6px 10px;
		font-size: 12px;
		color: #333;
		cursor: pointer;
		border-right: none;
		width: 100%; /* Butonun genişliğini parent'ının genişliğine ayarla */
		text-align: center;
	}

	/* Son butonda sağ kenar çizgisi olmasın */
	.filter-item:last-child .filter-button {
		border-right: none;
	}

}

.highlight {
	animation: highlightEffect 1.5s;
}

@keyframes highlightEffect {
	0% { background-color: rgba(255, 255, 150, 0.5); }
	100% { background-color: transparent; }
}

.js-validate {
	background: #fbfbfb;
	padding: 30px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.03);
	border-radius: 15px;
}

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

	.outer { padding:0 40px; }
	.wrap { width:1320px; }
	.parallax-wrap { padding:7% 0; }
	.vize-catalog { padding-top:40px; }
	.footer-right { padding-left:60px; }
	.home-news { width:calc(50% + 80px); }

	.bed-layers , .bed-info { width:calc(50% - 40px); }
	.bed-layers li { margin-bottom:-45px; }

	.welcome-stats { right:-40px; width:calc(50% + 20px); }

}

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

	.wrap { width:1200px; }

	.top-150 { padding-top:100px; }
	.top-100 { padding-top:75px; }
	.top-50 { padding-top:35px; }
	.bottom-150 { padding-bottom:100px; }
	.bottom-100 { padding-bottom:75px; }
	.bottom-50 { padding-bottom:35px; }

	#nav-vize ul { padding:20px 40px 20px 60px; }
	.slider-hero-title strong { font-size:100px; }
	.slider-product-item { padding-right:30px; }
	.slider-products::before { left:-1030px; }

	.vize-catalog a { height:180px; }
	.vize-catalog a section { padding-left:40px; }
	.vize-catalog-photo picture { width:calc(100% - 30px); }

	.wedding-package-content li { flex-basis:33.33334%; }

	.showcase-cat { padding:80px 25px 19px 25px; }
	.showcase-text section { padding:15px 25px; }

	.slider-products-wrap { max-width:880px; }

	.block-cta-item section strong { right:20%; padding:21px 30px; }

	.slider-products .slick-prev { left:-47px; }
	.slider-products .slick-next { right:-17px; }

}


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

	.outer { padding:0 30px; }
	.wrap { width:960px; }
	.wrap-slim { max-width:960px; }

	#nav li { width:33.33334%; padding:15px 30px; }
	#nav-vize li a { font-size:22px; line-height:50px; }

	.footer-left { padding:40px 0; }
	.footer-right { padding:20px 0 40px 40px; }
	.footer-phone { margin:19px 0 16px 0; font-size:20px; }
	.copyright { padding:40px 0; }

	.vize-stats li { margin-right:30px; }
	.vize-stats li span { max-width:80px; font-size:14px; line-height:16px; }

	.parallax-wrap { padding:12% 0; }
	.parallax-text-wrap { float:left; padding:0 30px; }
	.parallax-text { float:left; font-size:80px; }

	.home-news { width:100%; }

	.breadcrumb section { padding:5px 0; }

	.contact-form { float:right; width:50%; padding:0 60px 60px 60px; }

	.sidebar { width:240px; margin-top:60px; }
	.left-menu > ul > li a { font-size:16px; }
	.right-block { width:calc(100% - 280px); position:relative; }

	.flex-left { width:calc(50% - 30px); }
	.store-item { flex-basis:calc(50% - 15px); }

	.wedding-showcase li { height:120px; }
	.wedding-showcase li:first-child { height:180px; }
	.wedding-showcase::before { top:34.5%; width:60px; height:60px; margin-left:-30px; background-size:32px auto; }

	.promotions li { width:50%; }

	.showcase-summary { margin-top:8px; font-size:14px; line-height:20px; }

	.product-list li { width:50%; }
	.tower-list li { width:33.33334%; }

	.bed-layers li { margin-bottom:-35px; }
	.layer-btn small { width:32px; height:32px; margin:4px; font-size:14px; line-height:28px; }
	.layer-btn::before { top:-2px; bottom:-2px; left:-2px; right:-2px; }

	.hero-nav li > a strong { font-size:12px; }

	.welcome-wrap { margin-top:50px; }
	.welcome { padding-top:30px; padding-bottom:60px; }
	.welcome-stats { top:40px; bottom:40px; right:-30px; width:calc(50% + 20px); padding:60px; }
	.welcome-photo { top:40px; bottom:-40px; }

	.block-cta-item section strong { font-size:17px; line-height:25px; }
	.block-cta-item article { padding:25px 0; font-size:15px; }
	.block-cta-item article i { top:-24px; right:20px; width:48px; height:48px; background-size:13px 20px; }

	.block-cta-left , .block-cta-right { width:calc(50% - 15px); }
	.block-cta ul { width:calc(100% + 20px); margin-left:-10px; }
	.block-cta li { padding:0 10px; }

	.welcome-video , .block-cta-item section , .slider-gallery-multiple .slick-list , .slider-gallery-multiple ul.slick-dots { border-radius:8px; }

}



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

	.cadde { padding-top:70px; }
	.outer { padding:0; }
	.wrap , .wrap-slim { float:left; width:100% !important; padding:0 30px; }
	.wrap-right { padding-right:0 !important; }

	.header { height:70px; box-shadow:0 0 15px rgba(0,0,0,0.08) !important; }
	.nav-opened .header { box-shadow:none !important; }
	.header .wrap { padding:0 20px; }

	#logo img { height:50px; }

	.nav-icon { width:110px; height:70px; margin-top:0; font-size:12px; line-height:70px; }

	.online-store , .header-lang-wrap { margin-top:15px; }
	.header-lang-wrap { font-weight:500; }
	.search-icon { margin:15px; }
	.header-search { right:10px; top:65px; left:10px; width:auto; }

	#nav-wrap { top:70px; height:calc(100vh - 70px); overflow:hidden; overflow-y:auto; }
	#nav-wrap .wrap { padding:0 !important; }
	#nav li > a picture img { max-height:60px; }
	.nav-sub-menu { margin:0; }

	#nav { width:100%; height:auto; overflow:auto; overflow-y:auto; }
	#nav-vize { width:100%; height:auto; padding-bottom:100px; margin-top:20px; }
	#nav-vize ul { padding:30px; }
	#nav-vize li { width:50%; }

	.top-150 { padding-top:75px; }
	.top-100 { padding-top:50px; }
	.top-50 { padding-top:25px; }
	.bottom-150 { padding-bottom:75px; }
	.bottom-100 { padding-bottom:50px; }
	.bottom-50 { padding-bottom:25px; }

	.slider-hero-wrap { height:auto; }
	.slider-hero , .slider-hero-item , .welcome-wrap { border-radius:0; }
	.slider-hero-item { height:auto; min-height:initial; }
	.slider-hero-item picture , .slider-hero-item picture img { display:block; }
	.slider-hero-title-in { width:100%; }
	.slider-hero-title strong { font-size:80px; }
	.hero-nav-wrap , .vize-catalog-photo { display:none; }

	.welcome-wrap { margin-top:0; }
	.welcome { width:100%; padding:30px 0; }
	.welcome-video { float:left; width:100%; margin-top:40px; position:relative; top:auto; bottom:auto; right:auto; }
	.vize-catalog { width:100%; padding-top:10px; }
	.vize-catalog a::after { left:-8px; width:16px; height:16px; }

	.welcome-right , .welcome-stats { float:left; width:100%; position:relative; top:auto; bottom:auto; right:auto; }
	.welcome-stats { width:calc(100% - 60px); padding:30px !important; margin-left:30px; margin-bottom:-30px; border-radius:8px; }
	.welcome-stats li::after { margin:20px 0; }
	.welcome-photo , .slider-products::before { display:none; }

	.ig-block::before { top:25%; }
	.ig-block li { width:33.33334%; }
	.news-list-content { padding-left:30px; }

	.page-title , .page-title.xl { margin:36px 0 14px 0; font-size:35px; line-height:40px; }
	.page-title-single { margin-top:6px; margin-bottom:4px; }
	.page-title small { padding:20px 0 5px 0; }
	.page-title section , .page-title strong { margin:8px 0 7px 0; }

	.parallax-text-wrap .page-title small { margin-bottom:20px; }

	.join-us-wrap { padding:40px 0; }

	.page-about { float:left; width:100%; font-size:18px; }
	.product-about { line-height:30px; }

	.footer-left , .footer-right { width:100%; }
	.footer-right { padding:0 0 40px 0; box-shadow:none; }

	.vize-stats-wrap .vize-stats { float:left; width:100%; }
	.vize-stats li { width:50%; margin-right:0; }
	.vize-stats li span { max-width:initial; }

	.tab { height:75px; overflow:hidden; overflow-x:auto; white-space:nowrap; }
	.tab ul { display:block; }
	.tab li { float:none; display:inline-block; padding:0; }

	.contact-info section , .branch-item { width:100%; }
	.contact-form-wrap > picture { float:left; width:100%; height:40vh; position:relative; top:auto; bottom:auto; left:auto; }
	.contact-form { width:100%; padding:0 30px 30px 30px; }

	.sidebar-icon {
		float:left;
		width:100%;
		height:50px;
		margin-top:20px;
		font-weight:600;
		font-size:18px;
		line-height:50px;
		letter-spacing:2px;
		cursor:pointer;
		position:relative;
		background:#FFF url(../images/icon-menu.png) no-repeat 16px center / auto 16px;
		z-index:90;
		display:block;
		text-align:center;
		border:1px solid #999;
		border-radius:4px;
		transition:all 0.4s;
	}

	.sidebar-icon::after { content:""; position:absolute; top:0; bottom:0; right:14px; width:16px; background:url(../images/arrow-down.png) no-repeat 0 center / 16px auto; transition:all 0.3s; }

	.sidebar-icon-close { background-color:#D1112B; background-image:url(../images/icon-close.png) !important; color:#FFF !important; border-color:rgba(0,0,0,0.1) !important; border-radius:25px; }
	.sidebar-icon-close::after { background-image:url(../images/arrow-white-down.png); transform:rotate(180deg); }

	.sidebar { width:100%; margin:20px 0; display:none; }
	.right-block { width:100%; }
	.product-list .inner-20 { margin:0 -15px; }
	.product-list li { padding:0 15px; }

	.accordion-section-title { padding:20px 0; padding-right:20px !important; font-size:15px; }
	.accordion-section-title::after { right:5px; }
	.accordion-section-content { padding:0 0 30px 0; }

	.home-stores li { flex-basis:33.33334%; }

	.wedding-package-content li { flex-basis:50%; }

	.stores-map { height:480px; }

	.showcase-item { width:50%; }
	.showcase-item:first-child { width:100%; }

	.slider-gallery-multiple::after { display:none; }

	.product-item picture { height:220px; min-height:initial; }
	.tower-list .product-item picture { height:300px; min-height:initial; }

	.bed-layers , .bed-info { width:100%; }
	.bed-info { margin-top:30px; }
	.bed-layers li { margin-bottom:-8%; }

	.page-hero-text { font-size:27px; line-height:40px; }

	.slider-products-wrap { max-width:90%; }
	.slider-products .slick-prev , .slider-products .slick-next { width:48px; height:48px; margin-top:-24px; border-width:3px; }
	.slider-products .slick-prev { left:-24px; }
	.slider-products .slick-next { right:6px; }
	.slider-product-item a { border-radius:8px; }
	.slider-product-item section { padding:40px 30px 24px 30px; }
	.slider-product-item section::after { left:30px; }
	.slider-product-item strong { padding-bottom:10px; font-size:24px; line-height:25px; }
	.slider-product-item span { font-size:11px; }

	.block-cta-wrap { padding:0 30px; display:block; }
	.block-cta-left , .block-cta-right { width:100%; }
	.block-cta-left { margin-bottom:30px; }

	.welcome .link-all { margin:15px 0; }

}





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

	.wrap , .wrap-slim , .block-cta-wrap { padding:0 25px; }
	.cookies-wrap { right:0; left:0; width:auto; }
	.cookies { padding:15px 20px; font-size:12px; border-radius:0; }
	.cookies-close { right:10px; }
	.my-fancy { padding:20px !important; }
	ul.slick-dots { padding:40px 0 10px 0; }

	.nav-icon { width:70px; padding-left:0; margin-left:-15px; text-indent:-9999px; }
	.nav-icon span { left:calc(50% - 15px); }
	.online-store , .header-lang-wrap::before , #nav li > a picture , .nav-sub-menu a::before , #nav-vize li a::before { display:none; }

	.header-lang-wrap { float:right; margin-left:-10px; }
	.search-icon { margin:15px 0 15px 5px; }

	.nav-buttons { display:block; padding:25px 25px 0 25px; }
	.nav-buttons li a { border-color:#D1112B; color:#D1112B; font-weight:600; letter-spacing:1px; }
	.nav-buttons li { margin-bottom:15px; }

	#nav ul { padding:25px; }
	#nav li { width:100%; padding:0; border-bottom:1px solid rgba(0,0,0,0.05); box-shadow:none; }
	#nav li:last-child { border-bottom:0; }
	#nav li.nav-multi::before { content:""; position:absolute; left:auto; top:0; right:0; width:20px; height:60px; background:url(../images/arrow-down.png) no-repeat 0 center; background-size:14px auto; opacity:0.7; }
	#nav li > a { width:100%; padding:0 20px; font-size:19px; color:#000; line-height:60px; }
	#nav li > a:hover , #nav li > a.active { box-shadow:none; }
	#nav li > a.active { color:#D1112B; }

	.nav-sub-menu { display:none; padding:10px 25px; margin-bottom:20px; background-image:linear-gradient(180deg,#F3F3F4,#FFF); }
	.nav-sub-menu::before {
		content:"";
		border-bottom:4px solid transparent;
		border-left:8px solid transparent;
		border-right:8px solid transparent;
		height:0;
		position:absolute;
		width:0;
		left:35px;
		top:-4px;
		border-bottom-color:#F3F3F4;
	}
	.nav-sub-menu a { padding:10px 0; font-size:14px; }

	#nav-vize { margin-top:0; }
	#nav-vize ul { padding:25px; }
	#nav-vize li { width:100%; border-bottom:1px solid rgba(255,255,255,0.07); }
	#nav-vize li:first-child { border-top:1px solid rgba(255,255,255,0.07); }
	#nav-vize li a { padding:5px 20px; font-size:19px; font-weight:500; }

	.page-hero-text { font-size:30px; line-height:40px; }

	.footer-block { width:50%; }
	.footer-block:last-child { width:100%; margin-top:20px; }
	.footer-phone { text-align:center; }

	.breadcrumb { display:none; }

	.news-content , .news-sidebar { width:100%; }
	.news-sidebar { padding-top:0; margin:-10px 0 20px 0; }
	.news-photo { height:auto; }
	.news-photo img { float:left; }

	.block-flexed { display:block; }
	.flex-left , .flex-right { width:100%; }
	.flex-right { margin-top:10px; }

	.slider-hero-product { padding-bottom:2px; }
	.slider-hero-product-item a , .slider-hero-product-item section { padding:0 1px; }
	.slider-hero-product-item a img , .slider-hero-product-item section img { height:60vh; min-height:320px; }

	.store-item strong { margin:15px 0 6px 0; font-size:18px; }

	.total-price { margin:10px 0; display:block; }
	.total-price-left , .total-price-right { width:100%; }
	.total-price section { padding:20px; font-size:14px; }
	.total-price section article { margin-bottom:7px; }
	.total-price li { width:100%; padding-left:20px; }

	.related-products li { width:100%; }

	.slider-gallery-multiple .slick-prev { left:-20px; }
	.slider-gallery-multiple .slick-next { right:-20px; }

	.slider-hero-product ul.slick-dots li { height:24px; margin:0 2px; }
	.slider-hero-product ul.slick-dots li button { width:40px; height:24px; }

	.welcome-stats li section strong { font-size:61px; }
	.welcome-stats { width:calc(100% - 50px); padding:25px !important; margin-left:25px; }

	.slider-products-wrap { width:calc(100% - 40px); max-width:initial; }

	.join-us article { width:100%; margin-bottom:15px; font-size:17px; }
	.join-us section { width:100%; }
	.join-us .input { width:calc(100% - 110px); }
	.join-us .button { width:100px; padding-left:20px; }

	.home-stores li a { height:80px; }
	.home-stores li a section strong { font-size:14px; font-weight:600; }

	.store-item { flex-basis:100%; }

}



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

	.header-search { right:120px; width:calc(100% - 133px); }

	.slider-hero-title strong , .parallax-text { font-size:70px; }
	.vize-stats li strong { margin-right:15px; font-size:60px; line-height:80px; }

	.copyright .left , .copyright .right { width:100%; }
	.copyright .right { margin-top:20px; }
	.copyright .left section i { float:left; margin:0 20px; }

	.welcome-wrap { margin-top:-20px; }

	.welcome-video a picture::after { width:60px; height:60px; margin:-30px 0 0 -30px; background-size:auto 24px; }
	.welcome-video a::before , .welcome-video a::after { width:240px; height:240px; margin:-120px 0 0 -120px; }

	.catalog li { margin-bottom:20px; }
	.catalog li a picture { width:120px; }
	.catalog li a section { width:calc(100% - 120px); padding:20px; }
	.catalog li a section strong { font-size:18px; font-weight:600; line-height:24px; }
	.catalog li a section span { padding:5px 0; }

	.wedding-package-content li { flex-basis:100%; }

	.product-detail-links li , .wedding-showcase-item , .promotions li { width:100%; }

	.product-sizes table { font-size:12px; }

	.product-item picture { height:180px; }
	.tower-list li { width:50%; }

}



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

	.vize-catalog a section span { font-size:40px; }

	.home-news .news-list li , .news-list li { margin-bottom:50px; }
	.news-list li a { display:block; }
	.news-list-picture , .form-item , .form-item .button , .product-list li { width:100%; }
	.form-item { padding-bottom:20px; }
	.news-list-content { width:100%; padding-left:0; padding-top:20px; }

	.slider-hero-product-item a img , .slider-hero-product-item section img { height:40vh; min-height:280px; }

	.related-products li { margin-bottom:30px; display:block; }
	.related-products li > picture { width:100%; }
	.related-products li > picture figure { border-width:2px; }
	.related-products li picture figure img { max-height:120px; }
	.related-products li > section { width:100%; margin-top:15px; }

	.stores-map { height:360px; }

	.showcase-item { width:100%; }

	.tower-list .slider-product-item picture { height:450px !important; }

	.home-stores .inner-10 { margin:0 -5px; }
	.home-stores li { flex-basis:50%; padding:0 5px; margin-bottom:10px; }

	.block-cta li { flex-basis:100%; margin-bottom:30px; }

}

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

	#logo { margin-left:55px; top: 10px;}

	.slider-hero-item::after { top:0; bottom:0; left:-15%; right:-15%; opacity:0.85; }
	.slider-hero-title strong { font-size:56px; }
	.parallax-text { font-size:64px; }

	.ig-block .inner-10 { margin:0 -5px; }
	.ig-block ul { margin-bottom:-10px; }
	.ig-block li { padding:0 5px; margin-bottom:10px; }

	.vize-stats li { width:100%; }

	.store-item strong { margin-bottom:1px; }
	.store-item li i { width:100%; font-size:13px; }
	.store-item li span , .store-item li em a { width:100%; }
	.store-item li em a { padding:0; text-align:center; }

	.product-item picture { height:220px; }
}

@media screen and (max-width: 768px) {
	/* Bu media query mobil görünümü hedefler */
	.block-flexed {
		display: flex;
		flex-direction: column;
	}

	.flex-left {
		order: 2; /* Sol tarafı ilk sıraya getir */
	}

	.flex-right {
		order: 1; /* Sağ tarafı ikinci sıraya getir */
	}

	.login-sidebar {
		order: 2;
		font-size: 11px;
	}

	.login-sidebar .sidebar-title {
		font-size: 19px;
	}

	.login-form-container {
		order: 1;
	}

	.page-title {
		font-size: 19px;
		letter-spacing: 1px;
		margin-bottom: 5px !important;
	}

	.secilmis-f .bg-gray {
		width: 46%;
		float: left;
		font-size: 11px;
	}
}

.hero .hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 40px 0;
	gap: 40px;
}

.hero .hero-content {
	flex: 1.5;
}

.hero .hero-image {
	flex: 1;
	display: flex;
	justify-content: flex-end;
}

.hero .hero-image img {
	max-width: 100%;
	height: auto;
}

.hero .badge {
	display: inline-block;
	background-color: #e8776b;
	color: #fff;
	padding: 5px 12px;
	border-radius: 20px;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 15px;
}

.hero h1 {
	font-size: 25px;
	margin-bottom: 15px;
	color: #e74c3c;
	font-weight: 600;
}

.hero h1 span {
	color: #333;
}

.hero p {
	margin-bottom: 25px;
	font-size: 15px;
	color: #555;
	line-height: 25px;
}

.hero .buttons {
	display: flex;
	gap: 15px;
}

.hero .btn {
	padding: 12px 25px;
	border-radius: 5px;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
	text-align: center;
}

.hero .btn-primary {
	background-color: #2a7fff;
	color: white;
	border: none;
}

.hero .btn-primary:hover {
	background-color: #1a6dff;
	transform: translateY(-2px);
}

.hero .btn-secondary {
	background-color: #4caf50;
	color: white;
	border: none;
}

.hero .btn-secondary:hover {
	background-color: #3da142;
	transform: translateY(-2px);
}

.hero .right-section {
	text-align: right;
}

.hero .right-section h2 {
	font-size: 32px;
	margin-bottom: 10px;
	color: #5e44ad;
}

.hero .right-section p {
	font-size: 24px;
	color: #333;
	margin-bottom: 20px;
}

.hero .design-images {
	display: flex;
	justify-content: flex-end;
	gap: 20px;
}

.hero .design-images img {
	max-height: 250px;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
	.hero .hero {
		flex-direction: column;
	}

	.hero h1 {
		font-size: 21px;
		line-height: 35px;
	}

	.hero .hero-image {
		justify-content: center;
		margin-top: 30px;
	}

	.hero .design-images {
		flex-direction: column;
		align-items: center;
	}

	.hero .right-section {
		text-align: center;
	}
}

.proje-container {
	margin-top: 75px;
	padding: 20px;
}

.proje-heading {
	text-align: center;
	margin-bottom: 40px;
	position: relative;
}

.proje-heading h2 {
	text-align: center;
	font-size: 35px;
	font-weight: 500;
	color: #333;
	position: relative;
	display: inline-block;
}

.proje-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 25px;
	margin-top: 30px;
}

.proje-item {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 280px;
}

.proje-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.proje-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.proje-item:hover img {
	transform: scale(1.05);
}

.proje-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
	padding: 20px;
	color: white;
	transition: all 0.3s ease;
}

.proje-item:hover .proje-overlay {
	background: linear-gradient(to top, rgba(42, 127, 255, 0.9), transparent);
}

.proje-title {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.proje-category {
	font-size: 14px;
	margin-top: 5px;
	opacity: 0.8;
}

.proje-view {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	background-color: rgba(255, 255, 255, 0.9);
	color: #333;
	padding: 12px 25px;
	border-radius: 30px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	opacity: 0;
}

.proje-item:hover .proje-view {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.proje-whatsapp {
	position: fixed;
	bottom: 30px;
	left: 30px;
	width: 60px;
	height: 60px;
	background-color: #25d366;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	z-index: 1000;
	transition: transform 0.3s ease;
}

.proje-whatsapp:hover {
	transform: scale(1.1);
}

.proje-whatsapp i {
	font-size: 30px;
	color: white;
}

@media (max-width: 992px) {
	.proje-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 576px) {
	.proje-grid {
		grid-template-columns: 1fr;
	}

	.proje-item {
		height: 250px;
	}
}

.proje-detay-container {
	margin: 0 auto;
	padding: 40px 0;
}

.proje-detay-header {
	margin-bottom: 40px;
}

.proje-detay-title {
	font-size: 36px;
	color: #333;
	margin-bottom: 15px;
}

.proje-detay-firma {
	font-size: 18px;
	color: #2a7fff;
	margin-bottom: 25px;
	font-weight: 500;
}

.proje-detay-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	background-color: #f8f9fa;
	padding: 25px;
	border-radius: 10px;
	margin-bottom: 40px;
}

.proje-detay-meta-item {
	display: flex;
	flex-direction: column;
}

.proje-detay-meta-label {
	font-size: 14px;
	color: #777;
	margin-bottom: 8px;
}

.proje-detay-meta-value {
	font-size: 16px;
	color: #333;
	font-weight: 600;
}

.proje-detay-content {
	margin-bottom: 50px;
	line-height: 1.8;
	color: #555;
}

.proje-detay-content p {
	margin-bottom: 20px;
}

.proje-detay-gallery-title {
	font-size: 24px;
	color: #333;
	margin-bottom: 25px;
	position: relative;
	display: inline-block;
}

.proje-detay-gallery {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 20px;
	margin-bottom: 50px;
}

.proje-detay-gallery-item {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	height: 180px;
	transition: transform 0.3s ease;
}

.proje-detay-gallery-item:hover {
	transform: translateY(-5px);
}

.proje-detay-gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.proje-detay-gallery-item:hover img {
	transform: scale(1.05);
}

.proje-detay-nav {
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	border-top: 1px solid #eee;
	margin-top: 30px;
}

.proje-detay-nav-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #333;
	transition: color 0.3s ease;
}

.proje-detay-nav-link:hover {
	color: #2a7fff;
}

.proje-detay-nav-prev i, .proje-detay-nav-next i {
	font-size: 14px;
}

.proje-detay-nav-prev i {
	margin-right: 10px;
}

.proje-detay-nav-next i {
	margin-left: 10px;
}

.proje-detay-nav-text {
	font-weight: 600;
}

.proje-detay-back {
	display: inline-flex;
	align-items: center;
	background-color: #2a7fff;
	color: white;
	padding: 12px 25px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 40px;
	transition: background-color 0.3s ease;
}

.proje-detay-back:hover {
	background-color: #1a6dff;
}

.proje-detay-back i {
	margin-right: 10px;
}

.proje-detay-similar {
	margin-top: 80px;
}

.proje-detay-similar-title {
	font-size: 28px;
	color: #333;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}


.proje-detay-similar-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}

.proje-detay-similar-item {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 250px;
}

.proje-detay-similar-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.proje-detay-similar-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.proje-detay-similar-item:hover img {
	transform: scale(1.05);
}

.proje-detay-similar-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
	padding: 20px;
	color: white;
	transition: all 0.3s ease;
}

.proje-detay-similar-item:hover .proje-detay-similar-overlay {
	background: linear-gradient(to top, rgba(42, 127, 255, 0.9), transparent);
}

.proje-detay-similar-title-item {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	letter-spacing: 1px;
}

@media (max-width: 992px) {
	.proje-detay-gallery, .proje-detay-similar-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 576px) {
	.proje-detay-gallery, .proje-detay-similar-grid {
		grid-template-columns: 1fr;
	}

	.proje-detay-meta {
		flex-direction: column;
		gap: 15px;
	}

	.proje-detay-nav {
		flex-direction: column;
		gap: 20px;
		align-items: flex-start;
	}
}



/* Hesabim Ana Container */
.hesabim {
	width: 100%;
	margin: 40px auto;
}

.hesabim h1 {
	font-size: 28px;
	color: #0c6473;
	margin-bottom: 30px;
	text-align: center;
	font-weight: 600;
}

/* Container */
.hesabim .container {
	display: flex;
	gap: 30px;
	background: transparent;
}

/* Sidebar */
.hesabim .sidebar {
	width: 280px;
	flex-shrink: 0;
	margin-top: 0;
}

ul.menu, li {
	float: inherit !important;
	display: inline;
}

.hesabim .sidebar-box {
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.hesabim .sidebar-title {
	background: linear-gradient(135deg, #E74C3C, #d55252);
	color: #fff;
	padding: 20px;
	font-size: 16px;
	font-weight: 600;
	position: relative;
}

.hesabim .sidebar-title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 40px;
	height: 3px;
	background-color: #fff;
	border-radius: 3px;
}

.hesabim .menu {
	padding: 15px 0;
}

.hesabim .menu-item {
	display: block;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #f1f1f1;
}

.hesabim .menu-item:last-child {
	border-bottom: none;
}

.hesabim .menu-link {
	display: block;
	padding: 12px 20px;
	color: #555;
	text-decoration: none;
	transition: all 0.3s ease;
	font-size: 14px;
	position: relative;
}

.hesabim .menu-link:hover {
	color: #0c6473;
	background-color: #f8f9fa;
	padding-left: 25px;
}

.hesabim .menu-link.active {
	color: #0c6473;
	background-color: #f8f9fa;
	padding-left: 25px;
}

.hesabim .menu-link::before, .hesabim .menu-link.active::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background-color: #0c6473;
	transition: all 0.3s ease;
}

.hesabim .menu-link.active::before {
	width: 4px;
}

.hesabim .menu-link:hover::before {
	width: 4px;
}

/* Main Content */
.hesabim .main-content {
	flex: 1;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	padding: 30px;
}

.hesabim .content-header {
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	position: relative;
}

.hesabim .content-header h2 {
	font-size: 20px;
	color: #E74C3C;
	font-weight: 600;
}

.hesabim .content-header::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 60px;
	height: 3px;
	background-color: #E74C3C;
	border-radius: 3px;
}

/* Form Kategorisi */
.hesabim .form-category {
	margin-bottom: 20px;
}

.hesabim .form-category-title {
	font-size: 15px;
	font-weight: 600;
	color: #0c6473;
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
}

.hesabim .form-item {
	width: inherit !important;
	padding: inherit !important;
}

.hesabim .js-validate {
	background: none !important;
	padding: 0 !important;
	box-shadow: none !important;
}

/* Buton Stiller */
.hesabim .btn {
	display: inline-block;
	background: linear-gradient(135deg, #E74C3C, #d55252);
	color: white;
	border: none;
	padding: 13px 25px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 100%;
	text-align: center;
	box-shadow: 0 4px 10px rgba(12, 100, 115, 0.2);
}

.hesabim .btn:hover {
	background: linear-gradient(135deg, #de4535, #c44545);
	transform: translateY(-2px);
	box-shadow: 0 6px 15px rgba(12, 100, 115, 0.3);
}

.hesabim .btn:active {
	transform: translateY(0);
}

/* Responsive */
@media (max-width: 992px) {
	.hesabim .container {
		flex-direction: column;
	}

	.hesabim .sidebar {
		width: 100%;
		margin-bottom: 30px;
	}

	.hesabim .menu {
		display: flex;
		flex-wrap: wrap;
	}

	.hesabim .menu-item {
		width: 50%;
		border-right: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1;
	}

	.hesabim .menu-item:nth-child(2n) {
		border-right: none;
	}

	.hesabim .menu-item:nth-last-child(-n+2) {
		border-bottom: none;
	}

	.hesabim .menu-link {
		text-align: center;
		padding: 15px 10px;
	}

	.hesabim .menu-link:hover {
		padding-left: 10px;
	}

	.hesabim .menu-link::before {
		display: none;
	}
}

@media (max-width: 576px) {
	.hesabim {
		margin: 20px auto;
	}

	.hesabim h1 {
		font-size: 22px;
	}

	.hesabim .menu-item {
		width: 100%;
		border-right: none;
	}

	.hesabim .menu-item:nth-last-child(2) {
		border-bottom: 1px solid #f1f1f1;
	}

	.hesabim .main-content {
		padding: 20px 15px;
	}

	.hesabim .content-header h2 {
		font-size: 18px;
	}

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

	.hesabim .btn {
		padding: 12px 15px;
		font-size: 15px;
	}
}


/* Adreslerim Bölümü Stilleri */
.adreslerim {
	margin: 40px auto;
}

.adreslerim h1 {
	font-size: 24px;
	color: #0c3b5d;
	margin-bottom: 30px;
	font-weight: 600;
}

.adreslerim .address-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
	gap: 20px;
	margin-bottom: 20px;
}

.adreslerim .address-card {
	border: 1px solid #e6e6e6;
	border-radius: 8px;
	padding: 20px;
	transition: all 0.3s ease;
	position: relative;
}

.adreslerim .address-card:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	border-color: #d9d9d9;
}

.adreslerim .address-title {
	font-size: 18px;
	font-weight: 600;
	color: #0c3b5d;
	margin-bottom: 12px;
}

.adreslerim .address-content {
	color: #555;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 1.5;
}

.adreslerim .address-detail {
	margin: 5px 0;
}

.adreslerim .address-type {
	display: block;
	margin: 10px 0;
	font-weight: 500;
	color: #666;
}

.adreslerim .address-name {
	display: block;
	margin: 10px 0;
	font-weight: 500;
}

.adreslerim .address-phone {
	display: block;
	margin: 10px 0;
	color: #666;
}

.adreslerim .address-phone span {
	font-weight: 500;
	margin-right: 5px;
}

.adreslerim .address-actions {
	margin-top: 15px;
	display: flex;
	gap: 10px;
}

.adreslerim .action-link {
	color: #0c6473;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: color 0.2s ease;
}

.adreslerim .action-link:hover {
	color: #0a4e59;
	text-decoration: underline;
}

.adreslerim .action-link + .action-link {
	margin-left: 15px;
}

.adreslerim .add-address-card {
	border: 1px dashed #ccc;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 250px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.adreslerim .add-address-card:hover {
	border-color: #0c6473;
	background-color: #f9fafb;
}

.adreslerim .add-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #f1f8f8;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	transition: all 0.3s ease;
}

.adreslerim .add-icon i {
	color: #f39c12;
	font-size: 20px;
}

.adreslerim .add-address-card:hover .add-icon {
	background-color: #f39c12;
}

.adreslerim .add-address-card:hover .add-icon i {
	color: white;
}

.adreslerim .add-address-text {
	color: #666;
	font-weight: 500;
	font-size: 16px;
}

/* Base styles for the select element */
.adreslerim-modal select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 12px 40px 12px 16px;
	margin: 0;
	width: 100%;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	cursor: pointer;
	line-height: 1.5;
	color: #333;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

/* Focus state with glowing effect */
.adreslerim-modal select:focus {
	outline: none;
	border-color: #2a6cc8;
	box-shadow: 0 0 0 3px rgba(42, 108, 200, 0.25);
}

/* Hover state */
.adreslerim-modal select:hover {
	background-color: #f0f5ff;
	border-color: #2a6cc8;
}

/* Disabled state */
.adreslerim-modal select:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Responsive Düzenlemeler */
@media (max-width: 992px) {
	.adreslerim .address-container {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 576px) {
	.adreslerim {
		padding: 20px 15px;
		margin: 20px 10px;
	}

	.adreslerim h1 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.adreslerim .address-title {
		font-size: 16px;
	}

	.adreslerim .address-content {
		font-size: 13px;
	}

	.adreslerim .add-address-text {
		font-size: 14px;
	}
}


/* Basit ve Şık Modal Stilleri */
.adreslerim-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	padding: 20px;
	overflow-y: auto;
}

.adreslerim-modal-container {
	max-width: 800px;
	margin: 30px auto;
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	animation: modalSlideDown 0.3s ease;
}

@keyframes modalSlideDown {
	from { transform: translateY(-50px); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
}

.adreslerim-modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	background-color: #f8f9fa;
	border-bottom: 1px solid #e9ecef;
}

.adreslerim-modal-header h3 {
	margin: 0;
	color: #0c6473;
	font-size: 18px;
	font-weight: 600;
}

.adreslerim-modal-body {
	padding: 20px;
	max-height: 80vh;
	overflow-y: auto;
}

.modal-close {
	background: none;
	border: none;
	font-size: 24px;
	line-height: 1;
	color: #888;
	cursor: pointer;
	transition: color 0.2s;
}

.modal-close:hover {
	color: #333;
}

.modal-loading {
	text-align: center;
	padding: 30px;
	color: #666;
}

.modal-loading i {
	margin-right: 10px;
	color: #0c6473;
}

.modal-error {
	color: #dc3545;
	text-align: center;
	padding: 15px;
}

/* Responsive düzenlemeler */
@media (max-width: 640px) {
	.adreslerim-modal-container {
		margin: 10px auto;
		width: 100%;
	}

	.adreslerim-modal-header {
		padding: 12px 15px;
	}

	.adreslerim-modal-body {
		padding: 15px;
	}
}

.adreslerim-modal-body .js-validate {
	background: none !important;
	padding: 10px !important;
	box-shadow: none !important;
}

.banka-container {
	margin: 0 auto;
}

.banka-header h1 {
	margin: 50px 0 15px 0;
	position: relative;
	font-size: 46px;
	font-weight: 600;
	color: #000;
	letter-spacing: -1px;
	line-height: 50px;
	z-index: 30;
}

.banka-header p {
	color: rgba(255,255,255,0.9);
	font-size: 1.1rem;
}

.banka-cards-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
	gap: 30px;
	margin-bottom: 40px;
}

.banka-card {
	background: white;
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.banka-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 30px 60px rgba(0,0,0,0.25);
}

.banka-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1);
}

.banka-header-section {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: 2px solid #f0f0f0;
}

.banka-logo {
	width: 110px;
	height: 60px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	color: white;
	font-weight: bold;
	font-size: 1.2rem;
}

.banka-logo img {
	width: 100%;
}

.banka-name {
	flex: 1;
}

.banka-name h2 {
	color: #2c3e50;
	font-size: 1.8rem;
	margin-bottom: 5px;
}

.banka-name .banka-branch {
	color: #7f8c8d;
	font-size: 1rem;
	font-weight: 500;
}

.banka-info-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.banka-info-item {
	background: #f8f9fa;
	padding: 15px;
	border-radius: 12px;
	border-left: 4px solid #3498db;
}

.banka-info-label {
	color: #7f8c8d;
	font-size: 0.9rem;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.banka-info-value {
	color: #2c3e50;
	font-size: 1.1rem;
	font-weight: 600;
}

.banka-iban {
	background: #e8f5e8;
	border-left-color: #27ae60;
}

.banka-swift {
	background: #fff3e0;
	border-left-color: #f39c12;
}

.banka-account {
	background: #f0f8ff;
	border-left-color: #3498db;
}

.banka-code {
	background: #fdf2f8;
	border-left-color: #e91e63;
}

.banka-full-width {
	grid-column: 1 / -1;
}

.banka-copy-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	background: rgba(52, 152, 219, 0.1);
	border: none;
	border-radius: 8px;
	padding: 8px 12px;
	color: #3498db;
	cursor: pointer;
	font-size: 0.9rem;
	transition: all 0.3s ease;
}

.banka-copy-btn:hover {
	background: #3498db;
	color: white;
}

@media (max-width: 768px) {
	.banka-cards-grid {
		grid-template-columns: 1fr;
	}

	.banka-name h2 {
		color: #2c3e50;
		font-size: 0.8rem;
		margin-bottom: 5px;
	}

	.banka-header-section {
		margin-top: 30px;
	}

	.banka-info-grid {
		grid-template-columns: 1fr;
	}

	.banka-header h1 {
		font-size: 2rem;
	}
}


.blog-section {
	margin: 0 auto;
	padding: 75px 20px;
}

.blog-section-title {
	text-align: center;
	font-size: 35px;
	font-weight: 500;
	color: #333;
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

.blog-cards-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 30px;
	margin-top: 40px;
}

.blog-card {
	background: white;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	position: relative;
	cursor: pointer;
}

.blog-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.blog-card-image {
	width: 100%;
	height: 240px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	position: relative;
	overflow: hidden;
}

.blog-card-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
	opacity: 0.3;
}

.blog-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.blog-card:hover .blog-card-image img {
	transform: scale(1.1);
}

.blog-card-date {
	position: absolute;
	top: 15px;
	right: 15px;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(10px);
	color: #2c3e50;
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 500;
}

.blog-card-content {
	padding: 25px;
}

.blog-card-category {
	display: inline-block;
	background: linear-gradient(45deg, #667eea, #764ba2);
	color: white;
	padding: 4px 12px;
	border-radius: 15px;
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
}

.blog-card-title {
	color: #2c3e50;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 12px;
	transition: color 0.3s ease;
}

.blog-card:hover .blog-card-title {
	color: #667eea;
}

.blog-card-excerpt {
	color: #7f8c8d;
	font-size: 0.9rem;
	line-height: 1.6;
	margin-bottom: 20px;
}

.blog-card-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 15px;
	border-top: 1px solid #ecf0f1;
}

.blog-card-author {
	display: flex;
	align-items: center;
	gap: 10px;
}

.blog-card-author-avatar {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: linear-gradient(45deg, #667eea, #764ba2);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: 600;
	font-size: 0.9rem;
}

.blog-card-author-name {
	color: #2c3e50;
	font-size: 0.9rem;
	font-weight: 500;
}

.blog-card-read-more {
	color: #667eea;
	text-decoration: none;
	font-weight: 500;
	font-size: 0.9rem;
	display: flex;
	align-items: center;
	gap: 5px;
	transition: gap 0.3s ease;
}

.blog-card-read-more:hover {
	gap: 8px;
}

.blog-card-read-more::after {
	content: '→';
	transition: transform 0.3s ease;
}

.blog-card:hover .blog-card-read-more::after {
	transform: translateX(3px);
}

/* Responsive Design */
@media (max-width: 768px) {
	.blog-cards-container {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.blog-section-title {
		font-size: 2rem;
	}

	.blog-card-content {
		padding: 20px;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.blog-cards-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1025px) {
	.blog-cards-container {
		grid-template-columns: repeat(4, 1fr);
	}
}




/* Main Container */
.blog-detail-container {
	margin: 0 auto;
	padding: 40px 0px;
}

/* Blog Content */
.blog-detail-content {
	background: white;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.blog-detail-header {
	position: relative;
	padding: 30px;
	border-bottom: 1px solid #ecf0f1;
}

.blog-detail-meta {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.blog-detail-date {
	background: linear-gradient(45deg, #667eea, #764ba2);
	color: white;
	padding: 8px 16px;
	border-radius: 20px;
	font-size: 0.9rem;
	font-weight: 500;
}

.blog-detail-category {
	background: #e8f4f8;
	color: #2980b9;
	padding: 8px 16px;
	border-radius: 20px;
	font-size: 0.9rem;
	font-weight: 500;
}

.blog-detail-title {
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 15px;
	color: #2c3e50;
}

.blog-detail-excerpt {
	font-size: 1.1rem;
	color: #7f8c8d;
	line-height: 1.6;
	margin-bottom: 20px;
}

.blog-detail-author-info {
	display: flex;
	align-items: center;
	gap: 15px;
}

.blog-detail-author-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: linear-gradient(45deg, #667eea, #764ba2);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: 600;
	font-size: 1.2rem;
}

.blog-detail-author-details h4 {
	color: #2c3e50;
	font-size: 1rem;
	margin-bottom: 2px;
}

.blog-detail-author-details span {
	color: #7f8c8d;
	font-size: 0.9rem;
}

/* Featured Image */
.blog-detail-featured-image {
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;
}

.blog-detail-featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Content Body */
.blog-detail-body {
	padding: 40px;
}

.blog-detail-body h2 {
	color: #2c3e50;
	font-size: 1.8rem;
	margin: 30px 0 15px 0;
}

.blog-detail-body h3 {
	color: #34495e;
	font-size: 1.4rem;
	margin: 25px 0 12px 0;
}

.blog-detail-body p {
	margin-bottom: 20px;
	font-size: 1.1rem;
	line-height: 1.8;
	text-align: justify;
}

.blog-detail-body ul, .blog-detail-body ol {
	margin: 20px 0;
	padding-left: 30px;
}

.blog-detail-body li {
	margin-bottom: 8px;
	font-size: 1.1rem;
}

.blog-detail-body blockquote {
	background: #f8f9fa;
	border-left: 4px solid #667eea;
	padding: 20px 30px;
	margin: 30px 0;
	font-style: italic;
	font-size: 1.2rem;
	color: #555;
}

/* Image Gallery */
.blog-detail-gallery {
	margin: 40px 0;
}

.blog-detail-gallery h3 {
	margin-bottom: 20px;
	color: #2c3e50;
}

.blog-gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 15px;
}

.blog-gallery-item {
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.blog-gallery-item:hover {
	transform: scale(1.05);
}

.blog-gallery-item img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}

/* Navigation */
.blog-detail-navigation {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid #ecf0f1;
}

.blog-nav-item {
	padding: 20px;
	background: #f8f9fa;
	border-radius: 10px;
	text-decoration: none;
	color: #2c3e50;
	transition: all 0.3s ease;
	display: block;
}

.blog-nav-item:hover {
	background: #667eea;
	color: white;
	transform: translateY(-2px);
}

.blog-nav-item span {
	display: block;
	font-size: 0.9rem;
	opacity: 0.8;
	margin-bottom: 5px;
}

.blog-nav-item strong {
	font-size: 1.1rem;
}

.blog-nav-next {
	text-align: right;
}

/* Sidebar */
.blog-detail-sidebar {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.blog-sidebar-widget {
	background: white;
	padding: 30px;
	border-radius: 15px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.blog-sidebar-widget h3 {
	color: #2c3e50;
	font-size: 1.3rem;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #667eea;
}

/* Related Posts */
.blog-related-post {
	display: flex;
	gap: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ecf0f1;
}

.blog-related-post:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.blog-related-post img {
	width: 80px;
	height: 60px;
	object-fit: cover;
	border-radius: 8px;
}

.blog-related-post-content h4 {
	font-size: 0.95rem;
	color: #2c3e50;
	line-height: 1.4;
	margin-bottom: 5px;
}

.blog-related-post-content span {
	font-size: 0.8rem;
	color: #7f8c8d;
}

/* Social Share */
.blog-social-share {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.blog-social-btn {
	flex: 1;
	min-width: 60px;
	height: 40px;
	border: none;
	border-radius: 8px;
	color: white;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 0.9rem;
	transition: transform 0.3s ease;
}

.blog-social-btn:hover {
	transform: translateY(-2px);
}

.blog-social-btn.facebook { background: #3b5998; }
.blog-social-btn.twitter { background: #1da1f2; }
.blog-social-btn.linkedin { background: #0077b5; }
.blog-social-btn.whatsapp { background: #25d366; }

/* Tags */
.blog-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.blog-tag {
	background: #f8f9fa;
	color: #667eea;
	padding: 8px 15px;
	border-radius: 20px;
	font-size: 0.9rem;
	text-decoration: none;
	transition: all 0.3s ease;
}

.blog-tag:hover {
	background: #667eea;
	color: white;
}

.blg {
	grid-template-columns: repeat(3, 1fr) !important;
}

.urun-ailesi-section {
	margin: 60px 0;
	background: #f8f9fa;
	padding: 60px 0;
}

.urun-ailesi-header {
	text-align: center;
	margin-bottom: 10px;
}

.urun-ailesi-header h2 {
	font-size: 2.5rem;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 15px;
	letter-spacing: -0.02em;
}

.urun-ailesi-header p {
	font-size: 1.1rem;
	color: #7f8c8d;
	max-width: 600px;
	margin: 0 auto;
	line-height: 1.6;
}

/* Slick Slider Customization */
.urun-ailesi-slider {
	margin: 0 -10px;
}

.urun-ailesi-slider .slick-slide {
	padding: 0 10px;
	outline: none;
	border: none;
}

.urun-ailesi-slider .slick-dots {
	display: flex !important;
	justify-content: center;
	gap: 8px;
	margin-top: 30px;
	list-style: none;
	padding: 0;
}

.urun-ailesi-slider .slick-dots li {
	margin: 0;
}

.urun-ailesi-slider .slick-dots li button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(44, 62, 80, 0.3);
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 0;
	padding: 0;
}

.urun-ailesi-slider .slick-dots li.slick-active button {
	background: #3498db;
	transform: scale(1.2);
}

.urun-ailesi-slider ul.slick-dots {
	background-image: none !important;
}

/* Product Card Styles */
.urun-ailesi-section .product-card {
	background: white;
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	transition: all 0.3s ease;
	position: relative;
	margin: 40px 15px;
}

.urun-ailesi-section .product-card:hover {
	transform: translateY(-8px);
}

.urun-ailesi-section .product-image-container {
	position: relative;
	height: 220px;
	overflow: hidden;
	background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.urun-ailesi-section .product-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.urun-ailesi-section .product-card:hover .product-image {
	transform: scale(1.05);
}

.urun-ailesi-section .discount-badge {
	position: absolute;
	top: 12px;
	left: 3px;
	background: linear-gradient(135deg, #27ae60, #2ecc71);
	color: white;
	padding: 3px 15px;
	border-radius: 20px;
	font-size: 0.65rem;
	font-weight: 600;
	box-shadow: 0 2px 8px rgba(39, 174, 96, 0.3);
}

.urun-ailesi-section .product-info {
	padding: 20px 5px;
}

.urun-ailesi-section .product-title {
	margin-bottom: 12px;
}

.urun-ailesi-section .product-title a {
	font-size: 1rem;
	font-weight: 600;
	color: #2c3e50;
	text-decoration: none;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.3s ease;
}

.urun-ailesi-section .product-title a:hover {
	color: #3498db;
}

.urun-ailesi-section .product-prices {
	margin-bottom: 12px;
}

.urun-ailesi-section .current-price {
	font-size: 1.3rem;
	font-weight: 700;
	color: #e74c3c;
	margin-right: 8px;
}

.urun-ailesi-section .old-price {
	font-size: 1rem;
	color: #95a5a6;
	text-decoration: line-through;
	font-weight: 500;
}

/* Responsive Design */
@media (max-width: 768px) {
	.urun-ailesi-header h2 {
		font-size: 2rem;
	}

	.urun-ailesi-slider .slick-arrow {
		display: none !important;
	}

	.urun-ailesi-section {
		padding: 40px 0;
	}
}

@media (max-width: 480px) {
	.urun-ailesi-section {
		padding: 30px 0;
	}

	.urun-ailesi-section .product-info {
		padding: 3px;
	}

	.urun-ailesi-section .product-card {
		margin: 25px 5px !important;
	}
}

/* Responsive Design */
@media (max-width: 768px) {
	.blog-detail-container {
		padding: 0;
	}

	.blog-detail-content {
		box-shadow: none !important;
	}

	.blog-detail-header {
		padding: 30px 0 !important;
	}

	.blog-detail-title {
		font-size: 1.4rem;
	}

	.blog-detail-body {
		padding: 30px 20px;
	}

	.blog-detail-navigation {
		grid-template-columns: 1fr;
	}

	.blog-nav-next {
		text-align: left;
	}

	.blog-detail-meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.blog-detail-body h2 {
		color: #2c3e50;
		font-size: 1.4rem !important;
		line-height: 35px !important;
	}

	.blg {
		grid-template-columns: repeat(1, 1fr) !important;
	}
}


/**
 * Varyant Tooltip CSS Stilleri
 * Modern ve responsive tooltip tasarımı
 */

/* Ana Tooltip Container */
.varyant-tooltip {
	position: absolute;
	background: white;
	border: 1px solid #ddd;
	border-radius: 12px;
	padding: 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	pointer-events: none;
	max-width: 320px;
	min-width: 280px;
}

/* Tooltip Gösterim Durumu */
.varyant-tooltip.show {
	opacity: 1;
	visibility: visible;
}

/* Tooltip Ok İşareti - Üstte - Dinamik pozisyon */
.varyant-tooltip::before {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid white;
	transition: left 0.3s ease;
}

/* Tooltip Ok İşareti - Altta - Dinamik pozisyon */
.varyant-tooltip.bottom::before {
	bottom: auto;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	border-top: none;
	border-bottom: 8px solid white;
	transition: left 0.3s ease;
}

/* Tooltip İçerik Elementleri */
.tooltip-image {
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 8px;
	margin-bottom: 12px;
	display: block;
}

.tooltip-title {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
	line-height: 1.3;
}

.tooltip-variant {
	font-size: 14px;
	color: #666;
	margin-bottom: 8px;
	line-height: 1.4;
}

.tooltip-price {
	font-size: 14px;
	color: #28a745;
	font-weight: 600;
	margin-bottom: 8px;
}

.tooltip-description {
	font-size: 13px;
	color: #777;
	line-height: 1.4;
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #eee;
}

.tooltip-stock {
	font-size: 12px;
	color: #495057;
	background: #f8f9fa;
	padding: 4px 8px;
	border-radius: 4px;
	margin-top: 8px;
	display: inline-block;
}

/* Option Elementleri için Hover Efektleri */
.option {
	transition: all 0.3s ease;
}

.option:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Responsive Tasarım */
@media (max-width: 768px) {
	.varyant-tooltip {
		max-width: 280px;
		min-width: 250px;
		padding: 14px;
	}

	.tooltip-image {
		height: 150px;
		margin-bottom: 10px;
	}

	.tooltip-title {
		font-size: 15px;
		margin-bottom: 6px;
	}

	.tooltip-variant {
		font-size: 13px;
		margin-bottom: 6px;
	}

	.tooltip-price {
		font-size: 13px;
		margin-bottom: 6px;
	}

	.tooltip-description {
		font-size: 12px;
		margin-top: 6px;
		padding-top: 6px;
	}

	.tooltip-stock {
		font-size: 11px;
		padding: 3px 6px;
		margin-top: 6px;
	}
}

@media (max-width: 480px) {
	.varyant-tooltip {
		max-width: 260px;
		min-width: 240px;
		padding: 12px;
	}

	.tooltip-image {
		height: 130px;
		margin-bottom: 8px;
	}
}

/* Dark Mode Desteği (İsteğe Bağlı) */
@media (prefers-color-scheme: dark) {
	.varyant-tooltip {
		background: #2d3748;
		border-color: #4a5568;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	}

	.varyant-tooltip::before {
		border-top-color: #2d3748;
	}

	.varyant-tooltip.bottom::before {
		border-bottom-color: #2d3748;
	}

	.tooltip-title {
		color: #f7fafc;
	}

	.tooltip-variant {
		color: #cbd5e0;
	}

	.tooltip-price {
		color: #48bb78;
	}

	.tooltip-description {
		color: #a0aec0;
		border-top-color: #4a5568;
	}

	.tooltip-stock {
		background: #4a5568;
		color: #e2e8f0;
	}
}

/* Animasyon Efektleri */
@keyframes tooltipFadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.varyant-tooltip.show {
	animation: tooltipFadeIn 0.3s ease-out;
}

/* Print Media Query - Tooltip'leri yazdırmada gizle */
@media print {
	.varyant-tooltip {
		display: none !important;
	}
}

/* High Contrast Mode Desteği */
@media (prefers-contrast: high) {
	.varyant-tooltip {
		border: 2px solid #000;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	}

	.tooltip-title {
		color: #000;
	}

	.tooltip-description {
		border-top-color: #000;
	}
}

/* Reduced Motion Desteği */
@media (prefers-reduced-motion: reduce) {
	.varyant-tooltip {
		transition: none;
		animation: none;
	}

	.option:hover {
		transform: none;
	}
}

/* Focus Desteği (Accessibility) */
.option:focus-within .varyant-tooltip {
	opacity: 1;
	visibility: visible;
}

/* Custom Scrollbar (Webkit) */
.varyant-tooltip::-webkit-scrollbar {
	width: 4px;
}

.varyant-tooltip::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 2px;
}

.varyant-tooltip::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 2px;
}

.varyant-tooltip::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8;
}