@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=DM+Serif+Text:ital@0;1&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap');

* { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; outline:0; font-optical-sizing: auto; }

:root {
  --white: #FFF;
  --whitergb: 255, 255, 255;
  --ivory: #f7f3ea;
  --ivoryrgb: 247, 243, 234;
  --paper: #fbf8f1;
  --paperrgb: 251, 248, 241;
  --olive: #243018;
  --olivergb: 36, 48, 24;
  --olive2: #2d381c;
  --footerbg: #151c0e;
  --footertext: #f4f0e8;
  --footertextsub: #d7c17e;
  --ink: #302e29;
  --muted: #6a645a;
  --gold: #927a3c;
  --goldrgb: 146, 122, 60;
  --lightgold: #d9c37d;
  --stone: #d8d0c1;
  --textcolor: #37372f;
  --textcolorlight: #d9d7cf;
  --maxwidth: 1380px;
  --menubg: #f0eadc;
  --font1: "Cormorant Garamond", Georgia, serif;
  --font2: "Libre Baskerville", Georgia, serif;
  --font3: "Libre Caslon Text", Georgia, serif;
  --font4: "Baskervville", Georgia, serif;
  --font5: "Fraunces", Georgia, serif;
  --font6: "DM Serif Text", Georgia, serif;
  --font7: "Noto Serif Display", Georgia, serif;
  --reviewbg: #e8e2d7;
}

body { padding:0; margin:0; font-family: var(--font2); font-size:.75em; background:var(--ivory); color:var(--textcolor); }

button { font-family: "Baskervville", serif; }
h1, h2, h3, h4, h5, strong, b { font-weight: 600; }
a, a:hover { color: var(--textcolor); text-decoration: none;}

.crow { float:left; width:100%; margin-bottom:10px; }
.cp1, .cp2, .cp3, .cp4, .cp5, .cp6, .cp7, .cp8, .cp9, .cp10, .cp11 { float:left; min-height:1px; position:relative; }
.cp12 { width:100%; }
.cp11 { width:91.66666667%; }
.cp10 { width:83.33333333%; }
.cp9  { width:75%; }
.cp8  { width:66.66666667%; }
.cp7  { width:58.33333333%; }
.cp6  { width:50%; }
.cp5  { width:41.66666667% !important; }
.cp4  { width:33.33333333%; }
.cp3  { width:25%; }
.cp2  { width:16.66666667% !important; }
.cp1  { width:8.33333333%; }

.section { padding: 110px 0; }
.shell { width: min(1180px, 100% - 48px); margin-inline: auto; }
.p10 { padding:10px; }
.pr10 { padding-right:10px; }
.pl10 { padding-left:10px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.fr { float:right !important; }
.mr0 { margin-right:0 !important; }
.br0 { border:0 !important; }
.tr { text-align: right !important; }
.tc { text-align:center !important; }
.clear { clear:both; }

.alert { float:left; width:100%; color: var(--textcolor); padding:10px; margin-bottom:10px; border-radius:8px; font-size:14px; border: 1px solid var(--footertextsub); background: var(--paper); }
.alert.error { border:1px solid maroon; background:pink; }
.alert.success { color: #468847; background-color: #dff0d8; border:1px solid #d6e9c6; }
.alert.info { color:#c09853; background:#fcf8e3; border:1px solid #fbeed5; }
.alert.text { background:#3a87ad; color:#fff; }
.alert p { float:left; margin:5px 0 5px 0; padding:0; font-size:13px; }
.alert a { color:inherit; font-weight:bold; }
.alert.small { width:auto; border-radius:3px; padding:3px 8px 3px 8px; }

ul.alert { margin:0; padding:20px; text-align:left; }
ul.alert li { list-style:inside; }

label.key { float:left; width:100%; font-size:13px; font-weight:600; color: var(--textcolor); }
.styleinput { border: 1px solid var(--stone); background: 0 0; width: 100%; margin-top: 7px; padding: 13px; }
.styleinput:focus, .styleinput:hover { color:var(--textcolor); background:#FFFFF0; border-color:#ccc; }
textarea.styleinput { resize:none; padding:10px; min-height:60px; }
select.styleinput option { padding:3px; }
button, input[type=submit], input[type=radio], input[type=checkbox] { cursor:pointer; }
input[type=file] { border:1px solid #EEE; padding:5px; font-size:13px; cursor:pointer; }
select[multiple=multiple].styleinput { height:150px; padding:5px; }

span.yada { float:left; width:100%; position:relative; text-align:center; margin:10px 0; }
span.yada:before { content:''; position:absolute; left:0; top:12px; width:100%; height:1px; background: var(--footertextsub); }
span.yada > i { position:relative; z-index:1; padding:0 20px 0 20px; background: var(--menubg); color:#333; font-size:15px; font-weight:600; }

.link { font-size:12px; color: var(--textcolor); text-decoration:none; display:inline-block; }
.link:hover { text-decoration:underline; }
label.radio { cursor:pointer; }
*[readonly=readonly] { background:#f9f9f9; color:#666; }
input.styleinput.error, textarea.styleinput.error, select.styleinput.error { border:2px solid #9F0000 !important; background:#FFF4F4 !important; }
label.error { display:none !important; }
.bilgi { float:left; width:100%; text-align:center; font-size:14px; font-weight:400; color:#999; margin-bottom:10px; }
.cptable { float:left; width:100%; border: 1px solid var(--stone); border-bottom:0; border-left:0; }
.cptable thead > tr { background: var(--reviewbg); }
.cptable td { border-left: 1px solid var(--stone); border-bottom: 1px solid var(--stone); }

/* Buttons */
.btn { font-weight:normal; text-decoration:none; display:inline-block; color: var(--olive); font-size:14px; padding:9px 20px; border-radius:4px; text-align:center; font-family: var(--font5); cursor:pointer; background: var(--menubg); border: 1px solid var(--stone); }
.btn:hover { color: var(--ink); background: var(--footertextsub); border: 1px solid var(--gold); }
.btn.full { float:left; width:100%; }
.btn.disabled { cursor:default; }
.btn.small { line-height:normal; padding:4px 12px 4px 12px; font-size:13px; }
.btn.yesil { color:#fff; background:#83C41A; border:1px solid #75AD1A; }
.btn.yesil:hover { background:#8ACE0D; border:1px solid #7BB118; }
.btn.yesil.disabled { background:#e0f7dc; border:1px solid #c7eebf; color:#c6eac0; }
.btn.beyaz { background:#fff; color:#505050; border:1px solid #cdcdcd; }
.btn.beyaz:hover { background:#fdfdfd; color:#505050; border:1px solid #b8b8b8; }
.btn.kirmizi { color:#fff; background: #CC2738; border: 1px solid #92031C; }
.btn.kirmizi:hover { background:#92031C; }
.btn.siyah { color:#fff; background:#666; border:1px solid #232323; }
.btn.siyah:hover { background:#888; border:1px solid #050505; }
.btn.facebook { color:#fff; background:#354c8c; border:1px solid #3B599F; }
.btn.facebook:hover { background:#3b5998; border:1px solid #0F3B9C; }

/* Popup */
.sw_popup_bg { background:#000; opacity:0.8; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; }
.sw_popup_loading { width:113px; height:113px; position: fixed; left:-20000px; top:-20000px; bottom:-20000px; right:-20000px; z-index:11; margin: auto; color: #FFF; text-align: center; }
.sw_popup_loading > i { font-size:70px; }
.sw_popup_loading:before { content:'Lütfen Bekleyiniz'; width: 140px; text-align: center; z-index:11; display: block; position: relative; left: -13.5px; top: -10px; font-size: 13px; }
.sw_popup_content { display:none; background: var(--paper); z-index:12; border:0; box-shadow:0 0 100px #000; }
.sw_popup_content > .append { overflow-y:auto; height:100%; }
.sw_popup_content iframe { width:100%; height:100%; display:block; }
.sw_popup_content .popup_kapat_button { position:absolute; top:0; right:-30px; text-align:center; width:30px; height:30px; background:#900; color:#fff; cursor:pointer; }
.sw_popup_content .popup_kapat_button i { line-height:30px; font-size:17px; }
.sw_popup_content .popup_kapat_button:hover { background-color:#fff; color:#000; }
.popup_title { float:left; width:100%; height:62px; background: var(--ivory); font-size: 1.2em; text-align:center; border-bottom: 1px solid var(--footertextsub); position:relative; display: flex; align-items: center; justify-content: center; padding: 10px; font-weight: 600; }
.popup_title:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; }
.popup_body { float:left; width:100%; padding:20px; }
.sw_popup_content .sw_popup_txt { float:left; font-weight:bold; font-size:13px; width:100%; padding:20px; border-bottom:1px solid #ddd; color:#333; text-align:center; }
.sw_popup_content .sw_popup_buttons { float:left; width:100%; margin:10px 0 10px 0; text-align:center; }
.sw_popup_content .sw_popup_buttons .btn { margin:0 3px 0 3px; }
.sw_popup_content.sw_confirm { border:7px solid #ddd; }
.sw_popup_content.sw_alert { border:7px solid #fff; }
.sw_popup_content.sw_confirm .popup_kapat_button, .sw_popup_content.sw_alert .popup_kapat_button { top:-7px; right:-37px; }
.sw_popup_content div.alert { margin:0; border-radius:0; text-align:center; }

/* Paging */
.pager { float:left; width:100%; margin:10px 0 10px 0; text-align:center; }
.pager a { height:35px; padding:9px 14px 0 14px; margin:0; display:inline-block; border:1px solid #dddddd; border-left:0; font-size:12px; color:#333; text-decoration:none; }
.pager a > i { font-weight:bold; padding-top:1px; }
.pager a:first-child { border-left:1px solid #dddddd; }
.pager a.active, .pager a:hover { color:#FFF; }

.cptitle { float:left; width:100%; font-size:18px; color:#333; padding-bottom:10px; border-bottom:1px solid #dddddd; text-align:center; margin:0 0 10px 0; }
.formbilgi { float:left; width:100%; margin:10px 0 10px 0; font-size:14px; color:#777; text-align:center; }

.social a { display:inline-block; margin:0 7px 0 7px; color:#888; text-decoration:none; font-size:21px; line-height:30px; }
.social a.fb:hover { color:#3A589B; }
.social a.tw:hover { color:#55ACEE; }
.social a.ins:hover { color:#cd486b; }
.social a.gp:hover { color:#c4302b; }
.social a.pn:hover { color:#CC2127; }

header { width:100%; display: flex; align-items: center; background:rgba(var(--ivoryrgb), .95); z-index: 12; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(var(--goldrgb), .2); position: sticky; top: 0; justify-content: center; }
header > .headerinner { display: flex; width:min(var(--maxwidth),100% - 48px); justify-content: space-between; align-items: center; }
header > .headerinner .logo { width:275px; height:95px; display: flex; overflow:hidden; }
header > .headerinner .logo img { display: flex; width: 100%; object-fit:contain; }

/*
.nav_content { display: flex; width: max-content; height: fit-content; margin:0; padding:0; position:relative; }
.nav_content nav > ul { display: flex; width:100%; margin:0; padding:0; text-align:center; position:relative; flex-wrap: nowrap; }
.nav_content nav > ul > li { display: flex; list-style:none; position:relative; flex-direction: row; flex-wrap: nowrap; text-wrap-mode: nowrap; }
.nav_content nav > ul > li > i { position: absolute; right:0; top:0; bottom:0; margin:auto; display: flex; align-items: center; justify-content: center; width: fit-content; height: fit-content; transition: all 0.5s ease-out; }
.nav_content nav > ul > li > a { float:left; line-height:35px; padding:0 20px 0 20px; text-decoration:none; color:var(--textcolor); font-weight:500; font-size:.78rem; letter-spacing: .06em; }
.nav_content nav > ul > li.vitrin { position:absolute; right:0; top:0; }
.nav_content nav > ul > li > ul { display:none; top:100%; background:rgba(var(--paperrgb), .95); margin:0; border:1px solid rgba(var(--goldrgb), .24); border-top: 2px solid var(--gold); gap: 2px; min-width: 220px; padding: 12px; position: absolute; right: 0; box-shadow: 0 20px 45px rgba(var(--olivergb), .14); flex-direction: column; }
.nav_content nav > ul > li:hover > a { color:var(--gold); }
.nav_content nav > ul > li:hover > ul { display:flex; }
.nav_content nav > ul > li:hover > i { transform:rotate(180deg); color:var(--gold); }
.nav_content nav > ul > li > ul li { float:left; width:100%; list-style:none; display: flex; }
.nav_content nav > ul > li > ul li a { width:100%; text-decoration:none; letter-spacing: .02em; white-space: nowrap; padding: 12px 14px; font-family: "Cormorant Garamond, Georgia, serif"; font-size: 1.12rem; display: flex; }
.nav_content nav > ul > li > ul li a:hover { color: var(--gold); background:var(--menubg); }
*/

/* =========================================================
   ORTAK VE MASAÜSTÜ (993px ve üzeri) MENÜ CSS KODLARI
   ========================================================= */
.nav_content { display: flex; width: max-content; height: fit-content; margin:0; padding:0; position:relative; }
.nav_content nav > ul { display: flex; width:100%; margin:0; padding:0; text-align:center; position:relative; flex-wrap: nowrap; }
.nav_content nav > ul > li { display: flex; list-style:none; position:relative; flex-direction: row; flex-wrap: nowrap; text-wrap-mode: nowrap; }
.nav_content nav > ul > li > i { position: absolute; right:0; top:0; bottom:0; margin:auto; display: flex; align-items: center; justify-content: center; width: fit-content; height: fit-content; transition: all 0.5s ease-out; }
.nav_content nav > ul > li > a { float:left; line-height:35px; padding:0 20px 0 20px; text-decoration:none; color:var(--textcolor); font-weight:500; font-size:.78rem; letter-spacing: .06em; }
.nav_content nav > ul > li.vitrin { position:absolute; right:0; top:0; }

/* Masaüstüne Özel (Hover, Açılır Menü ve Mobil Butonların Gizlenmesi) */
@media (min-width: 993px) {
    /* Mobil butonları masaüstünde tamamen gizle */
    .menu_open_btn, .menu_overlay, .menu_close_btn { display: none !important; }
    /* Masaüstü Dropdown Stilleri */
    .nav_content nav > ul > li > ul { display:none; top:100%; background:rgba(var(--paperrgb), .95); margin:0; border:1px solid rgba(var(--goldrgb), .24); border-top: 2px solid var(--gold); gap: 2px; min-width: 220px; padding: 12px; position: absolute; right: 0; box-shadow: 0 20px 45px rgba(var(--olivergb), .14); flex-direction: column; }
    .nav_content nav > ul > li:hover > a { color:var(--gold); }
    .nav_content nav > ul > li:hover > ul { display:flex; }
    .nav_content nav > ul > li:hover > i { transform:rotate(180deg); color:var(--gold); }
    .nav_content nav > ul > li > ul li { float:left; width:100%; list-style:none; display: flex; }
    .nav_content nav > ul > li > ul li a { width:100%; text-decoration:none; letter-spacing: .02em; white-space: nowrap; padding: 12px 14px; font-family: "Cormorant Garamond, Georgia, serif"; font-size: 1.12rem; display: flex; }
    .nav_content nav > ul > li > ul li a:hover { color: var(--gold); background:var(--menubg); }
}


.headeright { display:flex; position: relative; gap: 2px; align-items: center; }
.searchform { display:flex; width: fit-content; height: auto; top: 100%; position: relative; }
.searchform > i { display: flex; width: fit-content; min-width:40px; height: 40px; justify-content: center; align-items: center; font-size: 1.5em; cursor:pointer; }
.searchform > i.close { display:none; }
.searchform > i:hover { background:var(--stone); }
.searchform form { display: none; width: fit-content; min-width: 300px; position: absolute !important; right: 0; top: 100%; }
.searchform form input { display: flex; width:100%; height:100%; padding: 0px 45px 0 0; background: var(--ink); border: 1px solid var(--gold); font-size: 1em; color: var(--stone); min-height: 45px; text-indent: 15px; border-radius: 25px; }
.searchform form button { position:absolute; width: 45px; height:100%; font-size:1.5em; text-align:center; top:0; right:0; border:0; background:transparent; color:var(--ivory); display: flex; align-items: center; justify-content: center; }
.searchform.active > i.close { display:flex; }
.searchform.active > i.open { display:none; }
.searchform.active > form { display:flex; }
.searchform > form:has(.search_content > .search_results) input { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.search_content { position:absolute; top:100%; left:0; z-index:5; width:100%; background-color: var(--ivory); border-top:0; border: none; border-radius: 25px; }
.search_content .search_results { float:left; width:100%; padding:0; margin: 0; border: 2px solid var(--ink); border-top: none; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; overflow: hidden; list-style:none; }
.search_content .search_results li { display: flex; width: 100%; line-height: 1.1em; padding: .5em; border-bottom: 1px solid var(--stone); }
.search_content .search_results li:last-child { border-bottom:none; }
.search_content .search_results li.title { padding:10px; font-weight:400; color: var(--gold); font-size: 1em; border-bottom: 1px solid var(--stone); display: flex; }
.search_content .search_results li.result a { width:100%; display: flex; height:fit-content; text-decoration:none; padding: .5em; }
.search_content .search_results li.result.selected { background:var(--stone); }

header ul.hesabim { display:flex; flex-direction: column; position:relative; z-index:5; padding: 0; margin: 0; list-style: none; }
header ul.hesabim li { display:flex; width:100%; height:fit-content; list-style:none; position:relative; }
header ul.hesabim > li > a { display: flex; width: fit-content; min-width:40px; height: 40px; justify-content: center; align-items: center; font-size: 1.5em; }
header ul.hesabim > li:hover > a { background:var(--stone); }
header ul.hesabim > li li:last-child > a { border:0; }
header ul.hesabim li:hover > ul { display:block; }
header ul.hesabim ul { position: absolute; right:0; top:100%; display: none; color: var(--textcolor); background: rgba(var(--paperrgb), .95); margin: 0; border: 1px solid rgba(var(--goldrgb), .24); border-top: 2px solid var(--gold); gap: 2px; min-width: 190px; padding: 12px; box-shadow: 0 20px 45px rgba(var(--olivergb), .14); } 
header ul.hesabim ul a { display:flex; width:100%; padding: 0.75em; border-bottom: 1px solid var(--stone); text-decoration:none; font-size: 1em; font-weight: 600; text-wrap-mode: nowrap; }
header ul.hesabim ul a:hover { background:var(--stone); border-color: var(--ivory); }
header ul.hesabim ul li:last-child a,
header ul.hesabim ul li:last-child a:hover { border:none; }

#sepetim { float:right; position:relative; z-index:6; }
#sepetim > a { display: flex; width: fit-content; min-width:40px; height: 40px; justify-content: center; align-items: center; font-size:2.1em; text-decoration: none; }
#sepetim > a:hover > a { background:var(--stone); }
#sepetim > a small { position: absolute; right: 0; font-size: 0.4em; background: var(--ink); width:19.5px; height: 15px; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--ivory); font-weight: 700; bottom: 0; top: 5px; margin: auto; left: 0; border-radius: 3px; }
#sepetim > a > i { font-size:15px; margin-left:5px; }
#sepetim > a:hover { background: var(--stone); }
#sepetim > div { display:none; position:absolute; top:100%; right:0; width:300px; margin:0; padding:0; background:var(--textcolor); border-top:0; }
#sepetim ul { float:left; width:100%; max-height:385px; overflow:auto; margin:0; padding:0 0 5px 0; }
#sepetim ul li { float:left; width:100%; list-style:none; margin-top:5px; padding-top:10px; border-top: 1px solid #e3e3e3; }
#sepetim ul li:first-child { border-top:0; padding-top:0; }
#sepetim ul li a { text-decoration:none; color:#EEE; }
#sepetim ul li img { display:inline-block; border:1px solid #EEE; }
#sepetim ul li a strong { font-size:13px; font-weight:400; }
#sepetim ul li a:hover strong { text-decoration:underline; color:#FFF; }
#sepetim ul li a .price { float:left; width:100%; font-size:15px; color:#DDD; margin-top:4px; }
#sepetim.active { z-index:9999999; }
#sepetim.active div, #sepetim.hasproduct:hover div { display:block; }
#sepetim.hasproduct:hover > a { background:var(--textcolor); line-height:41px; color:#FFF; }
#sepetim.hasproduct:hover > a > span, #sepetim.hasproduct:hover > a > span #adet { color:#FFF; margin:0; }
#sepetim.hasproduct:hover > a > i { display:none; }

.indexslider { float:left; width:100%; height:fit-content; display:flex; position:relative; }
.indexslider .swiper-container { float:left; width:100%; height:fit-content; position:relative; }
.indexslider .swiper-pagination { position:absolute; left:0; bottom:40px; width:100%; }
.indexslider .swiper-pagination .swiper-pagination-bullet { width:12px; height:12px; background:#DDD; }
.indexslider .swiper-pagination .swiper-pagination-bullet-active { background:#FBD600; }

.slidepage { display: flex; width: 100%; height: fit-content; min-height: 800px; background-repeat: no-repeat; background-position: center center; background-size: cover; align-items: center; }
.slidepage > .slide_content { width: min(650px,100% - 48px); margin-left: max(24px,50vw - 590px); padding: 70px 0; height: fit-content; }
.slidepage > .slide_content > span { color: var(--gold); letter-spacing: .2em; text-transform: uppercase; font-size: .72rem; font-weight: 700; display: inline-block; margin-bottom: 10px; }
.slidepage > .slide_content h1 { color: #1f2a16; max-width: 700px; font-size: clamp(3.5rem,6vw,5.5rem); line-height: .94; letter-spacing: -.035em; font-weight: 400; margin-bottom: 10px; }
.slidepage > .slide_content p { color: #3a352d; max-width: 560px; font-family: Georgia,serif; font-size: 1.3rem; line-height: 1.75; }

.slidepage > .slide_content ul { flex-wrap: wrap; gap: 12px; margin-top: 32px; display: flex;padding:0; }
.slidepage > .slide_content ul li { display:flex; }
.slidepage > .slide_content ul li > a { border: 1px solid var(--olive); text-transform: uppercase; letter-spacing: .12em; padding: 14px 22px; font-size: .8rem; font-weight: 700; background: var(--olive); color: var(--white); text-decoration:none; }
.slidepage > .slide_content ul li:nth-child(2n) > a { color: var(--olive); background: #f7f3eab3; }

.swiper-slide { width:100%; height:100%; position:relative; }
 
section.homeband { background: #faf7ef; grid-template-columns: repeat(4, 1fr); width: min(var(--maxwidth), 100%); margin: 0 auto; display: grid; max-width: var(--maxwidth); }
section.homeband > a { text-align: center; border-right: 1px solid var(--stone); border-bottom: 1px solid rgba(var(--goldrgb), .25); display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 146px; padding: 22px 18px; transition: all .25s ease-out; text-decoration: none; }
section.homeband > a:hover { background: #eee7d8; }
section.homeband > a:last-child,
section.homeband > a:nth-child(4n) { border-right: 0; }
section.homeband > a img { object-fit: contain; width: 49px; height: 49px; margin-bottom: 10px; }
section.homeband > a > * { width: 100%; display:flex; justify-content: center; }
section.homeband > a strong { font-size:1.2em; letter-spacing:0.075em; color: var(--olive); font-weight: 500; }
section.homeband > a small { font-size: 1.35em; color: var(--muted); margin-top: 7px; font-family: var(--font1); }

section.homecards { grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 30px 0 92px; display: grid; width: min(1180px, 100% - 48px); margin-inline: auto; }
section.homecards > a { flex-direction: column; min-height: 390px; color: var(--white); isolation: isolate; text-decoration: none; background-position: 50%; background-size: cover; display: flex; position: relative; overflow: hidden; justify-content: flex-end; padding: 30px; }
section.homecards > a:before { content: ""; z-index: -1; background: linear-gradient(#0c110829 18%,#0c110894 51%,#090d06f0 100%); transition: all .35s; position: absolute; inset: 0; }
section.homecards > a:after { content: ""; z-index: 2; pointer-events: none; border: 1px solid #ffffff29; position: absolute; inset: 0; }
section.homecards > a:hover:before { background: linear-gradient(#0c11086b 30%,#090d06f5); }
section.homecards > a strong { color: #fff; margin: 0 0 10px 0; font-size: 1.5rem; line-height: 1; display: flex; flex-direction: column; font-family: var(--font2); font-weight: 400; }
section.homecards > a strong::before { content: attr(data-num); color: var(--lightgold); letter-spacing: .2em; font-size: .67rem; margin-bottom: 7px; }
section.homecards > a span { color: #efeadf; font-size: 0.74rem; line-height: 1.55; margin-bottom: 10px; }
section.homecards > a small { letter-spacing: .13em; text-transform: uppercase; border: 1px solid #ffffffb8; margin-top: 12px; padding: 10px 15px; font-size: .66rem; font-weight: 400; display: inline-block; width: fit-content; }

section#koleksiyonlar { background-color: #f9f6ee; background-image: url(../design/zeytin_dali_bg.png); background-position: 50% 320px; background-repeat: no-repeat; background-size: min(1500px,100%); padding-top: 96px; position: relative; overflow: hidden; }
section#koleksiyonlar .container { position: relative; z-index: 1; width: min(1180px, 100% - 48px); margin-inline: auto; }
section#koleksiyonlar .container .section-heading { margin-bottom: 62px; max-width:900px; }
section#koleksiyonlar .container .section-heading h2 { font-weight: 400; letter-spacing: -.035em; color: var(--olive); margin-top: 10px; font-size: clamp(2.6rem, 3.5vw, 3.5rem); line-height:1.2; }
section#koleksiyonlar .container .section-heading p { color: var(--muted); max-width: 660px; font-size: 1.05rem; line-height: 1.75; }

section#koleksiyonlar .container .collection-title-row { border-top: 1px solid #927a3c66; justify-content: space-between; align-items: end; gap: 35px; padding:30px 0; display: flex; }
.collection-title-row > div > span { letter-spacing: 0.2em; color: var(--gold); font-size: 0.65rem; }
.collection-title-row h2 { color: var(--olive); font-size: 2.65rem; line-height: 1; margin: 6px 0px; }
.collection-title-row p { color: var(--muted); margin: 0px; line-height: 1.75; }
.collection-title-row > a { text-decoration:none; text-transform: uppercase; letter-spacing: 0.13em; color: var(--olive); padding-bottom: 6px; font-size: 0.68rem; font-weight: 700; white-space: nowrap; border-bottom: 1px solid var(--gold); }

ul.products { grid-template-columns: repeat(4, 1fr);padding:0;margin-top: 0;list-style: none; display: grid; gap: 14px; margin-bottom: 96px; width: 100%; }
ul.products li { position:relative; float:left; width:100%; height:fit-content; list-style:none; background: #fffdf9; border: 1px solid #927a3c38; min-width: 0; transition: transform .25s, box-shadow .25s; }
ul.products li:hover { transform: translateY(-4px); box-shadow: 0 18px 45px #2430181f; }

ul.products li span.pactions { position:absolute; top:10px; right:10px; z-index: 1; }
ul.products li span.pactions small { width:auto; height:auto; float:right; display:block; margin-left:5px; background:#FF8605; color:#FFF; font-style:normal; font-weight:700; padding:3px 5px; font-size:14px; }
ul.products li span.pactions small.yeni { background:#D60000; }
ul.products li span.pactions:empty { display: none; }
ul.products li .img { display: flex; width:100%; aspect-ratio: 0.8/1; position:relative; overflow:hidden; }
ul.products li .img img { object-fit: cover; width: 100%; height: 100%; transition: transform .4s; max-width: 100%; display: block; }

ul.products li .uk { float:left; width:100%; color:#E37C33; font-size:11px; font-weight:400; text-align:center; margin:5px 0 5px 0; }
ul.products li .prices { display: flex; flex-direction: column; width: fit-content; height: fit-content; font-size: 1.2em; }
ul.products li .prices span { font-weight: 700; }
ul.products li .prices strike { color:var(--muted); font-weight:400; font-size: 0.8em; margin-bottom: 5px; }
ul.products li.indirimli .prices span { display:inline-block; margin-left:20px; }

.home-product-copy { padding: 20px; display: flex; flex-direction: column; }
.home-product-copy>span { color: var(--gold); text-transform: uppercase; font-size: .65rem; display: block; }
.home-product-copy p { color: var(--muted); margin: 0 0 16px; font-size: .65rem; line-height: 1.5; }

ul.products li .title { color: var(--olive); min-height: fit-content; margin: 8px 0 10px 0; font-size: 1.1rem; line-height: 1.38; text-decoration:none; font-family: var(--font2); min-height: 76px; }
.home-product-copy>div { border-top: 1px solid var(--stone); gap: 12px; padding-top: 14px; display: flex; text-wrap-mode: nowrap; justify-content: space-between; align-items: flex-end; }
.home-product-copy div a { letter-spacing: .11em; text-transform: uppercase; color: var(--olive); font-size: .6rem; font-weight: 700; text-decoration: none; font-family: var(--font3); }

ul.products.mini-products { grid-template-columns: repeat(2, 1fr); gap: 16px; display: grid; }
ul.products.shop-grid { grid-template-columns: repeat(3, 1fr); gap:28px; display: grid; padding: 50px 0 120px; }





.legacy-panel {
    margin-top: 92px;
    background: var(--olive);
    padding: 46px;
}.legacy-title {
    border-color: rgba(217, 195, 125, 0.55);
}.collection-title-row {
    justify-content: space-between;
    align-items: end;
    display: flex;
    border-top: 1px solid rgba(146, 122, 60, 0.4);
    gap: 35px;
    padding: 24px 0px 26px;
}.legacy-layout {
    grid-template-columns: minmax(270px, 380px) 1fr;
    align-items: stretch;
    display: grid;
    gap: 42px;
}.collection-title-row > div > span {
    letter-spacing: 0.2em;
    color: var(--gold);
    font-size: 0.65rem;
}
.collection-title-row h2 {
    color: var(--olive);
    font-size: 2.65rem;
    line-height: 1;
    margin: 6px 0px;
}
.collection-title-row p {
    color: var(--muted);
    margin: 0px;
}
.collection-title-row > a {
    text-transform: uppercase;
    letter-spacing: 0.13em;
    color: var(--olive);
    padding-bottom: 6px;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
    border-bottom: 1px solid var(--gold);
}
.legacy-title p {
    color: rgb(213, 215, 205);
}

.legacy-title h2 {
    color: rgb(255, 255, 255);
}
.legacy-title > a {
    color: rgb(255, 255, 255);
}
.home-product-card {
    min-width: 0px;
    background: rgb(255, 253, 249);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(146, 122, 60, 0.22);
    border-image: none;
    transition: transform 0.25s, box-shadow 0.25s;
}
.legacy-layout .home-product-card {
    background: rgb(248, 244, 234);
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 0;
}
.legacy-story {
    color: rgb(255, 255, 255);
    background-image: linear-gradient(90deg, rgba(26, 35, 17, 0.97), rgba(26, 35, 17, 0.58)), var(--legacybg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    display: flex;
    background-position: 50% center;
    padding: 58px;
}
.home-product-image {
    height: 360px;
    display: block;
    background: rgb(232, 226, 215);
    overflow: hidden;
}
.home-product-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 0.4s;
}
.legacy-story h3 {
    max-width: 630px;
    font-size: 3.3rem;
    line-height: 0.98;
    margin: 14px 0px;
}
.legacy-story p {
    color: rgb(222, 223, 216);
    max-width: 610px;
}
.button.secondary {
    color: var(--olive);
    background: rgba(247, 243, 234, 0.7);
}
.button {
    border: 1px solid var(--olive);
    text-transform: uppercase;
    letter-spacing: .12em;
    padding: 14px 22px;
    font-size: .8rem;
    font-weight: 700;
}
.legacy-story .button {
    color: rgb(255, 255, 255);
    align-self: flex-start;
    margin-top: 18px;
    background: 0px 0px;
    border-color: rgb(217, 195, 125);
    
}

@media (width<=720px) {
    section#koleksiyonlar{background-position: 50% 50%;}
    .heritage-band>a {
        min-width: 205px;
        min-height: 132px;
        padding: 17px 12px
    }

    .feature-icon {
        width: 40px;
        height: 40px
    }

    .journey-section {
        scroll-snap-type: x mandatory;
        width: 100%;
        padding: 18px 14px 64px;
        display: flex;
        overflow-x: auto
    }

    .journey-card {
        scroll-snap-align: start;
        min-width: 80vw;
        min-height: 390px
    }

    .home-collections-products {
        padding-top: 72px
    }

    .home-collections-products .section-heading {
        margin-bottom: 42px
    }

    .olive-ornament {
        display: none
    }

    .collection-title-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px
    }

    .collection-title-row h2 {
        font-size: 2.35rem
    }

    .home-product-grid {
        scroll-snap-type: x mandatory;
        margin-right: -14px;
        padding-right: 14px;
        display: flex;
        overflow-x: auto
    }

    .home-product-card {
        scroll-snap-align: start;
        min-width: 82%
    }

    .home-product-image {
        height: 410px
    }

    .legacy-panel {
        margin: 70px -14px 0;
        padding: 36px 14px
    }

    .legacy-layout {
        grid-template-columns: 1fr
    }

    .legacy-story {
        min-height: 430px;
        padding: 42px 28px
    }

    .legacy-story h3 {
        font-size: 2.7rem
    }
}


.faq-layout {
    grid-template-columns: 260px 1fr;
    gap: 80px;
    padding: 100px 0;
    display: grid;
}
.faq-layout aside {
    align-self: start;
    gap: 14px;
    display: grid;
    position: sticky;
    top: 120px;
}
.faq-layout aside a {
    border-bottom: 1px solid var(--stone);
    padding-bottom: 12px;
    font-size: .85rem;
}


.faq-list details {
    border-top: 1px solid var(--stone);
    padding: 0;
}
.faq-list h3 {
    cursor: pointer;
    color: var(--olive);
    justify-content: space-between;
    gap: 20px;
    padding: 28px 0;
    font-family: var(--font2);
    font-size: 1.1rem;
    list-style: none;
    display: flex;
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid var(--stone);
    position: relative;
}
.faq-list h3::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.3em;
    font-weight: bold;
    transition: transform 0.3s ease;
    color:var(--gold);
}

.faq-list h3.active::after {
    content: '−';
}
.faq-list summary span {
    color: var(--gold);
}
.faq-list p {
    max-width: 760px;
    color: var(--muted);
    padding: 0 0 28px 0;
    margin: 0;
}



.collection-detail { grid-template-columns: 80px 360px 1fr; align-items: start; gap: 40px; padding: 120px 0; display: grid; clear: left; }
.collection-number { color: var(--gold); border-top: 1px solid var(--gold); padding-top: 14px; font-family: Georgia, serif; font-size: 2rem; }
.collection-intro h2 { color: var(--olive); margin: 12px 0 20px; font-size: 2.5rem; line-height: .95; font-family: var(--font1); }
.collection-intro p { line-height: 1.6; margin-bottom:20px; }
.dual-links span, .text-link { text-transform: uppercase; letter-spacing: .12em; color: var(--olive); font-size: .74rem; font-weight: 700; text-decoration: none; }

.page-hero { background: #ded6c7; padding: 140px 24px 100px; }
.page-hero.has-image { min-height: 650px; color: var(--white); background-position: 50%; background-size: cover; align-items: flex-end; display: flex; background-image: linear-gradient(90deg, rgba(22, 29, 13, 0.83), rgba(22, 29, 13, 0.18)), var(--avatarbg);}
.page-hero-inner { width: min(1180px, 100%); margin: auto; }
.page-hero h1 { font-weight: 400; max-width: 900px; font-size: clamp(3.5rem, 5vw, 4.5rem); line-height: 1.2; padding: 20px 0; margin: 0; }
.page-hero p { max-width: 720px; font-family: Georgia, serif; font-size: 1.25rem; line-height: 1.75; }
.shop-grid { grid-template-columns: repeat(3, 1fr); gap: 28px; padding: 50px 0 120px; display: grid; }

.vitrin-section { float:left; width:100%; background:#F5F8CD; margin:160px 0 0 0; color:#4A5033; font-size:15px; }
.vitrin-section span.img { position:absolute; width:227px; height:227px; background:#F5F8CD; border-radius:100%; top:-110px; left:0; right:0; margin:auto; display:block; overflow:hidden; }
.vitrin-section span.img img { position:absolute; left:35px; top:38px; display:block; }
.vitrin-section div.text { float:left; width:100%; position:relative; padding:60px 50px 0 50px; line-height:20px; }
.vitrin-section a { float:left; width:100%; text-align:center; color:#4A5033; margin:30px 0 90px 0; font-size:23px; text-decoration:none; }

.index-social { float:left; width:100%; height:420px; background:#FFF; position:relative; }
.index-social:before { content:''; width:88px; height:88px; position:absolute; left:0; right:0; margin:auto; top:-53px; background:#FFF url(../design/zeytin_ico.jpg) no-repeat center center; border-radius:100%; }
.index-social .center:before { content:''; position:absolute; top:38px; left:0; right:0; margin:auto; width:1px; height:490px; border-left:1px solid #596630; }

.kunye-post, .blog-posts { float:left; width:50%; padding-top:60px; }
.kunye-post { padding-right:35px; color:#4A5033; font-size:15px; line-height:20px; }
.kunye-post > span { float:left; width:100%; color:#212121; font-size:23px; margin:0 0 20px 0; font-weight:400; }

.blog-posts { padding-left:35px; }
.blog-posts > span { float:left; width:100%; color:#212121; font-size:23px; margin:0 0 20px 0; font-weight:500; }
.blog-posts ul { float:left; width:100%; margin:0; padding:0; }
.blog-posts ul li { float:left; width:100%; margin:0 0 20px 0; list-style:none; }
.blog-posts ul li a { float:left; width:100%; padding:0 20px 0 144px; position:relative; }
.blog-posts ul li a span.img { position:absolute; left:0; top:0; width:124px; height:104px; border:2px solid #F5F8CD; background:#FFF; overflow:hidden; }
.blog-posts ul li a span.img img { position:absolute; left:-2000px; right:-2000px; top:-2000px; bottom:-2000px; margin:auto; display:block; }
.blog-posts ul li a strong, .blog-posts ul li a span.description, .blog-posts ul li a small { float:left; width:100%; color:var(--textcolor); }
.blog-posts ul li a strong { font-size:15px; font-weight:500; }
.blog-posts ul li a span.description { font-size:13px; font-weight:300; margin:10px 0 10px 0; }
.blog-posts ul li a:hover span.img { border:5px solid #eee; }
.blog-posts ul li a:hover strong { text-decoration:underline; }

footer { color: var(--footertext); background: var(--footerbg); padding: 80px max(24px, 50vw - 590px) 28px; position:relative; }
body.urun footer, body.sistem footer { margin-top:50px; }
footer .footer-grid { grid-template-columns: 1.5fr repeat(3, 1fr); gap: 50px; display: grid;list-style: none; }
.footer-grid > li > span { color: var(--footertextsub); margin-bottom: 25px; font-size: 1rem; display: flex; }
.footer-grid > li > ul { padding:0; margin:0; list-style:none; display:flex; flex-direction: column; }
.footer-grid > li > ul li { padding:0; margin:0; list-style:none; display:flex; }
.footer-grid .fconnect, .footer-grid > li > ul a { color: #c5c5ba; margin: 10px 0; font-size: .75rem; display: block; text-decoration:none; transition: all .25s ease-out; line-height: 1.2rem; }

footer .sadeceweb { width: 30px; height: 25px; display: flex; -webkit-mask-image: url(../design/sw.svg); mask-image: url(../design/sw.svg); background-color:var(--paper); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; opacity: .5; transition: all .25s ease-out; }
footer .sadeceweb:hover { background-color:var(--footertext); opacity:1; }
.footer-bottom { color: #91988a; border-top: 1px solid #3c4432; justify-content: space-between; margin-top: 60px; padding-top: 15px; font-size: .75rem; display: flex; }
.footer-bottom > span { font-size: 0.9em; display: flex; align-items: center; }
footer .bank { display: flex; flex-direction: column; width: 100%; background: url(../design/visa_master.svg) no-repeat center center; background-size: auto 22px; padding: 0; justify-content: center; height: 45px; align-items: center; margin-bottom: 10px; }
footer small.gotop { display:none; position: fixed; right: 10px; bottom: 10px; width: 50px; height: 50px; background: var(--lightgold); color: var(--footerbg); text-align: center; font-size: 22px; padding-top: 14px; cursor: pointer; border-radius: 100px; }
footer small.gotop:hover { background:var(--reviewbg); }
footer .swpack { display: flex; text-align: center; font-size:0.85em; color:#91988a; align-items: center; justify-content: center; font-family: var(--font2); }

#bread-crumbs { float:left; width:100%; font-weight:300; font-size:13px; margin:10px 0 10px 0; padding-left:3px; display:none; }
#bread-crumbs ul { float:left; margin:0; padding:0; list-style:none; }
#bread-crumbs li { float:left; }
#bread-crumbs a, #bread-crumbs span { float:left; color:#646464; font-weight:600; text-decoration:none; line-height:30px; padding:0 10px 0 10px; }
#bread-crumbs li:before { float:left; content:'»'; line-height:30px; }
#bread-crumbs li:first-child:before { content:''; }
#bread-crumbs li:first-child a { padding-left:0; }
#bread-crumbs a:hover { color:#000; }
body.sistem #bread-crumbs { display:none; }

.products_list, .category_text { float:left; width:100%; position:relative; }
.products_list > .title { float:left; width:100%; text-align:center; font-size:35px; font-weight:900; color:#222; margin:0 0 15px 0; padding:0; }
.products_list.special { width:100%; }
.products_list.special .products_list_title { border-bottom:1px solid #e6e6e6; }
.products_list.special ul.products.category li { width:20%; }

.noresults { border:1px solid #ddd; font-size:14px; color:#333; font-weight:400; background:#fff; }
.noresults > .crow { margin:0; border-bottom:1px solid #ddd; padding:10px 20px 10px 20px; }
.noresults .message { float:left; width:100%; text-align:center; padding:40px; }
.noresults .message i { display:block; font-size:30px; color:#999; margin-bottom:10px; }

.firsat_ord { display: flex; align-items: center; justify-content: space-between; padding: 50px 0 20px; border-bottom: 1px solid var(--menubg); }
.firsat_ord .firsatlar { float:left; width:100%; padding-left:20px; margin:15px 0 15px 0; }
.firsat_ord .firsatlar .toplam { float:right; color:#999; margin:5px 10px 0 0; }
.firsat_ord .firsatlar a { position:relative; float:left; text-decoration:none; margin-right:30px; color:#444; font-size:13px; line-height:27px; font-weight:400; }
.firsat_ord .firsatlar a:before { content:''; float:left; width:18px; height:18px; line-height:18px; background:#fff; border-radius:2px; border:1px solid #999; margin:3px 8px 0 0; font-size:16px; position:relative; }
.firsat_ord .firsatlar a.active:after, .firsat_ord .firsatlar a:hover:after, .left.filter .attributes ul.attrlist li.active a:after, .left.filter .attributes ul.attrlist li a:hover:after { content:''; position:absolute; top:0; left:0; border-right: 3px solid; border-bottom:3px solid; transform:scale(.85) rotate(47deg) skewX(12deg); margin:-10px 0 0 8px; width:10px; height:26px; }

.firsat_ord > h1 { font-size:2em; }
.firsat_ord .ord_list { display: flex; width: fit-content; }
.firsat_ord .ord_list .ord { border-radius:4px; overflow:hidden; border: 1px solid var(--stone); background: 0 0; padding: 12px; }

.category_text { margin:10px 0 10px 0; padding:20px; }
.category_text h1, .category_text h2, .category_text p { float:left; width:100%; margin:0 0 10px 0; padding:0; color:#333; }
.category_text p { margin:0 0 10px 0; color:#666; }
.category_text strong { font-weight:600; }

.product-detail { background: var(--stone); position:relative; box-shadow: 0 1px 2px 1px rgba(0,0,0,0.1); margin-top: 50px; margin-bottom: 50px; display: flex; height: fit-content; }
.product-detail > .images, .product-detail .info { float:left; width:50%; }
.product-detail > .images { padding-top:0; }
.product-detail > .info { padding:30px; background: var(--paper); }

.product-detail > .images #avatar { position:relative; float:left; width:100%; height:fit-content; overflow:hidden; }
.product-detail > .images #avatar img { width:100%; height:100%; object-fit:contain; display:block; }
#thumbs a img { position:absolute; left:-2000px; top:-2000px; bottom:-2000px; right:-2000px; margin:auto; }

.product-detail .images small { float:left; width:100%; margin:10px 0 10px 0; text-align:center; font-weight:300; color:#999; font-size:14px; }
#thumbs { float:left; width:100%; text-align:center; }
#thumbs a { position:relative; display:inline-block; width:54px; height:54px; overflow:hidden; margin:5px; background:#fff; border:2px solid #ccc; border-radius:5px; }
#thumbs a.active { border-color:#999; }

.product-detail .info .title { float:left; width:100%; margin:0 0 15px 0; }
.product-detail .info .title h1, .other-titles { position:absolute; left:-10000px; top:-10000px; }
.product-detail .info .title h2 { float:left; width:100%; padding:0; margin:0; font-weight:600; font-size:3em; color: var(--textcolor); }
.product-detail .info .sku { float:left; color: var(--muted); font-size: 1em; font-weight: 400; }
.product-detail .info .title h3 { float:left; width:100%; margin:0; padding:0; font-size:17px; font-weight:300; color:#999; }
.product-detail .info .review { display:none; }

.product-detail .info .attributes { float:left; width:100%; background: var(--menubg); margin:15px 0 15px 0; border: 1px solid var(--reviewbg); }
.product-detail .info .attributes > div { float:left; width:100%; padding:12px 20px; border-bottom:1px dotted #ccc; }
.product-detail .info .attributes > div:last-child { border:0; }
.product-detail .info .attributes > div > span { float:left; width:20%; color:#333; }
.product-detail .info .attributes > div > span:after { content:':'; float:right; margin-right:10px; }
.product-detail .info .attributes > div > strong { float:left; max-width:60%; color:var(--textcolor); font-weight:600; text-decoration:none; }

.product-info .row { float:left; width:100%; margin-bottom:10px; }
.product-info .row .label, .product-info .row label { float:left; width:100%; font-size:13px; font-weight:bold; font-family:Arial, sans-serif; color:#444; margin-bottom:5px; }
.product-info .social { margin:15px 0 0 0; }
.product-info .social span { float:left; margin-right:15px; line-height:25px; font-size:13px; font-weight:600; color:#484848; }
.product-info .social span i { margin-right:5px; }

#kdv_dahil { float:left; width:100%; font-size:2em; color: var(--textcolor); font-weight:600; margin-top: 0px; }
#eski_fiyat { float:left; width:100%; font-size:22px; text-decoration:line-through; color:#999; font-weight:400; }
#eski_fiyat small { font-size:14px; }

.product-info .row.price { margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #ddd; position:relative; }
.product-info .row.price .indirimli { position:absolute; left:0; top:0; width:65px; height:65px; padding-top:10px; text-align:center; color:#FFF; font-size:18px; font-weight:600; background:#f90909; }
.product-info .row.price .indirimli small { display:block; }
.product-info .row.price.discounted { padding-left:75px; }

.product-info .buttonrow { float:left; width:100%; margin:15px 0 15px 0; }
.product-info .buttonrow #sepet_ekle { float:left; width:180px; height:47px; color:#FFF; text-align:center; border:0; background:#666; border-radius:5px; font-size:16px; font-weight:500; position:relative; padding-left:25px; margin-left:10px; }
.product-info .buttonrow #sepet_ekle i { font-size:25px; position:absolute; left:20px; top:12px; }
.product-info .buttonrow #sepet_ekle:hover { background:#333; }

.product-info .kargosure { margin-bottom:20px; }
.product-info .kargosure span { font-weight:600; }

.product-info .firsatlar { margin:0; }
.product-info .firsatlar span { position:relative; float:left; background:#fff; border:3px solid #CCCCCC; padding:15px 40px 15px 15px; border-radius:5px; margin:0 10px 10px 0; color:#333; }
.product-info .firsatlar span i { position:absolute; right:14px; top:14px; color:#aaa; font-size:20px; }
.product-info .firsatlar span:hover { border-color:#BBBBBB; }

.product-info .row.action { margin:15px 0 0 0; }
.product-info .row.action a { font-family:Arial, sans-serif; float:left; line-height:24px; font-size:12px; font-weight:bold; color:#484848; text-decoration:none; margin-right:20px; }
.product-info .row.action a i { color:#BBB; font-size:18px; margin-right:5px; }
.product-info .row.action a:hover, .product-info .row.action a:hover i { color:#000; }

#sw_secenek_html select { float:left; color:#999; font-size:13px; font-weight:bold; background:#fff; border:3px solid #CCCCCC; width:200px; height:40px; padding-left:10px; border-radius:5px; }
#sw_secenek_html select:hover { border-color:#BBBBBB; color:#333; }
#sw_secenek_html select:focus { border-color:#666; color:#000; }

.sw_numeric_counter { float:left; padding:2px; height:48px; background:#bfbfbf; text-align:center; border-radius:5px; }
.sw_numeric_counter button { float:left; width:25px; height:100%; border:0; padding:0; background:transparent; color:#53534a; font-size:13px; }
.sw_numeric_counter button:first-child { border-top-left-radius:5px; border-bottom-left-radius:5px; }
.sw_numeric_counter button:last-child { border-top-right-radius:5px; border-bottom-right-radius:5px; }
.sw_numeric_counter button:hover { background:#ccc; }
.sw_numeric_counter label { float:left; background:#FFF; width:38px; height:100%; }
.sw_numeric_counter input { float:left; width:100%; text-align:center; color:#666; font-size:12px; height:25px; line-height:25px; border:0; background:transparent; }
.sw_numeric_counter span { float:left; width:100%; line-height:15px; color:#999; font-size:11px; }

.product-tab { margin-top:20px; }
.product-tab .attributes { float:left; width:100%; padding:10px; background:#f9f9f9; margin-top:20px; }
.product-tab .attributes > div { float:left; width:50%; }
.product-tab .attributes > div > span { float:left; width:40%; color:#333; padding:7px 0 7px 14px; }
.product-tab .attributes > div > a, .product-tab .attributes > div > strong { display:inline-block; width:auto; max-width:60%; padding:7px 0 7px 2px; color:#000; font-weight:600; text-decoration:none; }
.product-tab .attributes > div > a:hover { color:#000; text-decoration:underline; }

.tabmenu, .tabmenu > .tab_top, .tabmenu > .tab_content { float:left; width:100%; color: var(--textcolor); }
.tabmenu, .tabmenu > .tab_top { margin-left:-1px; }
.tabmenu > .tab_top > span { float:left; background:var(--menubg); font-size:14px; height:40px; top:10px; padding:10px 20px 15px 20px; color:#666; cursor:pointer; border:1px solid #ddd; border-bottom:0; position:relative; margin-right:3px; }
.tabmenu > .tab_top > span.active, .tabmenu > .tab_top > span.active:hover { background: var(--paper); z-index:2; height:50px; top:0; color:#000; }
.tabmenu.user-tab > .tab_top > span { padding:10px 0 15px 68px; }
.tabmenu > .tab_top > span.active { padding-top:20px; }
.tabmenu > .tab_top > span.active:before { content:''; position:absolute; left:0; top:0; width:100%; height:5px; background:#666; }
.tabmenu > .tab_top > span i { float:left; font-size:16px; margin:2px 5px 0 0; }
.tabmenu > .tab_top > span.active i { color:#666; }
.tabmenu > .tab_top > span:hover { background:#FFFFF0; }
.tabmenu > .tab_content { background: var(--paper); border-top: 1px solid var(--lightgold); min-height:150px; position:relative; z-index:1; margin-top:-1px; padding:20px; box-shadow:0 1px 2px rgba(0,0,0,0.2); }
.tabmenu > .tab_content > div { display:none; }
.tabmenu > .tab_content > div.active { display:block; }

.product-tab.tabmenu > .tab_content { padding-top:0; }
.product-tab.tabmenu > .tab_top > span i.icon-credit-card { margin-top:0; font-size:20px; }
.product-tab .text_title { float:left; width:100%; padding:7px 14px 7px 14px; font-size:14px; font-weight:600; color:#333; background:#f9f9f9; margin:14px 0 7px 0; }
.product-tab .text_content { overflow:hidden; line-height: 1.8; }
.product-tab .text_content table { border:1px solid #ddd; }
.product-tab .text_content table td, .product-tab .text_content table th { padding:10px; }

.product-tab .installments { padding-top:20px; }
.product-tab .installments span.crow { background:#f9f9f9; padding:10px 10px 5px 10px; border:1px solid #ddd; }
.product-tab .installments div.crow, .product-tab .installments p.crow { border-bottom:1px solid #ddd; margin:0; padding:10px; }
.product-tab .installments div.crow:last-child { border:0; }
.product-tab .installments div.crow:hover { background:#666; color:#fff; }

.product-tags { float:left; width:100%; margin:10px 0 10px 0; padding:0; }
.product-tags li { float:left; list-style:none; }
.product-tags a { float:left; color:#FFF; margin:5px 5px 0 0; text-decoration:none; font-weight:300; font-size:10px; opacity:0.1; }
.product-tags a:hover { color:#FFF; }

.soru_buton_box { margin:30px 0 0 0; padding:0; }

.question_list { float:left; width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #ddd; }
.question_list .question_box { float:left; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd; }
.question_list .question_box:last-child { margin:0; padding:0; border:0; }
.question_list .question_box .question_title { float:left; width:100%; margin-bottom:4px; }
.question_list .question_box .question_title .user { font-weight:700; font-size:13px; margin-right:20px; }
.question_list .question_box .question_title .subject { font-size:13px; font-weight:400; }
.question_list .question_box .question_body { float:left; padding:10px; border:2px solid #f2f2f2; background:#fff; }
.question_list .question_box .question_body p { display:block; margin:0; padding:0; color:#333; }
.question_list .question_box .question_body .date { color: gray; display: block; clear: both; margin-top:5px; }
.question_list .question_box .answer { clear:left; float:left; background:#ddd; margin-top:22px; position:relative; padding:13px 10px 10px 10px; border-radius:3px; }
.question_list .question_box .answer:before { content: ''; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: content-box; position:absolute; left:30px; top:-20px; width:0; height:0; border-left:0 solid transparent; border-right:18px solid transparent; border-bottom:20px solid #ddd; }
.question_list .question_box .answer p { display:block; margin:0; padding:0; color:var(--textcolor); }
.question_list .question_box .answer .seller { font-weight:600; margin-right:10px; }

.soru_content { float:left; width:100%; position:relative; background:#fff; }
.soru_title { float:left; line-height:40px; width:100%; font-size:18px; color:#333; padding:10px 5% 10px 5%; background:#fff; border-bottom:1px solid #ddd; }
.soru_text { float:left; width:90%; border:1px solid #ddd; background:#f1eded; padding:15px; margin:20px 5% 20px 5%; font-size:14px; font-weight:300; color:#444; }
.soru_form_body { float:left; width:100%; padding:0 5% 20px 5%; }
.soru_form_body form { float:left; width:100%; position:relative; }
.soru_form_body form .crow { margin-bottom:20px; }
.soru_form_body form textarea { max-width:100%; width:100%; height:120px; max-height:120px; outline:0; }
.soru_form_body form button { float:left; width:100%; border-radius:0; text-align:center; }
.soru_form_body form .label { float:left; width:100%; margin:0 0 3px 0; }
.soru_form_body form .radio { float:left; line-height:20px; margin-right:20px; }
.soru_form_body form .radio input { float:left; margin-right:5px; }

.user-tab.tabmenu { max-width:480px; float:none; margin:auto; margin-top:50px; margin-bottom:50px; }
.user-tab.tabmenu > .tab_top > span { width:49.8%; margin:0; font-size:14px; font-weight:600; line-height:25px; }
.user-tab.tabmenu > .tab_top > span.kayit_ol { float:right; margin-right:-2px; }
.user-tab.tabmenu > .tab_top > span i { font-size:18px; }
.user-tab.tabmenu > .tab_content { padding:35px; }
.user-tab .crow { margin-bottom:15px; }

.formcontainer, .listpages { margin-top:20px; padding:0 0 20px 0; }
.formcontainer .title, .listpages .title { float:left; width:100%; margin-bottom:20px; text-align:center; font-size:16px; font-weight:600; color:var(--textcolor); border-bottom: 1px solid var(--stone); padding:15px; }
.formcontainer #uyelik { width:500px; margin:auto; }
.formcontainer #yenisifre { width:300px; margin:auto; }
.listpages .cptable { width:96%; margin-left:2%; }

.radiobox { margin-top:5px; }
.radiobox label.key, .checkbox label { line-height:19px; }
.radiobox label.radio { float:left; line-height:19px; margin-left:20px; }
.radiobox label.radio input, .checkbox label input { float:left; margin-right:5px; }

.basketpage { padding: 20px; padding:100px 0 100px; display: grid; }
.basketpage > .title { width:100%; height:auto; float:left; text-align:center; font-size:27px; font-weight:300; padding:20px 0 20px 0; }
.basketpage > .title.head { font-size:26px; text-align:left; font-weight:400; padding: 10px 0 10px 0; }
.basketpage > .title.head > a { float:right; }
.basketpage > .title.head > i { color:#999; margin-right:9px; font-size:26px; font-weight:400; }
.basketpage > .title.head > a:before { float:right; padding:7px 0 0 10px; font-weight:400; font-size:21px; }
.basketpage .buttons { float:left; width:100%; margin:10px 0 10px 0; }
.basketpage .buttons a { color: var(--gold); text-decoration:none; font-weight: 500; }
.basketpage .buttons a:hover { text-decoration:underline; }
.basketpage .basketcount div { display:inline-block; }
.basketpage .basketcount input { width:50px; text-align:center; }
.basketpage .basketcount button { margin:0 0 0 5px; height:38px; }
.basketpage .basketcount button i { font-size:16px; }
.basketpage .cptable tbody, .basketpage .cptable tfoot { font-size:15px; }
.basketpage .cptable .link { display:block; margin-bottom:5px; }
.basketpage .cptable a.btn { padding:3px 6px 3px 6px; line-height:normal; font-size:12px;margin-bottom: 5px; }
.basketpage .cptable a.btn i { float:left; margin:3px 3px 0 0; }
.basketpage .devam { min-width:317px; margin-left:5px; }
.basketpage strike { color:#999; }
.basketpage > .sepetbos { width:75px; height: fit-content; margin:0px auto; display:block; color: var(--gold); display: flex; align-items: center; justify-content: center; font-size: 4em; }

.installment_table { float:left; width:100%; border:1px solid #dddddd; border-top:0; border-left:0; }
.installment_table .bank { border-top:1px solid #dddddd; border-left:1px solid #dddddd; }
.installment_table .ihead { background: #f9f9f9; padding: 5px; border: 1px solid #dddddd; }
.installment_table .crow.itr { border-bottom:1px dotted #dddddd; margin-bottom:5px; padding:5px; }
.installment_table .crow.itr:last-child { border-bottom:0; margin-bottom:0; }

.comments { float:left; width:100%; margin-top:30px; }
.comments .cpborder { background:#fff; border-radius:3px; }
.comments .comment { float:left; width:100%; border-top:1px solid #ddd; padding:10px; margin-top:10px; }
.comments .comment .comment-info { margin:0 0 5px 0; }
.comments .comment span { float:right; line-height:22px; margin-right:10px; }
.comments .comment small { float:right; width:110px; height:19px; background:url(../design/star_s.png) repeat-x; position:relative; }
.comments .comment small i { float:left; height:100%; background:url(../design/star_y.png) repeat-x; }
.comments .comment-subject { float:left; font-size:18px; }
.comments .comment-entry { line-height:19px; }

.eyebrow { color: var(--gold); letter-spacing: .2em; text-transform: uppercase; font-size: .72rem; font-weight: 700; display: inline-block; }
.eyebrow.light { color: var(--lightgold); }

#reviews { background:var(--reviewbg); padding:110px 0; }
#reviews > .reviewcontainer { width: min(1180px, 100% - 48px); margin-inline: auto; }
#reviews > .reviewcontainer .reviewsheader { max-width: 900px; margin-bottom: 48px; }
#reviews > .reviewcontainer .reviewsheader h2 { letter-spacing: -.035em; font-weight: 400; color: var(--olive); margin-top: 20px; font-size:3.5em; line-height: 1; }
#reviews > .reviewcontainer .reviews-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; display: grid; font-family: var(--font3); font-size: 1.25rem; line-height: 1.55; }
#reviews > .reviewcontainer .reviews-grid .reviewitem { background: var(--paper); border-top: 3px solid var(--gold); margin: 0; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; }
#reviews > .reviewcontainer .reviews-grid .reviewitem .reviewauthor { font-size: .8rem; font-weight: 700; text-transform: uppercase; }
#reviews > .reviewcontainer .reviews-grid .reviewitem .reviewheader { width: 100%; display: flex; flex-direction: column; }
#reviews > .reviewcontainer .reviews-grid .reviewitem .reviewheader:before { content:attr(data-stars); color: var(--gold); letter-spacing: .16em; font-size: 1em; margin-bottom: 7px; }
#reviews > .reviewcontainer .reviews-grid .reviewitem .reviewheader .reviewtext { font-size: 0.95em; }
#reviews > .reviewcontainer .reviews-grid .reviewitem .reviewfooter { width: 100%; display: flex; flex-direction:column; padding-top: 10px; }
#reviews > .reviewcontainer .reviews-grid .reviewitem .reviewfooter a { color: var(--muted); margin-top: 4px; font-weight: 400; display: block; font-size: .8rem; text-decoration: none; }

#editorial { grid-template-columns: 1fr 1.25fr 1fr; padding: 100px 0; display: grid; width: min(1180px, 100% - 48px); margin-inline: auto; }
#editorial > article { min-height: 440px; padding: 38px; }
#editorial > #story-teaser { background: var(--olive); color: var(--white); }
#editorial > #story-teaser p { line-height: 1.75; color: var(--textcolorlight); font-family: var(--font2); font-size: 1.2em; }
#editorial > #instagram-teaser { border-top: 1px solid var(--stone); border-bottom: 1px solid var(--stone); }
#editorial > #instagram-teaser .instagram-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 24px; display: grid; }
#editorial > #instagram-teaser .instagram-grid img { object-fit: cover; width: 100%; height: 180px; max-width: 100%; display: block; }
#editorial > #story-teaser h2,
#editorial > #newsletter-card h2,
#editorial > #instagram-teaser h2 { margin: 20px 0; font-size: 2.5rem; line-height: 1.05; font-weight: 400; font-family: var(--font3); }
#story-teaser a, #instagram-teaser a { text-transform: uppercase; letter-spacing: .12em; margin-top: 20px; font-size: .72rem; display: inline-block; color:inherit; text-decoration:none; }
#editorial > #newsletter-card { background: var(--stone); }
#editorial > #newsletter-card p { line-height: 1.75; color: var(--textcolor); font-family: var(--font2); font-size: 1.2em; }
#editorial > #newsletter-card form { margin-top: 24px; }
#editorial > #newsletter-card input, 
#editorial > #newsletter-card button { border: 1px solid rgba(var(--olive-rgb), .3); width: 100%; padding: 14px; }
#editorial > #newsletter-card input { background:rgba(var(--whitergb), .5); }
#editorial > #newsletter-card button { background: var(--olive); color: #fff; text-transform: uppercase; letter-spacing: .12em; margin-top: 8px; font-size: .75rem; }

.orderpage {}
.orderpage > .title { font-size:26px; text-align:left; font-weight:400; padding:20px 0 20px 0; width:100%; height:auto; float:left; text-align:center; font-size:27px; font-weight:300; border-bottom:1px solid #F5F5F5; margin-bottom:20px; }
.orderpage > .title > span { float:left; padding:20px 0; width:auto; height:auto; }
.orderpage > .title > a { float:right; margin:20px 0; }
.orderpage > .slinehead { padding: 10px; background: var(--lightgold); font-weight:700; }
.orderpage > .sline { border:1px solid #D7D7D7; padding:10px; font-weight:700; }
.orderpage > .sline > .npRow { margin-top:10px; }

.orderpage .title { float:left; width:100%; padding:10px 0; font-size:22px; }
.orderpage .sdetail .cptable .btn { width:100%; }
.orderpage .sdetail .cptable span.image { position:absolute; left:0; top:0; width:60px; height:60px; overflow:hidden; }
.orderpage .sdetail .cptable span.image img { position:absolute; left:-1000px; top:-1000px; bottom:-1000px; right:-1000px; margin:auto; }
.orderpage .sdetail .cptable .link.wimg { position:relative; padding-left:75px; }
.orderpage .sdetail .cptable .link strong { float:left; width:100%; font-size:13px; }
.orderpage .sdetail .cptable .options { float:left; width:100%; margin-top:10px; }
.orderpage .sdetail .cptable .options span { float:left; padding:3px 7px; margin:0 5px 5px 0; line-height:15px; color:#333; font-weight:300; background:#f8f8f8; border-radius:30px; }
.orderpage .sdetail .cptable strike { font-size:11px; color:#555; margin:0 5px 0 5px; }

.orderpage .siparis_sozlesme { float:left; width:100%; margin-top:50px; border:1px solid #e3e3e3; }
.orderpage .siparis_sozlesme > span { padding:20px 10px; font-weight:700; margin-bottom:0; }
.orderpage .siparis_sozlesme a.oku { float:right; padding: 0 10px; }
.orderpage .siparis_sozlesme > div { display:none; padding:20px 10px; }

.orderpage .ordersuccess { float:left; width:100%; padding:20px; background: var(--menubg); border: 1px solid var(--stone); border-radius:3px; margin:20px 0 20px 0; }
.orderpage .ordersuccess i { display:inline-block; width:120px; height:120px; background:#6C3; border:1px solid #6C0; color:#fff; text-align:center; line-height:115px; font-size:60px; border-radius:50%; }
.orderpage .ordersuccess .success-title { margin:30px 0 0 0; font-size: 2em; color:#2db91e; }
.orderpage .ordersuccess .cp6 { border-left:1px solid #ddd; }
.orderpage .ordersuccess .success-text { font-size:14px; color: var(--muted); }
.orderpage .ordersuccess .success-info { font-size:22px; color:#666; text-decoration:underline; margin:20px 0 10px 0; }
.orderpage .ordersuccess strong { font-size:43px; }

#process { position:relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 200px; }
#process:before { content:''; position:absolute; width:80%; height:8px; background: var(--lightgold); z-index:-1; top: calc(50% - 20px); left: 0; margin: auto; right: 0; }
#process a { width:200px; text-decoration:none; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
#process a .num { position:relative; display:inline-block; width:62px; height:62px; border: 6px solid var(--ivory); line-height:50px; background: var(--muted); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15); border-radius:50%; color: var(--ivory); font-weight:600; font-size:20px; margin-bottom:5px; }
#process a i { display:none; }
#process a.check .num, #process a.active .num { color: var(--muted); background: var(--footertextsub); }
#process a.check i { display:block; position:absolute; width:100%; font-size:20px; line-height:50px; }
#process a.check small { display:none; }
#process a strong, #process .not { display:block; }
#process a strong { display: flex; color: var(--gold); font-size: 1.3em; }
#process a .not { display:block; color: var(--muted); font-weight:300; font-size: 1em; margin-top: 2px; }

.basketmini { background: var(--menubg); color: var(--muted); margin-bottom: 30px; border: 1px solid var(--footertextsub); }
.basketmini > span { float:left; padding:10px; width:100%; font-size:16px; color:#333; border-bottom: 2px solid var(--menubg); font-weight:700; }
.basketmini > div.list { margin:0; padding:0; max-height:215px; overflow:auto; width: 100%; }
.basketmini > div.list img { float:left; max-width:75px; max-height:50px; margin:0 5px 5px 0; }
.basketmini > div.list > .crow { margin:0; padding:10px; border-bottom:1px solid #ddd; }
.basketmini > div.list > .crow:last-child { border:0; display: flex; flex-direction: column; }

.basketmini.view > .crow { margin:0; padding:10px 0 0 0; }
.basketmini.view > .crow .crow { font-size:14px; padding:10px 10px 5px 10px; border-bottom: 1px solid var(--ivory); margin:0; }
.basketmini.view > .crow #totalamount.crow { background: var(--ivory); padding-bottom:15px; border:0; color: var(--ink); }
.basketmini.view > .crow b { font-size:16px; line-height:30px; }
.basketmini.view .btn { width:100%; line-height:60px; font-size:18px; font-weight:400; padding:0; text-align:center; border-radius:0; position:relative; }
.basketmini.view .bitir .crow.checkbox { padding:20px 10px; background:#fff; border-top:1px solid #ddd; }
.basketmini.view .bitir .btn i { position:absolute; line-height:60px; right:10px; font-size:40px; }

#basket_user { float:left; width:100%; padding:20px; }
#basket_login { width:50%; margin-left:25%; }
#signin_form > .crow > input { width:50%; margin-left:75px; margin-right:10px; }
#signin_form > .crow > button { min-width:130px; float:left; }
#signin_form > label > strong { font-size:14px; padding:10px; display:block; }
#signin_form > .crow > button:before { float: right; padding: 7px 0 0 10px; font-weight: 400; font-size: 21px; }
#signin_form > label { width:100%; padding:20px; }

.addresspage > .left { background: var(--menubg); border: 1px solid var(--footertextsub); }
.addresspage > .left form .crow, .active_address .active_address_text { padding:0 20px 0 20px; }

.addresspage .title { float:left; width:100%; padding:20px; margin-bottom:10px; border-bottom:2px solid var(--footertextsub); font-size:1em; }
.addresspage .title strong { float:left; display:block; font-size:1.7em; padding:5px 0 0 0; }
.addresspage .title span { float:left; clear:left; padding:5px 0 0 0; color:#999; font-size:14px; }

.fatura_adres .title { border-top:2px solid #F5F5F5; padding-top:15px; }
.addresspage .title.head > a { float:right; }
.addresspage .title.head > a:before { float:right; padding:7px 0 0 10px; font-weight:400; font-size:21px; }
.addresspage .active_address { margin-bottom:20px; }
.addresspage .active_address .active_address_text { font-size:13px; line-height:19px; }
.addresspage .active_address .active_address_text b { font-size:15px; }
.addresspage .billing_address { border-left:5px solid #ddd; }
.addresspage .active_address .title { padding:0 20px 0 20px; border:0; }
.addresspage .active_address .title strong { font-size:17px; }
.addresspage .ayni_adres.crow { margin:10px 0 20px 0; }
.addresspage .fatura_adres { float:left; width:100%; display:none; margin-bottom:10px; }
.addresspage .adres_ekle_btn { margin-right:20px; }
.addresspage .btn.large { min-width:200px; }

.addresspage .adress { padding:8px 20px 35px 20px; font-size:14px; }
.addresspage .adress > .delivery { padding:20px 10px 10px 0; }
.addresspage .adress > .billing { padding:20px 0 10px 10px; position:relative; }
.addresspage .adress > .bttnset { text-align:right; margin-bottom:7px; }
.addresspage .adress > .bttnset.left { text-align:left; }
.addresspage .adress > .bttnset.left > a { margin-right:7px; margin-left:0; }
.addresspage .adress > .cp6 strong { font-weight:700; float:left; margin-left: 6px; }
.addresspage .adress > .cp6 a { font-size:12px; padding: 0 12px; border-radius: 1px; line-height: 27px; margin-left:7px; }
.addresspage .adress > .cp6 i { float:left; }

.addresspage .adress > .cp6 .fa-check,
.addresspage .adress > .cp6 .fa-thumb-tack { font-size:17px; float:left; display:flex; align-items:center; justify-content:center; }
.addresspage .adress > .cp6 .fa-check { color:#83C41A; }
.addresspage .adress > .cp6 .fa-thumb-tack { color:DC5240; }
.addresspage .adress > .cp6 > .crow > span.yada > i { font-weight:400; font-size:14px; }

table.btable { border: 1px solid #F5F5F5; table-layout: fixed; border-collapse: collapse; margin-top:20px; }
table.btable td, table.btable th { border: 1px solid #F5F5F5; text-align: left; padding: 5px 15px 5px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cargoes { float:left; width:100%; padding:0 10px 0 10px; }
.cargoes b { font-size:16px; }
.cargoes label .img img { float:left; margin-right:10px; }
.cargoes label .img > span { float:left; }
.cargoes label .img > span > * { display:block; margin-top:3px; }
.cargoes label .text { padding-top:13px; }

.choose_address, .hesaplar label, .cargoes label { cursor:pointer; float:left; width:100%; padding:10px; border:1px solid var(--lightgold); position:relative; margin-bottom:10px; }
.choose_address i, .hesaplar label i, .cargoes label i { position:absolute; top:0; right:0; border-left: 1px solid var(--lightgold); color: var(--lightgold); border-top:0; border-right:0; padding:10px; font-size: 23px; bottom: 0; display: flex; align-items: center; justify-content: center; width: 40px; }
.choose_address:hover, .choose_address.active, .hesaplar label:hover, .hesaplar label.active, .cargoes label:hover, .cargoes label.active { border-color:#6C0; }
.choose_address:hover i, .choose_address.active i, .hesaplar label:hover i, .hesaplar label.active i, .cargoes label:hover i, .cargoes label.active i { border-color:#6C0; color:#6C0; }
.hesaplar label .img { padding-top:15px; }

.paymentpage .payment_info { font:400 13px / 1.3 Arial,Helvetica,"Helvetica Neue",sans-serif; line-height: 20px; border: 1px solid #FAEBD7; padding: 10px; background:#FFFAF0; border-radius:3px; text-align:justify; }
.paymentpage .onay { border-top:1px solid #ddd; padding-top:20px; margin-top:10px; }
.paymentpage .onay .havale_total { font-size:18px; color:#666; }
.paymentpage .onay .havale_total strike, .paymentpage .onay .havale_total em { font-size:13px; }
.paymentpage .onay .havale_total div { width:100%; float:left; display:block; font-size:24px; color:#484848; clear:left; position:relative; }
.paymentpage .onay .havale_total div small { font-size:13px; }
.paymentpage .onay .btn { margin-top:10px; padding: 7px 45px; font-size: 16px; }
.paymentpage a.link { text-decoration:underline; }
.paymentpage .tabmenu > .tab_top > span.active:before { background-color:#83C41A; }

.payment { float:left; width:100%; }
.cardinputs { float:left; width:50%; padding-right:20px; }
.cardinputs #cartno, .cardinputs #cvv { letter-spacing: 3px; word-spacing: 15px; font-size: 15px; text-align: center; }
.cardinputs .crow { margin-bottom:17px; }
#taksit { float: left; width:50%; padding-left:20px; }
#taksit.active { border-left:1px solid #ddd; }
#taksit .border { border:1px solid #e7e7e7; border-bottom:0; }
#taksit .blogo { text-align:center; padding:10px 0 10px 0; border-bottom:1px solid #e7e7e7; background:#fff; }
#taksit .taksitler label { float:left; width:100%; cursor:pointer; padding:10px; font-size:13px; color:#333; border-bottom:1px solid #e7e7e7; line-height:20px; }
#taksit .taksitler label input { float:left; margin-right:5px; }
#taksit .taksitler label:last-child { border:0; }           
.sk span { line-height:32px; text-align:center; font-size:18px; color:#999; }

.text_template h1, .text_template h2, .text_template h3 { display:block; width:100%; font-weight:normal; text-align:center; font-size:26px; margin:0 0 10px 0; padding:0; }
.text_template h2, .text_template h3 { font-size:18px; }
.text_template p { width:100%; margin:0 0 10px 0; padding:0; }
.text_template strong { display:block; font-size:14px; margin:20px 0 10px 0; }
.text_template ul { width:100%; display:block; margin:0 0 20px 0; padding:0; }
.text_template ul li { display:block; margin-bottom:4px; list-style:none; }
.text_template table { width:100%; margin:10px 0 10px 0; border:0; font-size:14px; }
.text_template table td { border:1px solid #e7e7e7; border-left:0; border-top:0; }
.text_template table thead tr:first-child td { border-top:1px solid #e7e7e7; }
.text_template table td:first-child { border-left:1px solid #e7e7e7; }
.text_template table th { border:0; border-right:1px solid #e7e7e7; }

.text_template .menu > li { float:left; width:100%; margin:0; }
.text_template .menu > li > span { cursor:pointer; float:left; width:100%; padding:10px; background:#f9f9f9; border:1px solid #e3e3e3; margin-bottom:10px; }
.text_template .menu > li > div { display:none; float:left; width:100%; margin-top:15px; }

.article { float: left; width: 100%; background:#FFF; border:1px solid #ddd; padding:0; }
.article h1.title { float:left; width:100%; margin:0; padding:25px; background:#f9f9f9; border-bottom:1px solid #ddd; }
.article .entry { width:100%; height:auto; float:left; padding:25px; line-height:20px; }
.article .entry p { float:left; width:100%; margin:0 0 10px 0; }

.iletisim .left, .iletisim .right { float:left; width:50%; padding:20px; }
.iletisim .map { float:left; width:100%; margin:40px 0 30px 0; }
.iletisim .map h3 { float:left; width:100%; text-align:center; font-size:32px; font-weight:400; margin:30px 0 20px 0; }
.iletisim .map iframe { margin:auto; width:100%; max-width:1000px; display:block; border:5px solid #FF7300; background:#eee; }
.iletisim form .cp3 { padding:10px 0 0 0; }
.iletisim .right div { float:left; width:100%; min-height:30px; margin-bottom:15px; position:relative; }
.iletisim .right div i { position:relative; float:left; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; font-size:17px; background:#333; color:#FFF; }
.iletisim .right div i.fa-envelope { font-size:13px; padding-left:2px; }
.iletisim .right div i:after { content: ''; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: content-box; position: absolute; left: 24px; top: 5px; width: 0; height: 0; border-left: 0 solid transparent; border-right: 14px solid transparent; border-bottom: 12px solid #333; }
.iletisim .right div strong { position:absolute; width:100%; padding:0 30px 0 50px; font-size:16px; font-weight:400; padding-top:5px; left:0; text-align:left; }
.iletisim .right div.unvan strong { font-weight:500; font-size:20px; padding-left:0; }

.contact-layout { grid-template-columns: 330px 1fr; gap: 90px; padding: 110px 0; display: grid; }
.contact-layout aside h2 { color: var(--olive); margin: 12px 0 30px; font-size: 3rem; }
.contact-layout aside>a { margin: 14px 0; font-family: Georgia, serif; font-size: 1.3rem; display: block; text-decoration: none; }
.contact-layout aside>p { line-height: 1.75; }
  
.form-tabs { background: var(--paper); padding: 38px; }
.contact-form { grid-template-columns: 1fr 1fr; gap: 18px; display: grid; }
.contact-form label { letter-spacing: .06em; color: var(--muted); font-size: .76rem; }
.contact-form .full { grid-column: 1 / -1; }
.contact-form input, .contact-form textarea, .contact-form select { border: 1px solid var(--stone); background: 0 0; width: 100%; margin-top: 7px; padding: 13px; display: block; }
.contact-form input.error, .contact-form textarea.error, .contact-form select.error { border-color:#cb3f3f; }
.contact-form input.valid, .contact-form textarea.valid, .contact-form select.valid { border-color:#3fcb70; }
.contact-form button { background: var(--olive); color: #fff; text-transform: uppercase; letter-spacing: .12em; border: 0; padding: 15px; }
.contact-hours { border-top: 1px solid var(--stone); margin-top: 36px; padding-top: 24px; }

/* BLOG */
.section-heading { max-width: 900px; margin-bottom: 48px; }
.blog-grid { grid-template-columns: 1.3fr 1fr; gap: 22px; display: grid; }
.blog-grid article:first-child { grid-row: span 2; }
.blog-grid article { background: var(--paper); margin-bottom: 10px; }
.blog-grid img { object-fit: cover; width: 100%; height: 280px; max-width: 100%; display: block; }
.blog-grid article.featured-post { margin-bottom: 0; }
.blog-grid article>div { padding: 28px; }
.blog-grid small { color: var(--gold); letter-spacing: .12em; }
.blog-grid h2 { color: var(--olive); margin: 10px 0; font-size: 2.4rem; line-height: 1; }
.blog-grid a { text-transform: uppercase; letter-spacing: .12em; font-size: .74rem; }
.section-heading h2 { letter-spacing: -.035em; font-weight: 400; color: var(--olive); margin-top: 10px; font-size: clamp(2.6rem, 3.5vw, 3.5rem); line-height: 1; }

.detail-post .content { line-height: 1.75; font-family: var(--font2); font-size: 1em; }

/* İçerik Sayfası */
.story-body { grid-template-columns: 320px 1fr; gap: 100px; padding: 110px 0; display: grid; }
.story-body aside { border-top: 1px solid var(--gold); align-self: start; padding-top: 24px; position: sticky; top: 120px; }
.story-copy { max-width: 740px; color: var(--olive); font-family: var(--font2); font-size: 0.95rem; line-height: 1.65; }
.story-pull { color: var(--olive); font-family: Georgia, serif; font-size: 1.7rem; line-height: 1.35; }
.story-bridge { background: #e5ded1; padding: 100px 0; }
.dual-links { grid-template-columns: 1fr 1fr; gap: 20px; display: grid; }
.dual-links a { background: var(--paper); border: 1px solid var(--stone); padding: 42px; text-decoration: none; }
.dual-links small { color: var(--gold); letter-spacing: .15em; }
.dual-links h3 { color: var(--olive); margin: 12px 0 28px; font-size: 2.3rem; }





.gallery-section {
    background: #e4ddd0;
    padding: 110px 0;
}
 .gallery-grid {
    grid-template-columns: 1.2fr 1fr 1fr;
    grid-auto-rows: 310px;
    gap: 16px;
    display: grid
}

.gallery-grid figure {
    margin: 0;
    position: relative;
    overflow: hidden
}

.gallery-grid figure.tall {
    grid-row: span 2
}

.gallery-grid img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all .4s
}

.gallery-grid figure:hover img {
    transform: scale(1.025)
}

.gallery-grid figcaption {
    color: #fff;
    background: linear-gradient(#0000,#12170cd9);
    padding: 50px 24px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.gallery-grid figcaption strong,.gallery-grid figcaption span {
    display: block
}

.gallery-grid figcaption span {
    letter-spacing: .1em;
    color: #ddd8cc;
    margin-top: 4px;
    font-size: .72rem
}

/*
==========================================================================
Mobil Uyumluluk (Responsive Design) Eklemeleri
==========================================================================
Not: Orijinal yapıda kullanılan çok sütunlu Grid (repeat 3/4) ve Float yapıları
(cp1 - cp12) mobil cihazlarda tam genişlikte (100% / 1fr) alt alta gelecek 
şekilde düzenlendi. Padding ve min-height gibi dikey ve yatay boşluk değerleri 
mobil arayüze göre sıkıştırıldı.
==========================================================================
*/

@media (width<=950px) {
    .story-body,.split-section,.collection-detail,.collection-detail-inner,.awards-grid,.faq-layout,.contact-layout {
        grid-template-columns: 1fr
    }

    .story-body aside,.faq-layout aside {
        position: static
    }

    .stats-row,.mini-products,.process-grid,.shop-grid,.gallery-grid {
        grid-template-columns: 1fr 1fr
    }

    .collection-detail {
        padding-inline:24px}

    .collection-detail-inner {
        width: min(100% - 48px,1180px)
    }

    .blog-grid {
        grid-template-columns: 1fr
    }

    .blog-grid article:first-child {
        grid-row: auto
    }

    .blog-grid article:first-child img {
        height: 360px
    }
}

@media (width<=640px) {
    .page-hero.has-image {
        background-position: 50%;
        min-height: 620px
    }

    .story-body {
        gap: 30px;
        padding: 70px 0
    }

    .story-copy .lead {
        font-size: 1.3rem
    }

    .dual-links,.mini-products,.process-grid,.shop-grid,.doc-grid {
        grid-template-columns: 1fr
    }

    .stats-row {
        grid-template-columns: 1fr 1fr
    }

    .stats-row div {
        padding: 20px
    }

    .stats-row strong {
        font-size: 1.8rem
    }

    .split-section>div {
        padding: 44px 24px
    }

    .split-section h2,.collection-intro h2,.contact-layout aside h2 {
        font-size: 3rem
    }

    .gallery-grid {
        display: flex;
        overflow-x: auto
    }

    .gallery-grid figure,.gallery-grid figure.tall {
        min-width: 82%;
        height: 440px
    }

    .collection-detail,.collection-detail-inner {
        gap: 22px
    }

    .collection-detail.dark {
        padding: 80px 0
    }

    .shop-toolbar {
        flex-direction: column;
        align-items: stretch
    }

    .shop-toolbar>div {
        display: flex;
        overflow-x: auto
    }

    .shop-image {
        height: 390px
    }

    .blog-grid img,.blog-grid article:first-child img {
        height: 280px
    }

    .faq-layout,.contact-layout {
        gap: 45px;
        padding: 70px 0
    }

    .contact-form {
        grid-template-columns: 1fr
    }

    .form-tabs {
        padding: 24px
    }

    .tab-labels {
        gap: 16px;
        overflow-x: auto
    }
}


 @media (min-width: 993px) {
    .menu_open_btn,
    .menu_overlay,
    .menu_close_btn,
    .sub_toggle_icon {
        display: none !important;
    }
}

@media (max-width: 992px) {


    /* Orta-Dar Ekran (Tablet) İçin Genel Izgara Dönüşümleri */
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    #editorial { grid-template-columns: 1fr; gap: 30px; }
    .homeband { grid-template-columns: repeat(2, 1fr); }
    .homecards { grid-template-columns: repeat(2, 1fr); }
    ul.products.shop-grid { grid-template-columns: repeat(2, 1fr); }

    .collection-detail { grid-template-columns: 1fr; padding: 60px 0; gap: 20px; }
    .product-detail { flex-direction: column; }
    .product-detail > .images, .product-detail .info { width: 100%; }

    .story-body { grid-template-columns: 1fr; gap: 40px; padding: 60px 0; }
    .contact-layout { grid-template-columns: 1fr; gap: 40px; }
    .blog-grid { grid-template-columns: 1fr; }
    .iletisim .left, .iletisim .right { width: 100%; }
 
    /* Açma Butonu ve Overlay */
    .menu_open_btn {/* position: fixed; */top: 10px;left: 10px;z-index: 9998;background: var(--paper);border: 1px solid var(--gold);color: var(--olive);width: 45px;height: 45px;border-radius: 5px;font-size: 22px;cursor: pointer;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 5px rgba(0,0,0,0.15);}
    .menu_overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 9999; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; }
    .menu_overlay.active { opacity: 1; visibility: visible; }
    
    /* Kapatma Butonu */
    .menu_close_btn { background: transparent; border: none; color: var(--olive); font-size: 28px; padding: 15px 25px; text-align: right; cursor: pointer; align-self: flex-end; display: block; width: 100%; }

    /* Side Menü Kapsayıcı Dönüşümü */
    .nav_content { position: fixed !important; top: 0; left: -320px; width: 300px !important; max-width: 85vw; height: 100vh !important; background: var(--paper); z-index: 10000; transition: left 0.3s ease-in-out; overflow-y: auto; box-shadow: 2px 0 15px rgba(0,0,0,0.3); display: flex !important; flex-direction: column; margin: 0; padding: 0; }
    .nav_content.active { left: 0; }

    /* Yatay menüyü dikey yapıp float'ları sıfırlama */
    .nav_content nav > ul { flex-direction: column !important; flex-wrap: wrap !important; text-align: left !important; }
    .nav_content nav > ul > li { flex-direction: column !important; width: 100% !important; flex-wrap: wrap !important; border-bottom: 1px solid var(--stone); }
    
    /* Link tasarımları */
    .nav_content nav > ul > li > a { float: none !important; display: block; padding: 18px 25px !important; width: 100%; line-height: normal !important; }
    
    /* Zaten var olan ok ikonunun konumlandırılması */
    .nav_content nav > ul > li > i { position: absolute !important; right: 20px !important; top: 18px !important; bottom: auto !important; margin: 0 !important; font-size: 1.2rem; cursor: pointer; padding: 5px; z-index: 10; height: auto !important; width: auto !important; }

    /* Mobilde İç İçe Alt Menüler */
    .nav_content nav > ul > li > ul { display: none !important; position: relative !important; top: 0 !important; right: auto !important; background: rgba(var(--ivoryrgb), 0.7) !important; border: none !important; box-shadow: none !important; width: 100% !important; min-width: 100% !important; padding: 0 0 0 20px !important; flex-direction: column; }
    
    /* Tıklayınca Açılma Durumu */
    .nav_content nav > ul > li.open > ul { display: flex !important; }
    .nav_content nav > ul > li.open > i { transform: rotate(180deg); color: var(--gold); }

    /* Alt menü link çizgileri */
    .nav_content nav > ul > li > ul li { width: 100% !important; display: block !important; }
    .nav_content nav > ul > li > ul li a { padding: 12px 25px !important; white-space: normal !important; border-left: 2px solid var(--stone); display: block !important; }
    .nav_content nav > ul > li > ul li a:hover { border-left-color: var(--gold); color: var(--gold); }


    .page-hero {padding: 20px;}
    .page-hero.has-image { min-height: 650px; color: var(--white); background-position: 50%; background-size: cover; align-items: flex-end; display: flex; }
    .page-hero-inner { width: min(1180px, 100%); margin: auto; }
    .page-hero h1 {font-size: 1.5rem;line-height: 1.2;padding: 0;}
    .page-hero p {font-size: 1.3em;line-height: 1.75;}


    .basketpage .basketcount input{margin: 3px;}
    .basketpage .basketcount button{margin: 3px;}
    
}
@media (width <= 950px) {
    .gallery-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .menu_open_btn{margin-left:15px;}
    .section{padding:45px 0;}
    /* Küçük Ekran (Mobil) İçin Daraltılmış Alanlar */
    section.homeband { grid-template-columns: repeat(2, 1fr); }
    section.homeband > a { border-right: 0; border-bottom: 1px solid var(--stone); min-height: auto; padding: 15px; }
    section.homecards { grid-template-columns: repeat(1, 1fr); padding: 30px 0; }
    /* Mobilde ürünler alt alta çok uzun olmaması için yan yana 2'li bırakıldı */
    ul.products { grid-template-columns: repeat(1, 1fr); gap: 10px; }
    ul.products.shop-grid { grid-template-columns: repeat(2, 1fr); padding: 30px 0; }

    .collection-title-row h2{font-size: 1.75rem;}
    #reviews > .reviewcontainer .reviewsheader h2{font-size:1.6em;line-height: 1.2;}

    #reviews > .reviewcontainer .reviews-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; gap: 30px; }
    .dual-links { grid-template-columns: 1fr; }

    /* Manuel Eklenen Float Sütunlarının Temizlenmesi */
    .cp1, .cp2, .cp3, .cp4, .cp5, .cp6, .cp7, .cp8, .cp9, .cp10, .cp11, .cp12 { width: 100% !important; margin-left: 0; padding-left:0; padding-right:0; }
    .kunye-post, .blog-posts, .iletisim .left, .iletisim .right { width: 100%; padding-right: 0; padding-left: 0; }
    .iletisim .map iframe { border-width: 2px; }

    /* Sayfa Başlığı ve Hero Banner Boyut Ayarlamaları */
    .slidepage { min-height: 400px; padding: 50px 0; }
    .slidepage > .slide_content { width: 100%; padding: 30px 24px; margin-left: 0; }
    .slidepage > .slide_content h1 { font-size: 2.5rem; }
    .page-hero.has-image {min-height: 100px;padding: 20px;}
    .section-heading h2 {font-size: 1.8rem;line-height: 1.2;}

    /* Menü ve Header Elementlerinin Esnek Yapıya (Flex) Geçişi */
    header > .headerinner {flex-direction: row;gap: 15px;padding: 7px 0;display: flex;align-items: center;justify-content: space-between;width: 100%;}
    header > .headerinner .logo { height: auto; width: fit-content; }
    header > .headerinner .logo img {height: 50px; }
    .headeright {flex-wrap: wrap;justify-content: center;right: 10px;}
    .searchform form { right: auto; left: -50px; width: 100vw; max-width: 100vw; padding:0 24px; }

    /* İletişim Formları ve Checkout / Sepet Modülleri */
    .contact-form { grid-template-columns: 1fr; }
    #basket_login { width: 100%; margin-left: 0; }
    #signin_form > .crow > input { width: 100%; margin: 0 0 10px 0; }
    .basketmini { width: 100%; }

    .blog-grid h2{font-size: 1.3em;}

    /* Ödeme ve Taksit Alanlarındaki Kötü Bölünmelerin Kapatılması */
    .cardinputs, #taksit { width: 100%; padding: 0; border: none !important; }
    #taksit { padding-top: 20px; margin-top: 20px; border-top: 1px solid #ddd !important; }
    .formcontainer #uyelik, .formcontainer #yenisifre { width: 100%; padding: 0 15px; }

    /* Modal/Popup ve Ürün Detay Düzeltmeleri */
    .sw_popup_content { width: 90% !important; left: 5% !important; margin: 0; }
    .product-detail .info .title h2 { font-size: 1.4rem; }
    #kdv_dahil{font-size: 1.2rem; }
    #kdv_dahil small{font-size:1em;}
    .collection-title-row { flex-direction: column; align-items: flex-start; gap: 15px; }
    .firsat_ord { flex-direction: column; gap: 15px; align-items: flex-start; }

    footer  {padding: 20px;}
    footer .footer-grid {display:none;}
    .footer-bottom{border:none;margin-top: 0;flex-direction: column; align-items: center;}
    footer .swpack {font-size: 0.65em;}
    footer .bank{margin-bottom: 0;}
    .footer-bottom > span{margin-bottom: 7px;}
    footer .sadeceweb{width: 25px;}

    .contact-layout{padding: 50px 0;}
}

@media (width <= 640px) {
    .gallery-grid {
        display: flex;
        overflow-x: auto;
    } 
}


@media (max-width: 570px) {
    
    ul.products.mini-products { grid-template-columns: repeat(1, 1fr); }
    ul.products{ margin-bottom: 0;}
    .collection-detail{padding: 30px 0;}
    .tabmenu > .tab_top > span > span{display: none;}
    ul.products.shop-grid{grid-template-columns: repeat(1, 1fr);width: 100%;padding: 20px;}

    .basketpage{padding:50px 0 50px;}
}

@media (max-width: 550px) {
    
    section.homeband { grid-template-columns: repeat(1, 1fr); }
    section.homecards { grid-template-columns: repeat(1, 1fr);}
}






@media only screen and (max-width: 950px)  {
   
	table.mobile, table.mobile thead, table.mobile tbody, table.mobile tfoot, table.mobile th, table.mobile td, table.mobile tr { --boxradius : 3px;  display: block;  }
	table.mobile thead tr { position: absolute;top: -9999px;left: -9999px; background: none;}
	table.mobile td[data-cellname] {border: none;border-bottom: 1px solid var(--stone); position: relative;padding-left:min(45%, 200px);}
    table.mobile td[center], table.mobile td[right]{text-align: left;}
    table.mobile td[center] a{margin-left: unset;}
	
	table.mobile tr{display: flex;flex-direction: column;border: 1px solid var(--stone); border-radius: var(--boxradius);margin-bottom: 10px;}
	table.mobile td[data-cellname]:before {position: absolute;top: 0;left: 15px;padding-right: 10px;white-space: nowrap;bottom: 0;margin: auto;height: fit-content;/*width: 100%;*/}
	table.mobile td[data-cellname]:before { content:attr(data-cellname);font-weight: 600; }
	table.mobile tr td:last-child{border-bottom:none;} 
    table.mobile td:not([data-cellname]){display: none;}
    table.mobile th[colspan="2"]{display:none;}
}