/* ==================== */
/* ------FE6--SC------- */
/* ==================== */
/***/
:root {--theme-color: #f04873; }
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*Fadein Css*/
@media(min-width:768px) {
    @keyframes fadein {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @-moz-keyframes fadein {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @-webkit-keyframes fadein {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @-o-keyframes fadein {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    body {  -webkit-animation: fadein 500ms ease-in-out .5s both; animation: fadein 500ms ease-in-out .5s both; }
    .mobilaf {-webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }
    .hoverr:before {-webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }
    .tooltip {-webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }

}
/*Fadein Css*/
/*reset Css*/
[hidden] { display: none !important; }
[role="button"] { cursor: pointer; }
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
template { display: none; }
[hidden] { display: none; }
[tabindex="-1"]:focus { outline: none !important; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }
#yorumYaz .frmUrunDetayYorumYaz #selectCity{height:auto;}
body { font-family: 'Poppins', sans-serif; margin: 0; padding: 0; font-size: 0.8rem; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
textarea { overflow: auto; }
p { margin-top: 0; }
input[type, number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -moz-appearance: none; -webkit-appearance: none; margin: 0; }
input[type="search"] { -webkit-appearance: none; }
input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }
label { display: inline-block; margin-bottom: 0; }
input, button, select, textarea { line-height: inherit; }
img { display: block; border: none; max-width: 100%; }i { font-style: normal; }
a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; }
a { text-decoration: none; color: #666; transition: background .1s ease-in-out; }
a:active, a:hover { outline-width: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: normal; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #333; }
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #333; }
select, input { font-family: 'Poppins', sans-serif !important; }
button { -moz-appearance: none; -webkit-appearance: none; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 600s ease-in-out 0s; }
textarea { resize: vertical; overflow: auto; }
.sepetimBody .fa { font-family: FontAwesome; }
/*reset Css*/
/* ============ ol,ul reset ============ */
.ProductList ul{margin: 0;padding: 0;list-style: none;}
.blokSonYazilar ul{margin: 0;padding: 0;list-style: none;}
.blogKategori ul{margin: 0;padding: 0;list-style: none;}
.blogCenter ul, .blogCenter ol{padding: revert; margin: revert;}
.blogRight ul{margin: 0;padding: 0;list-style: none;}
.navigation .navUl  ul{padding:0;margin:0;list-style: none;}
#footer .socialdiv ul{padding: 0;margin: 0;list-style: none;}
#footer .store ul{padding: 0;margin: 0;list-style: none;}
#footer .linkler .blink ul{padding: 0;margin: 0;list-style: none;}
.category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;}
.category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;}
.TopDet .product_social_icon_wrapper ul{list-style: none;padding: 0;margin: 0;}
.tabUrunOneriler ul{list-style: none;padding: 0;margin: 0;}
.sepetimBody ul{padding: 0;margin: 0;list-style: none;}
body .category-vertical-filters.top-filters ul{list-style: none;padding: 0;margin: 0;}
.mobilMenu ul{list-style: none;padding: 0;margin: 0;}
.bottomHead ul{margin: 0;list-style: none;padding: 0;}
.breadList ul{list-style: none;padding: 0;margin: 0;}
.urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;}
.CartProduct ul {list-style: none; padding: 0; margin: 0; }
.welcome ul {margin: 0;list-style:none;padding: 0;}
.brandlistselection ul {padding: 0;margin: 0;list-style: none;}
.TopDet #IlgiliUrunDiv ul { padding: 0;margin: 0;list-style: none;}
.urunOzellik .urunTab ul {padding: 0;margin: 0;list-style: none;}
#pnlSlider ul {list-style: none;padding: 0;margin: 0;}
.mBread ul {list-style: none;padding: 0;margin: 0;}
.categorydesign ul,.categorydesign ol{padding: revert;margin: revert;}
.GuvenList ul{list-style: none;}
/* ============ */
/*colgrid*/
.pull-center { display: inline-block; vertical-align: top; }
.pull-left { float: left; }
.pull-right { float: right; }
.row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
.col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
/*colgrid*/
.fa-facebook-f:before { content: "\f39e" !important; }
.hesabimBolumuTutucu i { vertical-align: middle; }
.adminUserLoginBody #mainHolder_Panel1 .newuserForm > div { margin: 0 !important; }
#cb3DSecureOdeme { margin-right: 8px; }
#txtbxCep { border: solid 1px #a9a9a9; height: 26px; color: #777777; background-color: transparent; }
.clear { clear: both; }
.textarea { font-family: 'Poppins', sans-serif; border: solid 1px #a9a9a9; padding: 4px; width: 100%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.textbox { font-family: 'Poppins', sans-serif; color: #666666; display: block; font-size: 14px; width: 100%; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.button { font-family: 'Poppins', sans-serif; cursor: pointer; color: #fff; padding: 4px 5px; transition: all 0.3s ease 0s; border: none; text-align: center; }
.selectboxx { height: 26px; line-height: 26px; padding: 0 5px; background-color: none !important; width: 100%; margin-bottom: 4px; }
.validate, .validateSol, .validateOrta { position: absolute; right: 0; left: 0; bottom: 0; /* display: table; */ background-color: #a94442; color: #fff; border-radius: 5px; padding: 0 10px; }
.validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk { background-color: #a94442; position: absolute; right: 0; bottom: 0; left: 0; height: 10px; display: block; border-radius: 0 0 5px 5px; }
.cloudzoom-zoom { z-index: 999; }
.clearfix { content: ''; clear: both; display: block; float: left; width: 100%; }
.clearfix:after, .clearfix:before { content: ''; clear: both; display: block; float: left; width: 100%; }
.KasaOnuFirsatlarContent ul li a.button { border: none !important; }
.KasaOnuFirsatlarContent ul li a { margin-bottom: 10px !important; max-height: auto !important; }
.KasaOnuFirsatlarContent ul li a img { max-height: auto !important; }
.KasaOnuFirsatlarContent ul li span,.KasaOnuFirsatlarContent ul li p { line-height: 26px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.KasaOnuFirsatlarContent ul li span + span,.KasaOnuFirsatlarContent ul li p + span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/* ------------------------------------ ToolTip --------------------------------------------*/
.tooltip { position: absolute; z-index: -1; display: none; font-size: 10px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible;}
.tooltip.in { opacity: 1; filter: alpha(opacity=90); z-index: 1030; display: block; }
.tooltip.top { padding: 5px 0; margin-bottom: 7px; bottom: 100%; left: 50%; }
.tooltip.right { padding: 0 5px; margin-left: 7px; left: 100%; top: 50%; }
.tooltip.bottom { padding: 5px 0; margin-top: 7px; top: 100%; left: 50%; }
.tooltip.left { padding: 0 5px; margin-right: 7px; right: 100%; top: 50%; }
.tooltip-inner { min-width: auto; padding: 0 8px; line-height: 25px; color: #fff; text-align: center; font-size: 10px; text-decoration: none; border-radius: 0; white-space: nowrap; font-weight: normal; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; }
.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; }
.tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-width: 5px 5px 0; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; }
.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px }
.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px }
/* ------------------------------------ ToolTip --------------------------------------------*/
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
.Magazalar #header { margin-bottom: 50px; }
.Magazalar .magazaSelect { background: #fff; border: 1px solid #eeeff0; color: #222222; font-size: 13px; margin-right: 20px; width: calc(25% - 20px); }
.Magazalar #searchStore { width: 25%; margin: 0; }
.Magazalar #searchStore input { background: #fff; border: 1px solid #eeeff0; color: #222222; font-size: 13px; width: calc(100% - 115px); }
.Magazalar #searchStore .buton { width: 105px; background: #222; border-color: #222; }
.Magazalar #searchStore .buton:hover { color: #222; }
.Magazalar .magazalarContent { float: left; width: 100%; margin-top: 50px; }
.Magazalar #nearStores { float: left; width: 100%; }
.Magazalar #nearStores > h2 { font-weight: 600 !important; color: #222; font-size: 18px; }
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
/*------------------------------------iletisim--------------------------------------------*/
.iletisimContent { float: left; width: 100%; }
.iletisimContent .row { margin: 0; }
.iletisimContent .AdBan { float: left; width: 50%; }
.iletisimContent .iletisimLeft { float: left; padding: 0; margin: 0 0 40px; width: 100%; display: block; }
.iletisimContent .categoryTitle { float: left; padding: 0; margin: 0 0 30px; width: 100%; text-align: left; }
.iletisimContent .categoryTitle .categoryTitleText { margin-bottom: 0; font-size: 24px; font-weight: bold; line-height: 80px; text-align: left; }
.iletisimContent .categoryTitle:after { clear: left; content: ''; width: 70px; height: 1px; background: #e5e5e5; float: left; }
.iletisimContent .iletisimLeft .Left { display: none; }
.iletisimContent .iletisimLeft .Center { display: none; }
.iletisimContent .iletisimLeft .span { float: left; width: 100%; margin-top: 20px; }
.iletisimContent .iletisimLeft .Right { display: block; color: #343434; font-size: 14px; line-height: 20px; }
.iletisimContent .iletisimLeft .Right:before { color: #bababa; font-size: 20px; font-family: 'FontAwesome'; width: 35px; text-align: left; font-weight: 300; float: left; }
.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right { font-size: 20px; font-weight: bold; }
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right { font-size: 24px; }
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right:before { content: '\f2a0'; }
.iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right:before { content: '\f1ac'; }
.iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right:before { content: '\f3c5'; }
.iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right:before { content: '\f2b6'; }
.iletisimContent .iletisimRight { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimRight .iletisimbanka { float: left; padding: 0; width: 100%; margin: 0; }
.iletisimContent .iletisimRight .iletisimbanka .span { float: left; padding: 0; width: 100%; margin: 0; }
.iletisimContent .iletisimRight .iletisimbanka .span > div { display: block; font-size: 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 20px; margin: 0 0 20px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div span { display: inline-block; vertical-align: top; width: auto !important; color: #343434; font-size: 14px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div div { display: inline-block; vertical-align: top; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 span { display: block; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 { text-align: center; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line1 { text-align: left; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line4 { text-align: right; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div { display: inline-block; vertical-align: top; width: 25%; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div span:nth-child(1) { margin-bottom: 10px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 { float: right; }
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2) { border-top: 4px solid; margin-top: 20px; padding-top: 20px; }
.iletisimContent .iletisimForm { float: left; width: 50%; padding-left: 80px; }
.iletisimContent .iletisimForm .rowLeft { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimForm .rowLeft .span { float: left; padding: 0; margin: 0 0 10px; width: 100%; }
.iletisimContent .iletisimForm .rowLeft .span .Center { display: none; }
.iletisimContent .iletisimForm .rowLeft .span .Left { display: block; font-size: 12px; color: #222222; font-weight: 600; line-height: 30px; }
.iletisimContent .iletisimForm .rowLeft .span .Right { display: block; position: relative; }
.iletisimContent .iletisimForm .rowLeft .span .Right input { height: 40px; border-color: #e3e3e3; background: transparent; padding: 0 10px; }
.iletisimContent .iletisimForm .rowRight { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimForm .rowRight .span { float: left; padding: 0; margin: 0 0 10px; width: 100%; }
.iletisimContent .iletisimForm .rowRight .span .Center { display: none; }
.iletisimContent .iletisimForm .rowRight .span .Left { display: block; font-size: 12px; color: #222222; font-weight: 600; line-height: 30px; width: auto !important; }
.iletisimContent .iletisimForm .rowRight .span .Right { display: block; position: relative; width: auto !important; }
.iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox { display: block; margin-bottom: 10px; }
.iletisimContent .iletisimForm .rowRight .span .Right input { height: 40px; border-color: #e3e3e3; background: transparent; padding: 0 10px; }
.iletisimContent .iletisimForm .rowRight .span .Right textarea { border-color: #e3e3e3; background: transparent; padding: 10px; }
.iletisimContent .iletisimForm .rowRight .iletisimBtn { margin-top: 20px; }
.iletisimContent .iletisimForm .rowRight .iletisimBtn input { padding: 0; display: block; height: 55px; font-size: 16px; color: #fff; font-weight: normal; text-transform: uppercase; float: left; width: 100%; }
.iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk { left: 0; right: 0; bottom: 0; width: 100%; height: 2px; background-color: #ff0d0d; border-radius: 2px; }
.iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta { left: 0; right: 0; bottom: 0; top: auto; display: block; border-radius: 2px; }
/*------------------------------------iletisim--------------------------------------------*/
/*******************************************UYELIK********************************/
/*------------------------------------uye Ol--------------------------------------------*/
.uyeOlContainer .FormTitle { display: block; margin: 20px 0; font-size: 26px; text-align: center; }
.uyeOlContainer #FrmYeniUye > .uyeOlCol { margin: 30px 20px 0 0; padding: 30px; background-color: #fff; border: 1px solid #eee; width: calc(50% - 10px); }
.uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) { margin-right: 0; }
.uyeOlContainer .uyeOlRow { margin: 0; }
.uyeOlContainer .uyeOlCol .uyeOlCol { width: auto; padding: 0; }
.uyeOlContainer .uyeOlCol .uyeOlCol-3 { padding-left: 0; }
.uyeOlContainer .uyeOlCol label { font-size: 14px; margin-bottom: 10px; display: inline-block; }
.uyeOlContainer .uyeOlCol input.textbox { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto !important; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.uyeOlContainer .uyeOlCol select.selectboxx { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.uyeOlContainer .dateofbirth select.selectboxx { width: 31%; float: left; margin-right: 1%; }
.uyeOlContainer .gender { float: left; width: 100%; }
.uyeOlContainer .gender label { float: left; width: 70px; margin-top: 10px; display: block; }
.uyeOlContainer .gender input { float: left; margin-top: 14px; margin-right: 3px; }
.uyeOlContainer .intl-tel-input { margin-bottom: 15px; }
.uyeOlContainer #mainHolder_rblCinsiyet { float: left; }
.uyeOlContainer input.uyeol { height: auto; padding: 15px 0; line-height: normal; font-weight: 500; font-size: 16px; width: 100%; }
.uyeOlContainer .intl-tel-input input[type=tel] { padding-left: 48px !important; line-height: 1; }
.uyeOlContainer .uyeOlColItem.checkboxItem label span { display: inline-block; vertical-align: top; float: left; font-size: 13px; line-height: 14px; width: calc(100% - 26px); }
.uyeOlContainer .uyeol { width: 100%; text-align: center; padding: 2px; margin: 30px 0; height: 45px; font-size: 15px; line-height: 48px; }
.uyeOlContainer .uyeOlColItem.checkboxItem label input { margin-left: -20px; }
.uyeOlContainer .uyeOlColItem.checkboxItem label:before { margin-right: 10px; }
.uyeOlContainer .uyeOlCol .uyeOlCol { margin-right: 20px; }
.uyeOlContainer #chkSozlesme { margin: 0 !important; }
.uyeOlContainer #chkSozlesme + label { width: calc(100% - 20px); float: right; line-height: 15px; font-size: 13px; }
.userContainer { float: left; width: 100%; margin: 30px 0; }
.userContainer .userDivLeft,
.userContainer .userDivRight { padding: 0 15px; }
.userContainer .userMail,
.userContainer .userSms,
.userContainer .userSozlesmeDiv { float: left; width: 100%; margin: 10px 0 0; }
.userContainer .userMail label,
.userContainer .userSms label,
.userContainer .userSozlesmeDiv label { width: 93%; float: right; }
.userContainer #chkSozlesme + label { width: 93%; float: right; }
.userContainer .userLeftBox, .userContainer .userRightBox { width: 100%; float: left; margin: 0; padding: 25px; }
.userContainer .userLoginBtn, .userContainer .userSignBtn { float: left; width: 100%; }
.userContainer .uyeGirisBeniHatirla { margin: 20px 0; }
.userContainer .uyeGirisBeniHatirla input, .userContainer .uyeGirisBeniHatirla span { float: left; }
.userContainer .uyeGirisBeniHatirla input { width: 16px; height: 16px; margin-right: 10px; }
.userContainer .userPassBtn { margin: 20px 0; }
/*------------------------------------uye Ol--------------------------------------------*/
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.SifremiUnuttum { width: 100%; margin: 30px 0; padding-left: 50px; float: left; }
.SifremiUnuttum p { line-height: 25px; }
.SifremiUnuttum #mainHolder_txtbxMail { width: 80%; height: 40px; float: left; line-height: 40px; padding: 0 20px; }
.SifremiUnuttum .button { padding: 0 10px; float: right; width: 20%; height: 40px; }
.SifremiUnuttumInput { position: relative; width: 100%; margin-top: 10px; }
.SifremiUnuttumInput .validate { left: auto; right: 0; top: -38px; }
.SifremiUnuttumInput .validateSol { left: 0; right: auto; top: -38px; }
.SifremiUnuttumInput .validateSol .validateSolOk { border-radius: 0 0 15px; bottom: -5px; left: 10px; }
.SifremiUnuttum .line { min-height: 32px; line-height: 32px; margin-bottom: 5px; width: 400px; position: relative; margin: 0 auto; }
.SifremiUnuttum .line .Left { width: 30%; float: left; }
.SifremiUnuttum .line .Center { width: 4%; float: left; }
.SifremiUnuttum .line .Right { width: 66%; float: left; }
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
/* ------------------------------------Uye Ol Basarili--------------------------------------------*/
.userLogin { float: left; width: 100%; text-align: center; margin: 50px 0; }
.userLogin .newuserForm .uyelikonay.basariliUyelik { display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title { color: #000; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title:before { content: '\f00c'; font-family: 'FontAwesome'; display: block; font-size: 40px; color: #097d2d; font-weight: bold; margin-bottom: 10px; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title h4 { font-size: 25px; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title span { font-size: 15px; margin: 10px 0; display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik a { padding: 15px; display: inline-block; vertical-align: top; font-size: 14px; }
/*******************************************UYELIK********************************/
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
#divTaksitContainer { float: left; width: 100%; margin-top: 10px; }
.taksitMain { margin: 0 -5px; }
.taksitBlok { width: 50%; height: auto; float: left; line-height: 20px; padding: 0 5px; margin-bottom: 10px; }
.taksitBaslik { width: 100%; height: 20px; text-align: center; }
.taksitBaslik img { vertical-align: top; }
.taksitLine { width: 101%; }
.taksitLine .tak { width: 39.1%; height: 20px; overflow: hidden; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; font-size: 10px; float: left; color: #000; text-align: center; }
.taksitLine .tak.Taksit { background-color: #ededed; width: 19%; }
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
/*******************************************URUN DETAY********************************/
.RightDetail > .clear { clear: none; }
.ProductDetailMain { float: left; width: 100%; }
.ProductDetailMainRow { float: left; width: 100%; }
.TopDet { float: left; width: 100%; position: relative; margin: 0; }
.leftImage { width: 585px; float: left; position: relative; padding: 0; }
.RightDetail { width: calc(100% - 585px); float: left; position: relative; padding: 0 0 0 50px; }
/*Urun Resim*/
.UrunDetayLeft { margin: 0 !important; overflow: hidden; }
.Images { float: right; width: 460px; padding-bottom: 118%; position: relative; }
.Images img { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
#divVideoGoruntulemeAlan { float: right; width: 460px !important; padding-bottom: 118%; position: relative; }
#vdUrunVideo { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.cloudzoom-blank > div:last-child { display: none !important; }
.SmallImages { display: block !important; float: left; width: 105px; max-height: 690px; overflow-y: auto; overflow-x: hidden; }
.SmallImages div { float: left; width: 80px; margin-bottom: 20px; }
.SmallImages div img { max-width: 100%; max-height: 100%; }

.leftImage .productTimer { display: none !important; }
.DetayYeniUrun { display: none !important; }

.RightDetail .TopList { float: left; width: 100%; position: relative; }
.RightDetail .MiddleList { float: left; width: 100%; position: relative; }
.RightDetail .BottomList { float: left; width: 100%; position: relative; }

.ProductName { float: left; position: relative; margin: 0; }
.ProductName h1 { margin: 0; float: left; width: 100%; }
.ProductName h1 span { float: left; width: 100%; display: inline-block; color: #000000; font-size: 18px; font-weight: 600; }

#divUrunKodu { float: right; clear: right; color: #000; font-size: 14px; font-weight: normal; line-height: 27px; padding: 0; margin: 0; }
#divUrunKodu span { display: inline-block; vertical-align: top; color: #000; font-size: 14px; font-weight: normal; position: relative; line-height: 27px; float: left; text-transform: uppercase; }
#divUrunKodu span:after { content: ':'; margin: 0 4px; }

#divTaksitAciklama { display: block; float: right; clear: right; margin-top: 10px; }
#divTaksitAciklama .taksitSatir { color: #000; font-size: 11px; font-weight: 500; line-height: 14px; float: left; }

.RightDetail .puanVer { float: left; clear: left; margin-top: 10px; }
.RightDetail #PuanVer { float: left; }
.RightDetail .PuanVerSag { float: left; font-size: 14px; color: #2a2929; margin-left: 5px; font-weight: 600; line-height: 17px; display: none; }
.RightDetail ul.rating { float: left; }
.RightDetail ul.rating li { margin-right: 5px !important; width: 14px !important; float: left; height: 14px; }
.RightDetail ul.rating li i.starItem { font-size: 14px !important; line-height: 14px; height: 14px; font-weight: 300; font-family: FontAwesome; }
.RightDetail ul.rating li i.starItem:before { content: '\f005' !important; }
.RightDetail ul.rating li i.starItem:hover { font-size: 14px !important; font-weight: 600; }
.RightDetail ul.rating li.filled i { font-weight: 600; }
.RightDetail .rating-stars ul > li.star.hover > i.fa { font-weight: 600; }
.RightDetail .rating-stars ul > li.star.selected > i.fa { font-weight: 600; }

.markaresmi { float: left; position: relative; z-index: 1; display: none !important; }
.markaresmi a { float: left; }
.markaresmi img { max-width: 100%; float: left; }

#divMagazaStok { float: left; clear: left; margin: 10px 0 0 !important; }
#divMagazaStok a { display: inline-block; vertical-align: top; color: #000000; font-size: 14px; font-weight: normal; line-height: 14px; }
/*on yazi*/
#divOnyazi { float: left; width: 100%; margin-top: 10px; }
#divOnyazi h2 { font-weight: normal; font-size: 100%; }
#divOnyazi * { font-family: 'Poppins', sans-serif !important; }
#divOnyazi strong { font-weight: bold; }
#divOnyazi strong * { font-weight: bold; }
#divOnyazi i { font-family: 'FontAwesome' !important; margin-right: 12px; }
/*fiyatlar*/
.urunDetayFiyatContainer { }
.PriceList { float: left; position: relative; width: 100%; padding: 0 0 25px; margin: 10px 0 15px; border-bottom: 1px solid #d7d7d7; }
#pnlFiyatlar { display: inline-block; vertical-align: top; float: left; margin-top: 4px; }
#divIndirimliFiyat { display: block; }

#divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi { float: left; clear: left; margin-top: 10px; line-height: 14px; }
#divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line,
#divTahminiTeslimatSuresi .left_line { display: inline-block; vertical-align: top; color: #000000; font-size: 14px; font-weight: 600; line-height: 14px; }
#divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line,
#divTahminiTeslimatSuresi .center_line { display: inline-block; vertical-align: top; color: #000000; font-size: 14px; font-weight: 600; line-height: 14px; }
#divMarka .right_line, #divTedarikci .right_line { display: inline-block; vertical-align: top; width: auto; }
#divMarka .right_line *, #divTedarikci .right_line *, #divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line, #divBarkod .right_line, #divParaPuan .right_line,
#divTahminiTeslimatSuresi .right_line { display: inline-block; vertical-align: top; color: #000000; font-size: 14px; font-weight: normal; line-height: 14px; }

#divIndirimOrani { float: right; clear: right; width: 45px; height: 25px; border-radius: 25px; text-align: center; display: block; }
#divIndirimOrani .left_line { display: none; }
#divIndirimOrani .center_line { display: none; }
#divIndirimOrani .indirimliOrani { display: inline-block; vertical-align: top; color: #fff; font-size: 12px; font-weight: normal; line-height: 25px; }
#divIndirimOrani .indirimliOrani * { display: inline-block; vertical-align: top; color: #fff; font-size: 12px; font-weight: normal; line-height: 25px; }

/*piyasa fiyati*/
.PiyasafiyatiContent { display: block; line-height: 0.8; float: left; margin-top: 4px; margin-right: 10px; }
.PiyasafiyatiContent .left_line { display: none; color: #343434; font-size: 14px; font-weight: normal; line-height: 0.8; }
.PiyasafiyatiContent .center_line { display: none; color: #4d555f; font-size: 14px; font-weight: normal; margin-right: 0; }
.PiyasafiyatiContent .right_line { display: inline-block; vertical-align: top; }
.PiyasafiyatiContent .right_line * { display: inline-block; vertical-align: top; font-weight: normal; text-decoration: line-through; line-height: 0.8; }
.PiyasafiyatiContent .right_line .spanKdv { display: none !important; vertical-align: top; }
/*indirimli fiyati*/
.IndirimliFiyatContent { display: block; line-height: 0.8; float: left; }
.IndirimliFiyatContent .left_line { display: none; color: #343434; font-size: 14px; font-weight: normal; line-height: 0.8; }
.IndirimliFiyatContent .center_line { display: none; color: #000; font-size: 14px; font-weight: normal; margin-right: 0; }
.IndirimliFiyatContent .right_line { display: inline-block; vertical-align: top; }
.IndirimliFiyatContent .right_line * { display: inline-block; vertical-align: top; line-height: 0.8; }
.IndirimliFiyatContent .right_line .spanKdv { display: none !important; vertical-align: bottom; font-size: 12px; line-height: 1; }
/*turk lirasi fiyati*/
#divTurkLirasiFiyat { display: block; line-height: 0.8; }
#divTurkLirasiFiyat .left_line { display: none; width: 103px; color: #152e59; font-size: 12px; font-weight: normal; }
#divTurkLirasiFiyat .center_line { display: none; color: #152e59; font-size: 14px; font-weight: normal; margin-right: 0; }
#divTurkLirasiFiyat .right_line { display: inline-block; }
#divTurkLirasiFiyat .right_line * { display: inline-block !important; vertical-align: top; line-height: 0.8; }
/*indirimsiz fiyati*/
#divIndirimsizFiyat { display: block; line-height: 0.8; }
#divIndirimsizFiyat .left_line { display: none; vertical-align: top; font-size: 14px; font-weight: normal; }
#divIndirimsizFiyat .center_line { display: none; color: #000; font-size: 17px; font-weight: normal; margin-right: 0; }
#divIndirimsizFiyat .right_line { display: inline-block; font-size: 13px; font-weight: normal; }
#divIndirimsizFiyat .right_line * { display: inline-block !important; vertical-align: top; }
#divIndirimsizFiyat .right_line .spanKdv { display: none !important; vertical-align: top; }
/*kdv dahil fiyati*/
#divKDVDahilFiyat { display: block; line-height: 0.8; float: left; margin-top: 8px; }
#divKDVDahilFiyat .left_line { display: inline-block; vertical-align: top; color: #000; font-size: 14px; font-weight: normal; line-height: 24px; }
#divKDVDahilFiyat .center_line { display: none; color: #000; font-size: 13px; font-weight: normal; margin-right: 0; }
#divKDVDahilFiyat .right_line { }
#divKDVDahilFiyat .right_line * { display: inline-block !important; vertical-align: top; line-height: 24px; }
/*Stok yok*/
body #divStokYok { float: left; width: 100%; margin: 20px 0 0; font-size: 14px; color: #000; font-weight: normal; text-align: center; padding: 5% 0; background-color: #f2f5f6; border-radius: 0; }
body #divStokYok:before { content: '\f057'; font-family: 'FontAwesome'; font-weight: 300; width: 100%; float: left; font-size: 30px; margin-bottom: 20px; }
/*kdvler*/
#pnlFiyatlar .spanKdv { margin-left: 5px; display: inline-block; }
/*Urun ekstrabilgileri*/
#divEkstraBilgiler { float: left; clear: left; }
#divEkstraBilgiler img { max-width: 100%; display: block; }
.btnnostok i.fa { font-family: 'FontAwesome'; }
/*varyasyonlar*/
#divUrunEkSecenek { float: left; width: 100%; position: relative; margin: 25px 0 0; padding: 15px 0 0; border-top: 1px solid #d7d7d7; }
#divUrunEkSecenek .eksecenekLine { clear: none !important; margin: 0 0 15px; float: left; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #d7d7d7; }
#divUrunEkSecenek .eksecenekLine:last-child { margin-bottom: 0 !important; border: none; padding-bottom: 0; }
#divUrunEkSecenek .eksecenekLine .left_line { float: left; width: 100%; line-height: 45px; color: #010101; font-size: 14px; font-weight: 600; }
#divUrunEkSecenek .eksecenekLine .center_line { display: none; }
#divUrunEkSecenek .eksecenekLine .right_line { display: inline-block; vertical-align: top; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box { float: left; cursor: pointer; text-align: center; font-size: 13px; position: relative; color: #000000; font-weight: normal; margin-right: 10px; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display: block; }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line { width: 100%; }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select { min-width: 100%; float: left; height: 40px; border: 1px solid #d7d7d7; color: #000000; font-size: 13px; font-weight: normal; padding: 0 10px; background: #fff; border-radius: 0; }

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box { width: 50px; }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #000; }

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box { min-width: 50px; height: 30px; line-height: 28px; text-align: center; border-radius: 0; padding: 0 4px; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child { margin-right: 0; }

#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative; background: #f5f3f3 !important; color: #7a7979 !important; border-color: #e4dfdd; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after { content: ''; height: 1px; max-width: 65px; margin: 0 auto; background: #cecece; left: 0; right: 0; top: 50%; position: absolute; transform: rotate(140deg); }
/*ilgili Urunler*/
#IlgiliUrunDiv { float: left; width: 100%; display: none; }

.TopDet #IlgiliUrunDiv { display: block; float: left; width: 100%; margin: 25px 0 0; padding: 15px 0; border-top: 1px solid #d7d7d7; }
.TopDet #IlgiliUrunDiv #divIlgiliUrunler { padding: 0; margin: 0; background: transparent; border: none; }
.TopDet #IlgiliUrunDiv .JKatAdi { float: left; width: 100%; margin: 0 !important; padding: 0 !important; text-align: left; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold { padding: 0; margin: 0; text-align: left; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold:before { display: none; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold:after { display: none; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1 { background: transparent; padding: 0 !important; margin: 0; border: none; font-size: 14px; line-height: 45px; font-weight: 600; color: #010101; }
.TopDet #IlgiliUrunDiv .clear { display: none; }
.TopDet #IlgiliUrunDiv ul { float: left; width: 100%; padding: 0; }
.TopDet #IlgiliUrunDiv ul li { float: left; width: 50px; margin-right: 10px; border-radius: 0; overflow: hidden; }
.TopDet #IlgiliUrunDiv ul li:hover { box-shadow: 0 0 5px 0 #cecece; }
.TopDet #IlgiliUrunDiv ul li .productItem { border: none; width: 100%; float: left; padding: 0; box-shadow: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productTimer { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productImage { padding: 0; }
.TopDet #IlgiliUrunDiv ul li .productItem .productImage a:before { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productIcon { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .urunListeAdet { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail { padding: 0; margin: 0; display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:before { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:after { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productName { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .TukendiIco { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .boxBedenlerContent { display: none !important; }
/*satinal*/
#divSatinAl { float: left; width: 100%; margin: 30px 0 0; padding: 0; }
.BasketBtn { float: left; position: relative; width: 100%; }
/*Adet Select*/
#divAdetCombo { display: block !important; position: relative; margin-bottom: 30px; width: 100%; float: left; }
#divAdetCombo .center_line { display: none !important; float: left; }
#divAdetCombo .right_line { float: left; width: 90px; max-width: 100% !important; }
#divAdetCombo select { width: 100%; padding: 0 10px; text-align: left; }
/*Adet input*/
.RightDetail .riSingle { position: relative; display: inline-block; vertical-align: top; border-radius: 0; width: 90px; }
.RightDetail .riSingle a.riUp, .riSingle a.riDown { width: 30px !important; height: 40px !important; top: 0; line-height: 40px; font-weight: normal; position: absolute; margin: 0 !important; float: left; cursor: pointer; text-indent: 0; text-align: center; }
.RightDetail .riSingle a.riUp i { line-height: 40px; }
.RightDetail .riSingle a.riDown i { line-height: 40px; }
.RightDetail .riSingle a.riUp { left: auto; right: 0; }
.RightDetail .riSingle a.riDown { left: 0; }

.Basketinp { display: block; position: relative; margin-bottom: 30px; }
.Basketinp p, #divAdetCombo .left_line { color: #000000; font-size: 14px; font-weight: 600; margin-right: 20px; float: left; line-height: 40px; }
#txtbxurunSiparisAdedi_wrapper { float: left; width: 100% !important; position: relative; padding: 0 !important; }
#txtbxurunSiparisAdedi { width: 100% !important; text-align: center; display: inline-block; padding: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#txtbxurunSiparisAdedi, #divAdetCombo select { float: left; height: 40px !important; margin: 0; border-radius: 0; font-size: 13px; font-weight: 500; }
/*sepete Ekle*/
.basketBtn { float: left; position: relative; width: 300px; margin: 0 20px 0 0; }
.basketBtn input { height: 40px; line-height: 40px; color: #fff; font-weight: 500; font-size: 16px; width: 100%; display: inline-block; vertical-align: top; padding: 0; letter-spacing: 0; border: none; border-radius: 0; text-transform: uppercase; -moz-appearance: none; -webkit-appearance: none; }
/*Hemen Al*/
.buyfast { float: left; width: 235px; margin: 0; display: none; }
.buyfast input { background: #000; height: 40px; line-height: 40px; color: #fff; font-weight: 500; font-size: 16px; width: 100%; display: inline-block; vertical-align: top; padding: 0; letter-spacing: 0; border: 1px solid #000; border-radius: 0; text-transform: uppercase; -moz-appearance: none; -webkit-appearance: none; }
/*kombin Al*/
#divKombinSatinAl { display: none; }
/*Iconlar*/
.ProductIcon { float: left; width: 100%; margin: 30px 0; }
.ProductIcon .box1 { padding: 0; margin: 0; min-width: 0; background: transparent; color: #000000; font-size: 0; font-weight: normal; float: left; width: 35px; height: 35px; border: 1px solid #000000; border-radius: 100%; text-align: center; }
.ProductIcon .box1 i { margin: 0; display: inline-block; vertical-align: top; font-weight: normal; font-family: 'FontAwesome'; font-size: 14px; line-height: 33px; }
.ProductIcon .UGelinceHaberVer .box1 i:before { content: '\f0a1'; }

.ProductIcon > div { float: left; margin-right: 10px; position: relative; }
.ProductIcon > div > a { display: inline-block; vertical-align: top; width: 100%; }

.ProductIcon2 { float: left; margin-top: 20px; }
.ProductIcon2 .clear { clear: none; }
.ProductIcon2 > div { float: left; }
.ProductIcon2 > div > a { float: left; font-size: 12px; text-transform: uppercase; margin-right: 10px; padding: 0 18px; line-height: 31px; }
.ProductIcon2 > div > a:before { font-family: 'FontAwesome'; font-size: 16px; line-height: 31px; margin-right: 7px; vertical-align: top; font-weight: 300; }
.ProductIcon2 > div.YorumYazbtnContent > a:before { content: '\f303'; }
.ProductIcon2 > div.TavsiyeEtBtnContent > a:before { content: '\f164'; }

.TopDet .product_social_icon_wrapper { float: left; width: 100%; display: block !important; font-size: 0; margin-top: 20px;}
.TopDet .product_social_icon_wrapper .PaylasTit { float: left; color: #000000; font-size: 14px; font-weight: 600; line-height: 30px; margin-right: 10px; }
.TopDet .product_social_icon_wrapper ul { display: inline-block; vertical-align: top; }
.TopDet .product_social_icon_wrapper ul li { float: left; margin-right: 10px; }
.TopDet .product_social_icon_wrapper ul li:last-child { margin-right: 0; }
.TopDet .product_social_icon_wrapper ul li a { float: left; color: #fff; background: #000; font-size: 14px; border-radius: 100%; text-align: center; width: 30px; }
.TopDet .product_social_icon_wrapper ul li a i { line-height: 30px; display: inline-block; vertical-align: top; }
.TopDet .product_social_icon_wrapper ul li:nth-child(1) a { background: #3b5999; }
.TopDet .product_social_icon_wrapper ul li:nth-child(2) a { background: #55acee; }
.TopDet .product_social_icon_wrapper ul li:nth-child(3) a { background: #bd081c; }

.UWhatsApp { vertical-align: top; float: left; }
.UWhatsApp a { float: left; width: 30px; height: 30px; border-radius: 100%; text-align: center; line-height: 30px; font-size: 14px; }
.whatsApp i { font-family: 'FontAwesomeBrands'; }
.UWhatsApp label { display: none; }

.divYorumYaz, #yorumYaz { min-height: 220px; }

.socialButons { float: right !important; width: 100%; position: relative; margin: 0 !important; }
.socialButons iframe { float: left; }
.product-social { float: left; margin-right: 10px; }
.product-social span { float: left; line-height: 32px; display: inline-block; color: #000000; font-size: 12px; font-weight: 300; margin-right: 5px; }
.product-social ul { float: left; }
.product-social ul li { float: left; margin-right: 13px; }
.product-social ul li a { display: block; color: #323232; font-size: 18px; }

/*urun ozellik Bolumu*/
.urunOzellik { float: left; width: 100%; margin: 70px 0; }
.urunTab { float: left; width: 100%; }
.urunTab ul { display: inline-block; vertical-align: top; float: left; }
.urunTab > ul > li { float: left; margin-right: 40px; }
.urunTab > ul > li:last-child { margin-right: 0; }
.urunTab > ul > li > a { cursor: pointer; color: #000000; font-size: 13px; font-weight: 500; line-height: 35px; text-transform: uppercase; border-bottom: 2px solid transparent; float: left; }
.urunTab > ul > li > a span { font-weight: 500; }

.urunDetayPanel { float: left; width: 100%; clear: none !important; border: none; padding: 30px 0; }
.urunTabAlt { float: left; width: 100%; }
.urunTabAlt strong { font-weight: bold; }
.urunTabAlt .divYorumYaz, .urunTabAlt #yorumYaz { padding: 0 0 10px; width: 100%; }
.urunTabAlt #txtOneriMail { width: 100%; margin: 0; height: 30px; padding: 0 10px; width: 100% !important; }
.urunTabAlt #txtOneriNot { width: 100%; margin: 0; padding: 10px; width: 100% !important; background: #fff; }

.yorumlarItem { background-color: #eeeeee; border-bottom: 3px solid #A09B98; padding: 16px; line-height: 26px; width: 100%; margin-top: 20px; text-align: left; }
.yorumlarItemS1 { padding-bottom: 5px; font-size: 12px; color: #666; border-bottom: 1px dashed #A09B98; }
.urunDetayPanel .button { color: #fff; }

.urunTabAlt { font-family: 'Poppins',sans-serif !important; padding: 0; }
.urunTabAlt * { font-family: 'Poppins',sans-serif !important; }
.urunTabAlt i { font-family: 'FontAwesome' !important; }
.urunTabAlt img { max-width: 100% !important; }
.urunTabAlt iframe { max-width: 100% !important; }
.urunTabAlt .ng-valid-email { text-align: left; }
.urunTabAlt .button { padding: 10px 5px; }

.orders .order-info i { margin-top: 0 !important; }
#btnYorumKaydet { float: left; text-align: center; -moz-appearance: none; -webkit-appearance: none; }
.urunTabAlt ul li { margin-bottom: 10px; clear: both; }
.oneriValidate .validate { top: 0; padding: 5px; }
.urunTabAlt ul li input { float: left; margin-right: 5px; width: auto !important; }
.urunTabAlt ul li label { float: left; width: auto !important; line-height: normal; }
.urunTabAlt ul li input[type="checkbox"] { margin-top: 0; }
.urunTabAlt ul li .captchaImageBox { float: left; }
.urunTabAlt ul li .captchaImageBox img { max-width: 100%; width: auto; }
.urunTabAlt ul li .captchaInputBox { margin: 10px; float: left; }
.urunTabAlt ul li.urundetyaGuvenlikodu span { float: left; }
.urunTabAlt ul li .GuvnelikKodu { float: left; line-height: 50px; margin-right: 10px; display: block; }

/*------------------------------------Etiketler--------------------------------------------*/
#divEtiketler { float: left; width: 100%; padding: 0 20px 20px; margin: 50px 0 0; background: #fff; text-align: center; }
#divEtiketler .productModuleTitle { float: left; color: #202122; font-size: 15px; font-weight: bold; width: 100%; text-align: center; line-height: 30px; margin: 10px 0; }
#divEtiketler a { color: #696d71; font-size: 13px; }
#divEtiketler a:hover { text-decoration: underline; }
/*******************************************URUN DETAY********************************/
/*******************************************KATEGORI**********************************/
.Block_Title { display: none; }
.noProduct { background: url('/Uploads/Images/urunyok.png') center center no-repeat !important; width: 212px; height: 214px; }
.noProduct * { display: none !important; }
#divUstFiltreKategori { display: none; }
#divUstFiltreMarka { display: none; }
/*------------------------------------KATEGORi AcIKLAMA-----------------------------------*/
.categorydesign { float: left; width: 100%; }
.categorydesign .Blok { margin: 0; }
.leftBlock .categorydesign { display: block; }
.categorydesign p { margin-bottom: 0; }
.categorydesign strong { font-weight: bold; }
.categorydesign strong * { font-weight: bold; }
.categorydesign img { display: inline-block; vertical-align: middle; }
/*------------------------------------KATEGORi AcIKLAMA-----------------------------------*/
.breadcrumbContent { float: left; }
body ul.breadcrumb { margin: 0 auto; display: block !important; padding: 0; border-radius: 0; float: none; }
body ul.breadcrumb * { color: #000000; font-size: 12px !important; line-height: 70px !important; float: left; font-weight: normal; }
body ul.breadcrumb li { font-size: 0 !important; float: none !important; vertical-align: middle; }
body ul.breadcrumb li:after { content: '/'; display: inline-block; margin: 0 5px; color: #000000; font-size: 12px; line-height: 70px; float: left; font-weight: normal; }
body ul.breadcrumb li:nth-child(1) a:before { content: '\f041'; font-family: 'FontAwesome'; float: left; font-size: 14px; line-height: 70px; float: left; margin-right: 10px; font-weight: 300; }
body ul.breadcrumb li:nth-last-of-type(1):after { display: none; }
body a#linkOncekiSayfa { line-height: 70px; display: block; color: #000000; font-size: 12px !important; font-weight: normal; }

.categoryTitle { float: left; width: 100%; }
.categoryTitleText { float: left; width: 100%; }

body #divSayfalamaUst { float: right; margin: 0 0 30px; padding: 0 0 30px; text-align: center; border-bottom: 1px solid #d7d7d7; }
.urunListRel { width: 100%; float: left; position: relative; }
.brandlistselection { display: inline-block; vertical-align: top; float: left; margin: 0; width: 100%; }
.brandlistselection .clear { clear: none; display: none; }

body #divSayfalamaUst .blockSelect { float: right; margin: 10px 0 0 5px; display: block !important; padding: 0; }
body #divSayfalamaUst .blockSelect a { float: left; width: auto; height: auto; margin: 0 0 0 15px; padding: 0; text-align: center; border: none; background: transparent; }
body #divSayfalamaUst .blockSelect i { color: #cccccc; line-height: 20px; font-size: 10px; font-family: 'FontAwesome'; font-weight: 300; }
body #divSayfalamaUst .blockSelect a:hover i { color: #000000; font-weight: 600; }
body #divSayfalamaUst .blockSelect .sort_hrz { display: none; }
body #divSayfalamaUst .blockSelect .sort_2 { display: none; }
body #divSayfalamaUst .blockSelect .sort_5 { display: none; }
body #divSayfalamaUst .blockSelect a.Active i { color: #000000; font-weight: 600; }
body #divSayfalamaUst .blockSelect .sort_3 i:before { content: '\f111  \f111  \f111'; }
body #divSayfalamaUst .blockSelect .sort_4 i:before { content: '\f111  \f111  \f111  \f111'; }
body #divSayfalamaUst .blockSelect .sort_4 { border-left: 1px solid #e1e1e1; padding-left: 15px; }

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent { float: left; width: 100%; z-index: 999; background-color: transparent; border: none; border-radius: 0; margin: 0; padding: 0; display: -webkit-flex; display: -moz-flex; display: -o-flex; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) { float: left; font-weight: normal; border-radius: 0; padding: 0; border: none; margin: 0 5px; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter):nth-child(1) { margin-left: 0; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter):last-child { margin-right: 0; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a { position: relative; background-color: transparent; color: #000000; font-size: 12px; border-radius: 0; padding: 0 8px; border: 1px solid #e1e1e1; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a span { font-weight: 500; line-height: 45px; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected { color: #fff; }

body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span { float: left; font-size: 12px; color: #000000; font-weight: normal; line-height: 45px; padding: 0; margin: 0; display: none; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet { float: right; background-color: transparent; height: auto; padding: 0; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { float: right; }

body #divSayfalamaUst.Slct .brandlistselection .sortingContent { background: transparent; float: left; width: 100%; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent select { float: left; height: 45px; color: #040404; font-size: 12px; font-weight: 500; border: 1px solid #e1e1e1; min-width: 160px; background: transparent; border-radius: 0; padding: 0; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li { height: auto; padding: 0; border-radius: 0; background: transparent; float: left; margin-right: 20px; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { float: right; }

body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet { margin: 0; }
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span { color: #040404; font-size: 12px; line-height: 45px; font-weight: 500; float: left; margin: 0; }

body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock { padding: 0; background: transparent; color: #040404; font-size: 12px; }
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span { line-height: 45px; font-weight: 500; display: inline-block; vertical-align: top; }
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:before { content: ''; width: 14px; height: 14px; border: 1px solid #e1e1e1; border-radius: 0; float: left; margin: 15px 10px 0 0; }
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before { background: #000; border-color: #000; }

body #divSayfalamaUst .filterDeleteContent { float: left; margin: 0 0 10px; padding: 0; width: 100%; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter { padding: 0; margin: 0 15px 0 0; height: auto; background: transparent; border: 1px solid #666; width: auto; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a { width: 25px; margin: 0; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i { font-family: 'FontAwesome'; line-height: 30px; color: #040404; font-size: 15px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before { content: '\f00d'; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span { color: #666; font-size: 12px; text-align: left; margin-top: 2px; font-weight: normal; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span + span { color: #666; margin-top: 3px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir { display: block; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a { width: 100%; background: transparent; line-height: 1; margin: 0; padding: 0 5px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span { line-height: 30px; font-weight: normal; font-size: 12px; text-align: center; margin: 0; width: 100%; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.filtrelemeKaydet a{width: 100%; background: 0 0; line-height: 1; margin: 0; padding: 0 5px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.filtrelemeKaydet a .filter-content span {line-height: 30px; font-weight: 400; font-size: 12px; text-align: center; margin: 0; width: 100%;}
/*Filtre secili*/
@media screen and (min-width:1042px) {
    .sortingContent { display: block !important; }
    .col-5li { width: 20%; }
    /*ust Filitre*/
    body #divSayfalamaUst .filterBlock { float: left; border: none; border-radius: 0; width: auto; margin-bottom: 10px; }
    body #divSayfalamaUst .category-vertical-filters.top-filters { padding: 0; margin: 0; background: transparent; position: static; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel { margin: 0 10px 0 0; padding: 0; width: auto; position: relative; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading { padding: 0; border: none; margin: 0; min-width: 160px; border-right: none; background-color: transparent !important; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a { line-height: 45px; text-align: left; color: #000000; font-size: 12px; padding: 0 10px; border: 1px solid #e1e1e1; font-weight: 500; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a:after { content: '\f107'; line-height: 45px; vertical-align: top; margin-left: 5px; position: static; color: #000000; font-size: 18px; font-family: 'FontAwesome'; font-weight: 300; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading.active a:after { content: '\f106'; color: #000; }

    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown { top: 100%; width: 320px; padding: 20px 20px 0; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li { float: left; text-align: left; margin: 0 0 20px; width: 50%; padding: 0; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul { display: block; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul > li { width: 100%; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a { float: left; line-height: 10px; font-size: 12px; color: #000000; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a:hover { text-decoration: underline; }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:before { margin-right: 10px; width: 12px; height: 12px; border: 1px solid #cccccc !important; border-radius: 0; background: #fff; display: inline-block !important; margin-top: 0; text-align: center; line-height: 10px; }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { border-color: #cccccc !important; background: #fff; content: '\f00c'; font-family: 'FontAwesome'; color: var(--theme-color); font-size: 8px; font-weight: normal; }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border-color: #cccccc !important; background: #fff; content: '\f00c'; font-family: 'FontAwesome'; color: var(--theme-color); font-size: 8px; font-weight: normal; }

    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { background: transparent !important; }

    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item a { color: #000; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li { width: 100%; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li:not(.list-group-item) { width: 100%; margin-bottom: 0; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li:not(.list-group-item) a { float: left; width: 100%; margin-bottom: 10px; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li:not(.list-group-item) ul { float: left; width: 100%; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li:not(.list-group-item) li { float: left; width: 100%; margin-bottom: 0; }

    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range { background: #dfdfdf; height: 2px; width: 100%; margin: 11px 0 0; border: none; float: left; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-range { background: #262626; height: 2px; margin-top: 0; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-handle { background: #fff; border-radius: 100%; width: 18px; height: 18px; border: none; margin-top: 0; margin-right: -4px; top: -8px; box-shadow: 0 2px 1px 0 #b5b5b5; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .amount { color: #262626; font-size: 14px; font-weight: 600; left: 0; padding: 5px 0 0; float: left; width: 100%; text-align: center; margin-bottom: 0; }
    /*ust Filitre*/
}
/*Sol Filtre*/
.leftBlock .category-vertical-filters { float: left; width: 100%; border: none; border-radius: 0; overflow: hidden; margin: 0 0 20px; text-align: center; padding: 0; background: transparent; }
.leftBlock .panel-heading { position: relative; z-index: 1; float: left; padding: 0; width: 100%; text-align: left; border: none; margin: 0; background-color: transparent !important; }
.leftBlock .panel-heading a { display: block; line-height: 50px; font-size: 14px; color: #000000; font-weight: bold; padding: 0; }
.leftBlock .panel-heading a:after { content: '\f068'; font-family: 'FontAwesome'; float: right; font-weight: normal; }
.leftBlock .panel-heading.active a:after { content: '\f067'; }

.leftBlock .category-vertical-filters > div { width: 100%; padding: 0; margin: 0; float: left; display: inline-block; border-bottom: 1px solid #d7d7d7; }
.leftBlock .category-vertical-filters > div:last-child { margin-bottom: 0; }
.leftBlock .category-vertical-filters .panel.div-kategori ul li:not(.list-group-item) { margin-bottom: 0; width: 100%; }

.leftBlock .category-vertical-filters .panel.div-kategori ul li:not(.list-group-item) a { margin-bottom: 10px; }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li:not(.list-group-item) > a { font-size: 13px; margin-bottom: 15px; }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li:nth-child(1):not(.list-group-item) > a { font-weight: 600; }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li:not(.list-group-item) { margin-bottom: 5px; }

.leftBlock .category-vertical-filters .vertical-filter-panel .panel-search { float: left; width: 100%; margin-bottom: 20px; }
.leftBlock .category-vertical-filters .vertical-filter-panel .panel-search input { border: 1px solid #d7d7d7; height: 25px; padding: 0 5px; font-size: 12px; color: #000; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group { float: left; text-align: left; padding: 5px 0; margin: 0 0 20px; width: 100%; top: 100%; display: block; border: none; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item { float: left; margin: 0 0 20px; padding: 0; background-color: transparent; width: 100%; height: auto; border: none; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:last-child { margin-bottom: 0; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a { float: left; font-size: 12px; color: #000000; display: inline-block; line-height: 12px; font-weight: normal; width: calc(100% - 22px); white-space: normal; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover > a { text-decoration: underline; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul { float: left; width: 100%; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul li:last-child { margin-bottom: 0; }

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { background-size: 12px 12px !important; background-position: 0 0 !important; background-repeat: no-repeat !important; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a { padding-left: 24px; width: auto; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before { display: none !important; }

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before { margin-right: 10px; width: 12px; height: 12px; border: 1px solid #cccccc !important; border-radius: 0; background: #fff; display: inline-block !important; margin-top: 0; text-align: center; line-height: 10px; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border-color: #cccccc !important; background: #fff; content: '\f00c'; font-family: 'FontAwesome'; color: var(--theme-color); font-size: 8px; font-weight: 600; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { border-color: #cccccc !important; background: #fff; content: '\f00c'; font-family: 'FontAwesome'; color: var(--theme-color); font-size: 8px; font-weight: 600; }

body .leftBlock .slider-range { float: left; width: 100%; border: none; border-radius: 0; padding: 0; margin: 20px 0; height: 2px; background: #dddddd; }
body .leftBlock .slider-range .ui-slider-range { height: 2px; background: #000; border-radius: 0; top: 0; margin: 0; }
body .leftBlock .slider-range .ui-slider-handle { width: 10px; height: 10px; border-radius: 2px; background: #000; border: none; margin: 0; top: -4px; }
body .leftBlock .slider-range span:nth-child(2) { margin-left: 0; }
body .leftBlock .slider-range span:nth-child(3) { margin-left: -10px; }
body .leftBlock .amount { float: left; width: 100%; color: #000; font-size: 14px; text-align: center; margin-bottom: 20px; }
body .leftBlock .FiyatTextBox { float: left; width: 100%; margin-bottom: 20px; }
body .leftBlock .FiyatTextBox input { border: 1px solid #d7d7d7; height: 25px; padding: 0 5px; font-size: 12px; color: #000; }
/*Sol Filtre*/
/*Fiyat Araligi*/
.brandlistselectionBottom { margin-bottom: 0; display: none; }
#divSayfalamaAlt { width: 100%; margin: 0; }
.pageNumber { float: right; text-align: right; margin: 0; display: none; }
.pageNumberBottom { float: right; text-align: right; margin: 50px 0; padding: 0; width: 100%; display: block; vertical-align: middle; }
.pageNumberContent, .pageBorder { display: inline-block; vertical-align: top; }
.pageNumberContent a, .pageBorder a { border: 1px solid #e1e1e1; background: #fff; color: #000000; float: left; position: relative; display: block; min-width: 50px; height: 30px; line-height: 28px; text-align: center; font-size: 12px; border-radius: 0; font-weight: normal; margin: 0 5px; }
.pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled { opacity: 1 !important; }
.pageNumberContent a:hover, .pageBorder a:hover { color: #fff; }
.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa { color: #fff; }
.KategoriFilitrelemeContent .Block_Title { display: none; }
/*******************************************KATEGORi**********************************/
/* ------------------------------------Vitrin urunleri--------------------------------------------*/
.homeContainer .ProductListContent { float: left; width: 100%; margin: 30px 0; position: relative; }
.homeContainer .ProductListContent .ProductList { display: block; margin: 0 auto; }
.homeContainer .ProductListContent .ItemOrj { padding: 0 10px; margin-bottom: 20px; width: 25%; max-width: 25%; }
.homeContainer .ProductListContent .productItem { margin-bottom: 0; }
/* ------------------------------------Vitrin urunleri--------------------------------------------*/
/****************************************urun LiSTELEME *********************************/
.ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductList { margin: 0 -15px }
.categoryContainer .ProductListContent .productItem { margin-bottom: 30px; }
.ItemOrj { float: left; padding: 0 15px; }
.categoryContainer .ProductList:not(.PlSc_hrz,.PlSc_2,.PlSc_3,.PlSc_4,.PlSc_5) .ItemOrj {-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;width: 100%;}

.productItem { width: 100%; position: relative; text-align: center; display: inline-block; float: left; font-size: 0; }
.productItem .productIcon { width: 100%; height: 100%; }

.productItem .productImage { position: relative; overflow: hidden; width: 100%; padding: 0; }
.productItem .productImage a { display: block; position: relative; padding-bottom: 150%; }
.productItem .productImage .Videolu { display: block; position: relative; padding-bottom: 150%; }
.productItem .productImage img { max-width: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; }
.productItem .productImage .Videolu video { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; }

.productItem .productDetail { position: relative; display: block; float: left; width: 100%; text-align: left; height: 90px; padding: 15px 0 0; transition: all 0.3s ease; }

.productItem .productName { position: relative; margin: 0 0 15px; float: left; width: 100%; }
.productItem .productName a { float: left; width: 100%; padding: 0; line-height: 20px; height: 40px; font-weight: normal; font-size: 13px; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.productItem .productPrice { display: inline-block; vertical-align: top; position: relative; margin: 0; bottom: 0; }
.productItem .discountPrice { display: block; float: right; }
.productItem .discountPrice span { font-size: 17px; line-height: 0.8; font-weight: 600; color: #000000; }
.productItem .discountKdv, .productItem .regularKdv { display: none; }
.productItem .regularPrice { display: block !important; float: left; margin-right: 10px; margin-top: 2px; }
.productItem .regularPrice span { font-size: 12px; color: #000000; line-height: 0.8; font-weight: normal; text-decoration: line-through; }

.productItem .productMarka, .productItem .productOnYazi { display: none !important; }
.productItem .productOnYazi, .productItem .productOnYazi * { background: none !important; font-family: 'Poppins', sans-serif !important; color: #4a4a4a; font-size: 14px; line-height: 25px; }

/*Urun Iconlari*/
.newIcon, .discountIcon, .cargoIcon, .firsatIcon, .urunListStokUyari, .discountIcon div, .discountIcon .discountIcon_s2, .favori, .examineIcon, .mycartIcon { z-index: 3; display: none; }
.discountIcon span, .mycartIcon a span { font-weight: normal; }
.favori a, .examineIcon a, .mycartIcon a { display: block; font-size: 0; }

.examineIcon a:before, .favori a:before, .mycartIcon a:before { font-family: 'FontAwesome'; display: inline-block; vertical-align: top; }
.favori a:before { content: '\f004'; }

.TukendiIco { z-index: 5; border-radius: 0; background: transparent; position: absolute; right: 0; left: 0; top: 0; height: calc(100% - 90px); overflow: hidden; }
.TukendiIco span { line-height: 40px; background: rgba(255,255,255,0.8); position: absolute; left: 0; bottom: 50%; right: 0; max-width: 200px; border: none; color: #000; font-size: 13px; font-weight: normal; padding: 0; border-radius: 0; text-transform: uppercase; margin: 0 auto; }

.StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon { display: none; }
.StokYok .productFaMyEx, .StokYok .productYeInUcFi { display: none !important; }

body .productItem .divVideoPlayButton { position: absolute; right: 0; left: 0; top: 0; height: calc(100% - 90px); overflow: hidden; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i { font-family: 'FontAwesome'; font-weight: 300; font-size: 40px; display: inline-block; vertical-align: top; margin-top: -20px; text-shadow: 0 0 4px #848484; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before { content: '\f144'; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before { content: '\f28b'; }

.productItem .urunListeAdet, .productItem.StokYok .urunListeAdet, .boxBedenlerContent, .productIcon .quickViewIco, .productItem:hover .productIcon .quickViewIco { display: none !important; }
/****************************************urun LiSTELEME *********************************/
/****************************************SLiDER VE BLOK SLDieR*********************************/
#mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { float: left; position: relative; width: 100%; padding: 0 !important; margin: 0 0 40px !important; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold { display: block; float: left; width: 100%; text-align: center; position: relative; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold:after, .JKatAdi .bold:after { content: ''; height: 1px; position: absolute; left: 0; right: 0; top: 50%; background: #d7d7d7; z-index: 0; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1 { display: inline-block; vertical-align: top; padding: 0 5vw !important; background: #fff; line-height: 45px; color: #000000; font-size: 30px; font-weight: bold; position: relative; z-index: 1; }

#mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav {z-index: 2; position: absolute;right:10px;top:40%;left:10px;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .InstaGallery .owl-carousel .owl-nav .InstaGalleryprev,.InstaGallery .owl-carousel .owl-nav .InstaGallerynext, .owl-carousel .owl-nav .ProductListnext,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {font-size: 0;position: absolute;border-radius:0;border:none;width: 50px;height:50px;display: inline-block;cursor: pointer; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .InstaGallery .owl-carousel .owl-nav .InstaGallerynext,.owl-carousel .owl-nav .ProductListnext {right:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .InstaGallery .owl-carousel .owl-nav .InstaGalleryprev,.owl-carousel .owl-nav .ProductListprev {left:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListnext:before,.InstaGallery .owl-carousel .owl-nav .InstaGallerynext:before,.InstaGallery .owl-carousel .owl-nav .InstaGalleryprev:before,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {font-family: 'FontAwesome';font-size:16px;line-height: 50px;font-weight: normal;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,.InstaGallery .owl-carousel .owl-nav .InstaGalleryprev:before,
.owl-carousel .owl-nav .ProductListprev:before { content: '\f104';}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before, .InstaGallery .owl-carousel .owl-nav .InstaGallerynext:before,
.owl-carousel .owl-nav .ProductListnext:before { content: '\f105';}
#mainHolder_divDesign .owl-carousel .owl-dots, .owl-carousel .owl-dots{display: none;}
.instashop-context{text-align:center;}
.instashop-context .AllImages{display: inline-block;vertical-align: top;background: #000;color: #fff;padding: 10px;margin-top: 15px;}


.sliderBannerContainer { float: left; width: 100%; position: relative; margin: 0; border-bottom: 1px solid #d7d7d7; padding-bottom: 40px; }
.sliderBannerContainer .Block_Link { display: none; }
.sliderBannerContainer .ProductList { display: block !important; margin: 0 auto; }
.sliderBannerContainer .Jbutonlar { display: none; }
.sliderBannerContainer .jCarouselLite { float: left; width: 100%; }

.detaySliderContainer { float: left; width: 100%; position: relative; margin: 0; padding-bottom: 40px; margin: 40px 0; }
.detaySliderContainer .ProductList { display: block !important; margin: 0 auto; }
.detaySliderContainer .Jbutonlar { display: none; }
.detaySliderContainer .jCarouselLite { float: left; width: 100%; }
/* -------------------------------Anasayfa Slider----------------------------------------*/
#pnlSlider { position: relative; float: left; width: 100%; margin: 0; padding: 0; }
#pnlSlider ul li { display: block; }
#pnlSlider ul li a { display: block; }
#pnlSlider ul li a img { width: 100%; display: block; }
#pnlSlider .flex-control-nav { position: absolute; bottom: 28px; right: 0; left: 0; }
#pnlSlider .flex-control-paging li { margin: 0 2px; }
#pnlSlider .flex-control-paging li a { float: right; width: 11px; height: 11px; border-radius: 100%; border: none; box-shadow: none; text-shadow: none; }
#pnlSlider .flex-direction-nav { position: absolute; top: 45%; left: 20px; right: 20px; }
#pnlSlider .flex-direction-nav li { display: inline-block; vertical-align: top; }
#pnlSlider .flex-direction-nav .flex-nav-prev { float: left; }
#pnlSlider .flex-direction-nav .flex-nav-next { float: right; }
#pnlSlider .flex-direction-nav .flex-prev,
#pnlSlider .flex-direction-nav .flex-next { width: auto; height: auto; border-radius: 0; top: 0; margin: 0; padding: 0; box-shadow: none; opacity: 1; font-size: 0; position: relative; text-shadow: none; text-align: center; }
#pnlSlider .flex-direction-nav .flex-prev { left: 0; }
#pnlSlider .flex-direction-nav .flex-next { right: 0; }
#pnlSlider .flex-direction-nav .flex-prev:before,
#pnlSlider .flex-direction-nav .flex-next:before { font-family: 'FontAwesome'; font-size: 45px; font-weight: 300; line-height: 45px; }
#pnlSlider .flex-direction-nav .flex-prev:before { content: '\f053'; }
#pnlSlider .flex-direction-nav .flex-next:before { content: '\f054'; }
#pnlSlider .flex-direction-nav a:before { text-shadow: none; }
#pnlSlider .flex-direction-nav a:after { text-shadow: none; }
#pnlSlider .HPSItems .flex-control-thumbs { position: static; float: left; width: 100%; background: #fff; margin: 0; }
#pnlSlider .HPSItems .flex-control-thumbs li { width: 110px; position: relative; height: 62px; }
.HomePageSlideShowContainer { float: left; width: 100%; position: relative; }
.HomePageSlideShowContainer .HomePageSlideShow { padding: 0; width: 100%; }
.HomePageSlideShowContainer .HPSItems { clear: both; cursor: pointer; width: 100%; }
.HomePageSlideShowContainer .HPSItems div { cursor: pointer; float: left; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100%; }
.HomePageSlideShowContainer .flex-control-nav img { border: none; margin: auto; padding: 0; max-width: 75px; width: auto; opacity: 0.4; position: absolute; left: 0; right: 0; bottom: 0; top: 0; }
.HomePageSlideShowContainer .flex-control-nav .flex-active { opacity: 1; }
/* ------------------------------------Anasayfa Slider--------------------------------------------*/
/*------------------------------------markalar slider--------------------------------------------*/
.markaSlider { float: left; width: 100%; }
.markaSlider .jCarouselLite { display: block; margin: 0 auto; }
.markaSlider .owl-carousel { float: left; width: 100%; }

/*------------------------------------markalar slider--------------------------------------------*/
/****************************************SLiDER VE BLOK SLDiER*********************************/
/********************************* HEADER ALAN KISMIDIR ****************************************/
/*------------------------- Header content ------------------------*/
.hoverr:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.18); z-index: 10; clear: none; display: block !important; }
#header:before { content: ''; display: table; }
#header:after { content: ''; display: table; }

#header { width: 100%; position: relative; float: left; z-index: 1000; }
.headerContent { text-align: center; background: #fff; }
.headerContent:before { content: ''; display: block; clear: both; }
.headerContent:after { content: ''; display: block; clear: both; }
/*------------------------- Header content ------------------------*/
/*------------------------- Header logo, search, mycart, lang, welcome, navi Alanlari ------------------------*/
#logo { display: inline-block; vertical-align: top; float: left; max-width: 120px; }
#logo .logo { height: 80px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
#logo .logo img { display: block; max-width: 100%; max-height: 60px; }

.mycart { float: right; z-index: 99; position: relative; }
.mycart > a { display: block; color: #000000; font-size: 12px; }
.mycart > a:before { content: '\f07a'; font-family: 'FontAwesome'; font-weight: 300; font-size: 18px; line-height: 30px; }

.mycart .sepetTecxt { display: none; }
.mycart .sepetUrunSayisi { display: none; }
.mycart .sepetUrun { display: none; }
.sepetTopTutar { display: none !important; }

.CartProduct { display: block !important; width: 300px; background: #fff; float: left; border: 1px solid #e5e5e5; padding: 5px; z-index: 99999; position: absolute; top: 120%; right: -1px; margin-left: -150px; box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3); -webkit-transform: translateY(30px); opacity: 0; visibility: hidden; -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }
.CartProduct:before { position: absolute; width: 15%; right: 0; top: -18px; height: 20px; content: ''; }
.CartProduct:after { content: ''; position: absolute; top: -10px; right: 0; height: 0; width: 0; border-bottom: 10px solid #e5e5e5; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; }
.CartProduct .SPrice { float: left; height: 30px; background: transparent; width: 100%; text-align: right; margin: 15px 0 10px; display: none; }
.CartProduct.more .SPrice { display: block; }
.CartProduct .SPrice * { color: #000; font-size: 14px; line-height: 30px; font-weight: bold; }
.CartProduct .SPrice .sepetToplamTutar { color: #000; margin-left: 5px; }
.CartProduct .SProduct { max-height: 300px; float: left; width: 100%; display: table; overflow: hidden; text-align: center; font-weight: 300; font-size: 12px; color: #000000; overflow-y: auto; padding: 0; }
.CartProduct .SProduct li { display: block; padding: 0 0 15px 0; margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; position: relative; }
.CartProduct .SProduct li:after { clear: both; display: table; content: ""; }
.CartProduct .SProduct li a { float: left; display: table; width: 100%; }
.CartProduct .SProduct li a .SepettopAd span:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 50px; }
.CartProduct .SProduct li a .SepettopAd span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px; }
.CartProduct .SProduct li a .sepetTopFiyat { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 65px; }
.CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 0; width: auto !important; }
.CartProduct .SProduct li a * { display: table-cell !important; vertical-align: middle !important; color: #232120; font-size: 12px; line-height: 14.4px; padding: 0 2px; text-align: left; }
.CartProduct .SProduct li a .sepetTopBirimFiyat { display: none !important; }
.CartProduct .SProduct li a .fa-times { font-family: 'FontAwesome'; }
.CartProduct .SProduct li a .fa-times:before { content: '\f056'; }
.CartProduct .SProduct li a .sepetTopFiyat { white-space: nowrap; color: #000; font-weight: 600; float: right; line-height: 70px; }
.CartProduct .SProduct .SepetTopSil { display: inline-block; position: absolute; right: 0; top: 0; }
.CartProduct .button { margin: 5px 5px 0 !important; float: left; width: calc(50% - 10px); font-size: 13px !important; line-height: 22px; border-radius: 5px; }
.CartProduct .headerCartBtn { line-height: 20px; border: 1px solid #ddd; background: transparent; color: #000; }
.CartProduct .headerCartBtn:hover { color: #fff; }
.more .headerCartBtn { display: block !important; }
.more .headerOrderBtn { display: block !important; }
.CartProduct .divustSepetteUrunYok { margin: 15px 0; }

@media(min-width:768px) {
    .mycart:hover .CartProduct { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}

.sepetimBody .AllCategory { display: none; }
.sepetimBody .linkRebatedProducts { margin-left: 0; }

.welcome { float: right; z-index: 99; position: relative; }
.welcome > div { float: left; }
.welcome > ul { float: left; }
.uyeGirisWelcome, .uyeGirisUyeAdi { display: none; }
.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis { float: left; color: #000000; font-size: 0; }
.headerUyeOl a:before, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before { font-family: 'FontAwesome'; line-height: 30px; font-size: 18px; font-weight: 300; float: left; }
.headerUyeGiris a:before { content: '\f007'; }
.headerHesabim:before { content: '\f007'; }

.welcome li { display: inline-block; vertical-align: top; }
.headerSocialConnect { display: none !important; float: right; margin-left: 25px; }
.headerSocialConnect .baglanButton { background: transparent !important; border: none; margin: 0; padding: 0; line-height: 0; }
.headerSocialConnect .baglanButton a { line-height: 43px; color: #fff; text-indent: 0; font-size: 12px; font-weight: normal; padding: 0; }
.headerSocialConnect .baglanButton a:before { content: '\f39e'; font-family: 'FontAwesomeBrands'; margin-right: 10px; font-size: 12px; line-height: 43px; vertical-align: top; font-weight: normal; }
.usernav { display: none; }

@media(min-width:768px) {
    .searchContent { float: left; position: absolute; top: 0; left: 0; right: 0; background: #ebebeb; padding: 13px 0 12px; z-index: -1; transition: top .2s ease-in-out; }
}

.searchContent.active { top: 100%; }
#divAramaKategori { display: none !important; position: absolute; left: 0; top: 5px; }
#divAramaKategori select { cursor: pointer; background: #f5f5f5; display: block; height: 36px; border: none; border-right: 1px solid #dcdcdc; width: 135px; padding: 0 0 0 15px; border-radius: 0; text-transform: uppercase; color: #807e7e; font-size: 12px; font-weight: 300; }
#divAramaKategori option { text-transform: capitalize; }
.search { display: block; margin: 0 auto; }
.ButtonMic { display: none !important; position: absolute; right: 75px; top: 1px; padding: 0; border: none; border-radius: 0; background: transparent; color: #795f52; font-size: 14px; width: 20px; height: 40px; }
#txtbxArama { float: left; width: 100%; height: 35px; border-radius: 0; color: #000000; background: transparent; border: none; padding-left: 15px; padding-right: 70px; font-size: 16px; font-weight: normal; letter-spacing: 0; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#txtbxArama::-webkit-input-placeholder { color: #000000; }
#txtbxArama:-moz-placeholder { color: #000000; }
#txtbxArama::-moz-placeholder { color: #000000; }
#txtbxArama:-ms-input-placeholder { color: #000000; }
#txtbxArama:focus { color: #000000; }
#btnKelimeAra { width: 55px; line-height: 35px; font-size: 16px; color: #000000; background: transparent; font-weight: normal; text-align: center; text-transform: uppercase; position: absolute; right: 0; top: 0; border: none; border-left: 1px solid #000; border-radius: 0; padding: 0; cursor: pointer; z-index: 9; -moz-appearance: none; -webkit-appearance: none; }

.searchContent ul { padding: 15px !important; text-align: left; max-height: 400px; overflow-y: auto; overflow-x: hidden; }
.searchContent ul li { float: left; width: 100%; }
.searchContent ul li a { line-height: 30px; font-size: 13px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; float: left; }

.navigation { display: inline-block; vertical-align: top; margin-top: 8px; }
.navigation > div { z-index: 1; text-align: center; padding: 0 !important; position: static !important; }
.navigation .navUl { display: inline-block; font-size: 0; padding: 0; }
.navigation .navUl > li { display: inline-block; vertical-align: middle; }
.navigation .navUl > li > a { float: left; color: #000000; line-height: 65px; font-size: 13px; font-weight: normal; position: relative; padding: 0 20px; }
.navigation .navUl > li > a:after { content: ''; height: 2px; position: absolute; left: 0; right: 0; bottom: 15px; transition: all .2s ease-in-out; width: 0; margin: 0 auto; }
.navigation .navUl > li:hover > a:after { width: 35px; }
.navigation .navUl > li.ulVar:after { content: ''; position: absolute; left: 0; right: 0; top: calc(100% - 20px); height: 20px; display: none; }
.navigation .navUl > li.ulVar:hover:after { display: block; }

.navigation .navUl > li > .Flexscroll { overflow-y: auto; overflow-x: hidden; max-height: 475px; position: absolute; top: 100%; left: 0; right: 0; background: #fff; display: none; text-align: left; display: none; padding: 31px; border-top: 1px solid #e5e5e5; }
.navigation .navUl > li:hover > .Flexscroll { display: block; }
.navigation .navUl > li .Flexscroll > ul { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.navigation .navUl > li .Flexscroll > ul li a { color: #000000; font-weight: normal; font-size: 13px; }
.navigation .navUl > li .Flexscroll > ul > li { margin-bottom: 10px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.navigation .navUl > li .Flexscroll > ul > li > a { font-size: 14px; font-weight: 600; }
.navigation .navUl > li .Flexscroll > ul > li > ul { float: left; width: calc(100% - 20px); overflow-y: auto; overflow-x: hidden; max-height: 180px; }
/* ------------------------------------Resimli Yan Menu--------------------------------------------*/
#header .yanResimliMenu { display: none; }
/*------------------------------------Resimli Yan Menu--------------------------------------------*/
#lang_flag_container { top: -40px !important; left: 0 !important; right: auto; bottom: auto; z-index: 9999 !important; position: absolute !important; }
#lang_flag_container #lang-detail { left: 0 !important; top: 100% !important; border-top: none !important; box-shadow: 0 7px 10px -2px rgba(0, 0, 0, .3) !important; }
#lang { color: #000000 !important; font-size: 13px !important; font-weight: 500; }
#lang span { font-weight: 500; }
#lang span:after { content: '\f0d7'; font-family: 'FontAwesome'; margin-left: 5px; }
#lang_flag_container:hover #lang { color: #000000 !important; font-weight: 500; }
#langHover { padding: 13px 0 !important; }
#langHover.white { background: transparent !important; }
a#ucSepetim_btnSepetiTemizle { margin-top: 28px; display: inline-block; }
#lang-detail .language a { font-size: 11px !important; text-align: left; }
#lang-detail .currency a { font-size: 11px !important; }
#lang-detail p { font-size: 12px !important; }
/*------------------------- Header logo, search, mycart, lang, welcome, navi Alanlari ------------------------*/
/********************************* HEADER ALAN KISMIDIR ****************************************/
/*---------------------------- site ozel alan kodlar ----------------------------------*/
.hesabimAnasayfaMenuler ul li a:hover .fa { color: #fff; }
.siparisTakipSayfasi { background: #fff; }
.siparisTakipSayfasi .siparisTakipBaslik { text-align: center; padding: 20px 0 !important; }
.sepetiTemizle { float: right; line-height: 43px; padding: 0 10px; }
.popupSepet { width: 99%; }
.popupSepet #hed div { width: 94%; }
.sayfaIcerik * { font-family: 'Poppins', sans-serif !important; }
#mainHolder_UrunDetay_imgCookie { display: none !important; }
.product_social_icon_wrapper { display: none; }
.HesabimContainer .urunDetayPanel { max-height: 100%; }
.orders { width: 100%; }
.TumKategoriler { display: none; }
.welcomeOpen { display: none; }
.mycartClick { display: none; }
.searchClick { display: none; }
.userLoginBtn, .userSignBtn { border: none !important; }
.magazaTeslimatBilgisiContent { display: none; }
#store_region_container { display: none; }
#ticimaxCopyright { float: left; width: 100%; }
section { float: left; width: 100%; }
/*Siteye ozel alan*/
/*Site ici scroll alanlar*/
#divOnyazi::-webkit-scrollbar, .urunTabAlt::-webkit-scrollbar, .SmallImages::-webkit-scrollbar, .SepetBlockInfo::-webkit-scrollbar, .searchContent ul::-webkit-scrollbar, body .kombinContent ul::-webkit-scrollbar, .CartProduct .SProduct::-webkit-scrollbar, .yanResimliMenu .KatMenu1::-webkit-scrollbar, .UrunGuruplari .Block_Text::-webkit-scrollbar, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar, .mobilMenu .menuIcerikAlan::-webkit-scrollbar, .mobilMenu .navUl > li > ul::-webkit-scrollbar, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar, .navigation .navUl > li > ul > li > ul::-webkit-scrollbar, .navigation .navUl > li > .Flexscroll > ul > li > ul::-webkit-scrollbar,
.navigation .navUl > li .Flexscroll::-webkit-scrollbar { width: 5px; }
#divOnyazi::-webkit-scrollbar-track, .urunTabAlt::-webkit-scrollbar-track, .SmallImages::-webkit-scrollbar-track, .SepetBlockInfo::-webkit-scrollbar-track, .searchContent ul::-webkit-scrollbar-track, body .kombinContent ul::-webkit-scrollbar-track, .CartProduct .SProduct::-webkit-scrollbar-track, .yanResimliMenu .KatMenu1::-webkit-scrollbar-track, .UrunGuruplari .Block_Text::-webkit-scrollbar-track, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-track, .navigation .navUl > li > .Flexscroll > ul > li > ul::-webkit-scrollbar-track, .navigation .navUl > li > ul > li > ul > li > ul::-webkit-scrollbar-track,
.navigation .navUl > li .Flexscroll::-webkit-scrollbar-track { background: #efefef; }
#divOnyazi::-webkit-scrollbar-thumb, .urunTabAlt::-webkit-scrollbar-thumb, .SmallImages::-webkit-scrollbar-thumb, .SepetBlockInfo::-webkit-scrollbar-thumb, .searchContent ul::-webkit-scrollbar-thumb, .CartProduct .SProduct::-webkit-scrollbar-thumb, body .kombinContent ul::-webkit-scrollbar-thumb, .UrunGuruplari .Block_Text::-webkit-scrollbar-thumb, .yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb, .navigation .navUl > li > .Flexscroll > ul > li > ul::-webkit-scrollbar-thumb, .navigation .navUl > li > ul > li > ul > li > ul::-webkit-scrollbar-thumb,
.navigation .navUl > li .Flexscroll::-webkit-scrollbar-thumb { background: var(--theme-color); }
/*Site ici scroll alanlar*/
/*------------------------------------Sabit Renkler--------------------------------------------*/
body { background: #fff; }
/*sepetvebutonrenk*/
body .button, .baglanButton, .siparisOzetTakip, body.sepetimBody .basketCompletebtn, #AdresContent .button, .BasketPage .OdemeMenu ul li.activeMenu > a, .pageNumberContent a:hover, .pageBorder a:hover, .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa, #pnlSlider .flex-control-paging li a.flex-active, .mycart .sepetUrunSayisi, .favi span, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected, .discountIcon, #divIndirimOrani, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected, .menuUstBolum, body .category-vertical-filters.top-filters .FiltreUst, .SepetUst, .urunOzellik .mobilTab > ul > li.active > a, .favNum,
.tooltip-inner { background: var(--theme-color); }
/*bordercolor*/
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2), body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir, .pageNumberContent a:hover, .pageBorder a:hover, .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected, .OdemeMenu ul li.activeMenu, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected, .urunTab > ul > li.active > a,
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected:after { border-color: var(--theme-color); }

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: var(--theme-color); }
.tooltip.right .tooltip-arrow { border-right-color: var(--theme-color); }
.tooltip.left .tooltip-arrow { border-left-color: var(--theme-color); }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: var(--theme-color); }

.baglanButton { border-color: transparent; }
.Basketstep ul li:before { border: 1px solid var(--theme-color); }
/*color*/
.sepetTitle .st_1, body .sepetTitle2 .st_1, body .BasketRigth ul li.genelToplam .tut, body .sepetTitle2 .st_1:before, .sepetTitle .st_1:before, .TeslimatAdresTittle, .Basketstep ul li.gecti span, body #divToplamOdeme, .TeslimatAdresTittle, a.YeniAdresEkle, .Basketstep ul li.onestepsec span, .Basketstep ul li.pasif i, .BasketPage .Basketstep ul li.pasif i, .BasketPage .cargoInformation div.cargoName span, .BasketPage .faturaAdresBtn.active, .adresAyniBtn.active, .BasketPage .sepetItemB4, .BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check, .iletisimContent .categoryTitle .categoryTitleText, #pnlSlider .flex-direction-nav .flex-next:hover:before, #pnlSlider .flex-direction-nav .flex-prev:hover:before, body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span, body .siparisUrunUyariSecenek .siparisUrunDurumBaslik, .newsbutton, body ul.breadcrumb li:nth-last-of-type(1) *, .UFavorilerimeEkle #aFavroriCikarBtn .box1, .RightDetail ul.rating li i.starItem, .RightDetail ul.rating li.filled i, .RightDetail .rating-stars ul > li.star.hover > i.fa, .RightDetail .rating-stars ul > li.star.selected > i.fa, .urunTab > ul > li.active > a, .favori a.listfavoriAktif, .GuvenList ul li .gimg, .navigation .navUl > li > ul > li > ul > li.active > a,
.navigation .navUl > li > ul > li > ul > li.active > .Mright { color: var(--theme-color); }
/*HoverRenk*/
.button:hover, .userLoginBtn:hover, .userSignBtn:hover, .BasketPage .OdemeMenu ul li:hover > a, .BasketPage .alisverisedevamet:hover, .BasketPage #hed div.hediCekForm a:hover, .BasketPage a.YeniAdresEkle:hover, #AdresContent .button:hover, .basketCompletebtn:hover, .KasaOnuFirsatlarContent ul li a.button:hover, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover, .ProductIcon2 > div > a:hover, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover, .ProductIcon > div:hover .box1,
.navigation .navUl > li:hover > a:after { background: var(--theme-color); }
/*color*/
.BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover, .BasketPage .sepet-sil:hover:before, .BasketPage .sepetTitle2 a:hover, .baglanButton:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover, .socialStore .socialDiv ul li a:hover, .socialStore .store ul li a:hover, .mobilMenu .navUl > li > a:hover, .mobilMenu .navUl > li > ul li a:hover, .mobilMenu .navUl > li .ResimsizDown:hover, .mobilMenu .navUl > li > ul li .ResimsizDown2:hover, .mobilMenu .navUl > li > ul > span:hover, .mobilMenu .navUl > li > ul li ul > span:hover, .menuUstBolum .CloseBtnMenu:hover, .menuUstBolum .mobilMenuBT:hover, .mobilMenuAcButton:hover, .favi:hover, .mycart:hover > a, .headerSocialConnect .baglanButton a:hover, .welcome a:hover, .headerUyeGiris a:hover, .headerHesabim:hover, .headerCikis:hover, .arabtn:hover, .CartProduct .SProduct li a:nth-child(2):hover *, .RightDetail .riSingle a.riUp:hover, .RightDetail .riSingle a.riDown:hover, .welcomeOpen:hover, .mycartClick:hover, .favori a:hover, .HeadSoc ul li a:hover, .navigation .navUl > li:hover > a, .navigation .navUl > li .Flexscroll > ul > li:hover > a,
.navigation .navUl > li ul li a:hover { color: var(--theme-color); }
/*bordercolor*/
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover, .BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover, .BasketPage .OdemeMenu ul li:hover > a, .CartProduct .headerCartBtn:hover, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover,
.ProductIcon > div:hover .box1 { border-color: var(--theme-color); }
/*color*/
.siparisOzetTakip { color: #fff; }
.BasketDetail table tbody tr td a { display: inherit; }
.BasketDetail table tbody tr td:last-child a { display: block; }
.sepetimBody #header:after { display: none; }
body .alisverisedevamet { background: #fff; }
/*Adresalan*/
body .adresGir .kirmiziButon { background: #ca2128 !important; border-color: #ca2128 !important; }
body .adresGir .yesilButon { background: #59962d !important; border-color: #59962d !important; }
/*sepetvebutonrenk*/
/*Genel*/
/*urunsliderbuton*/
.owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext { background: #fff; }
.owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListnext:before { color: #000000; }
.owl-carousel .owl-nav .ProductListprev:hover { background: #000; }
.owl-carousel .owl-nav .ProductListnext:hover { background: #000; }
.owl-carousel .owl-nav .ProductListprev:hover:before { color: #fff; }
.owl-carousel .owl-nav .ProductListnext:hover:before { color: #fff; }
/*anaslider*/
#pnlSlider .flex-control-paging li a { background: #fff; }
#pnlSlider .flex-direction-nav .flex-prev,
#pnlSlider .flex-direction-nav .flex-next { color: #fff; border: none; background: transparent; }
/*ebulten*/
.newsbutton.button { background: transparent; }
/**Kategori**/
/*urunfiyat*/
.productItem .regularPrice span { color: #000; -moz-text-decoration-color: #000; text-decoration-color: #000; }
/**Urun Detay**/
/*urundetayfiyatrenk*/
.PiyasafiyatiContent .right_line * { color: #000000; font-size: 14px; }
#divIndirimsizFiyat .left_line { line-height: 20px; }
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line, #divIndirimsizFiyat .left_line { color: #000; }
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line * { font-size: 20px; font-weight: bold; }
/*varaysyonsecili*/
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box { border: 1px solid #d7d7d7; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover { color: #fff; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected { color: #fff; }
/*detayadet*/
.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown { font-size: 10px; color: #000000; background: transparent; }
#txtbxurunSiparisAdedi, #divAdetCombo select { background: #fff; color: #000000; border: 1px solid #d7d7d7; }
/*detaysepetekle*/
.basketBtn input:hover { background: #000; }
.buyfast input { background: #000; }
.buyfast input:hover { background: #fff; color: #000; border-color: #000; }
/*tavsiyeyazdiryorumbtn*/
.ProductIcon2 > div > a { background: #ebebeb; color: #000000; }
.ProductIcon2 > div > a:hover { color: #fff; }
.ProductIcon > div:hover .box1 { color: #fff; }
/*bordercolor*/
.KasaOnuFirsatlarContent ul li a.button:hover { border: none !important; }
.BasketPage a.YeniAdresEkle:hover { color: #fff !important; }
.baglanButton:hover { background: transparent; }
body .adresGir .kirmiziButon:hover { background: #9e1a20 !important; color: #fff !important; }
body .adresGir .yesilButon:hover { background: #406d20 !important; color: #fff !important; }
/*------------------------------------Sabit Renkler--------------------------------------------*/
/*siteicerik*/
#header { background: #fff; transition: left .3s ease-in-out; }
#logo .htop { display: none; }
.mycart .sepetUrunSayisi { display: block; position: absolute; right: -10px; top: -3px; width: 18px; line-height: 18px; text-align: center; border-radius: 100%; color: #fff; font-size: 10px; }
.arabtn { float: right; color: #000; font-size: 18px; position: relative; z-index: 99; cursor: pointer; margin-right: 25px; }
.arabtn i { float: left; line-height: 30px; }
.mobilMenuAcButton { float: left; color: #000; font-size: 24px; position: relative; z-index: 99; cursor: pointer; position: absolute; left: 0; top: 25px; }
.mobilMenuAcButton i { float: left; line-height: 30px; }
.mobilMenuAcButton span { float: right; line-height: 30px; font-size: 13px; font-weight: 500; margin-left: 10px; }
/*urundetay*/
.UFavorilerimeEkle { float: left; }
.UFavorilerimeEkle .box1 { float: left; min-width: 0; padding: 0; margin: 0; font-size: 0; width: 35px; text-align: center; color: #010101; background: transparent; }
.UFavorilerimeEkle .box1 i { display: inline-block; vertical-align: top; line-height: 40px; font-size: 24px; font-weight: 300; font-family: 'FontAwesome'; margin: 0; }
.UFavorilerimeEkle #aFavroriCikarBtn .box1 i { font-weight: 600; }
/*siteozel*/
.htop { float: left; width: 100%; background: #ebebeb; text-align: center; }
.htop * { line-height: 40px; }
.anasayfa_tek_slider .owl-nav { display: none; }
.anasayfa_tek_slider .owl-dots { display: block; bottom: 40px; float: left; position: absolute; left: 0; right: 0; text-align: center; }
.anasayfa_tek_slider .owl-dots .owl-dot { margin: 0 5px; cursor: pointer; display: inline-block; zoom: 1; }
.anasayfa_tek_slider .owl-dots .owl-dot span { width: 14px; height: 14px; border-width: 1px; position: relative; box-shadow: none; font-size: 0; text-indent: 0; background-color: transparent; border-radius: 15px; display: block; cursor: default; border: 2px solid #000; cursor: pointer; }
.anasayfa_tek_slider .owl-dots .owl-dot.active span { background: #000; }
.htop * {line-height: 1; }
.HeadSoc { float: left;height: 40px;}
.HeadSoc ul {list-style: none;padding: 0;margin:0;}
.HeadSoc ul li { float: left; margin-right: 15px; }
.HeadSoc ul li:last-child { margin-right: 0; }
.HeadSoc ul li a { color: #8a8a8a; font-size: 13px; float: left;padding: 13px 0;}
.HeadSoc ul li a i { display: inline-block; vertical-align: top; }
.welcome { position: absolute; right: 0; top: -40px; }
.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis { line-height: 40px; color: #000000; font-size: 12px; }
.headerUyeOl a:before, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before { line-height: 40px; margin-right: 10px; color: #000; }
.headerUyeGiris a:after { content: '/'; margin: 0 4px 0 2px; display: inline-block; vertical-align: top; color: #000; }
.headerHesabim:after { content: '/'; margin: 0 4px 0 2px; display: inline-block; vertical-align: top; color: #000; }

#txtbxArama { font-size: 14px; }
.arabtn { margin: 25px 0 0 0; position: relative; right: 0; top: 0; }
.mycart { margin: 25px 0 0 20px; position: relative; }
.MoreMenu #logo { float: none; }
.MoreMenu .mycart { position: absolute; right: 0; top: 0; }
.MoreMenu .arabtn { position: absolute; right: 38px; top: 0; }
.GuvenList { float: left; width: 100%; margin: 30px 0; }
.GuvenList ul { float: left; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -webkit-justify-content: space-between; -ms-justify-content: space-between; }
.GuvenList ul li { display: inline-block; vertical-align: top; float: left; text-align: left; }
.GuvenList ul li .gimg { float: left; margin-right: 20px; margin-top: 6px; }
.GuvenList ul li .gtex { color: #000000; font-size: 14px; font-weight: 500; float: left; }
.newIcon { display: block; position: absolute; left: 10px; top: 10px; background: #000; border-radius: 25px; color: #fff; font-size: 12px; font-weight: 500; text-align: center; width: 45px; line-height: 25px; height: 25px; overflow: hidden; }
.discountIcon { display: block; position: absolute; right: 10px; top: 10px; border-radius: 25px; color: #fff; font-size: 12px; font-weight: 500; text-align: center; width: 45px; line-height: 25px; height: 25px; overflow: hidden; }
.discountIcon span { font-weight: 500; }
.cargoIcon { display: block; position: absolute; left: 0; right: 0; bottom: 110px; background: rgba(0,0,0,0.8); text-align: center; color: #fff; line-height: 40px; font-size: 13px; text-transform: uppercase; max-width: 200px; margin: 0 auto; }
.favori { display: block; position: absolute; right: 0; bottom: 5px; }
.favori a { color: #000; }
.favori a:before { font-size: 18px; }
.favori a:hover:before { font-weight: 600; }
.favori a.listfavoriAktif:before { font-weight: 600; }
#instaStories{float: right;width: auto;margin-right: 20px;margin-top: 15px;}
#instaStories.stories.carousel .story{display: inline-block; width: 46px; max-width: 90px; margin: 0; vertical-align: top;}
#instaStories.stories.carousel .story>.item-link>.item-preview{border-radius: 100%; font-size: 0; max-height: 90px; height: 45px; overflow: hidden; transition: transform .2s; display: block; padding: 2px; background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
#instaStories.stories.carousel .story > .item-link > .item-preview img{display: block; box-sizing: border-box; height: 100%; width: 100%; object-fit: cover; border: 0 !important; border-radius: 100%;}
#instaStories.stories.carousel .story > .item-link > .info{display: none;}
@media(max-width:767px) {
    body #header .stories.carousel{margin: 0;position: absolute;right: 87px;top: 13px;}
    body #header .stories.carousel .story { width: 30px; max-width: 30px; }
    body #header .stories.carousel .story > .item-link > .item-preview { max-height: 30px; height: 30px;}
}
/*SliderYanblok*/
#divSliderYani { display: none; }
/*Footer*/
#footer { float: left; width: 100%; position: relative; }
.FooterSC { float: left; width: 100%; position: relative; background: #000; }
.FooterTop { float: left; width: 100%; position: relative; background: #fff; text-align: center; }
.FooterMiddle { float: left; width: 100%; position: relative; }
.FooterBottom { float: left; width: 100%; position: relative; }

.footerLogo { float: left; width: 100%; text-align: center; position: relative; margin-top: 40px; }
.footerLogo:after { content: ''; height: 1px; position: absolute; left: 0; right: 0; top: 50%; background: #d7d7d7; z-index: 0; }
.footerLogo a { display: inline-block; vertical-align: top; background: #fff; padding: 0 5vw; position: relative; z-index: 1; }
.footerLogo a img { display: inline-block; vertical-align: top; }

.socialStore { float: left; width: 100%; margin: 40px 0; }
.socialStore .socialDiv, .socialStore .store { display: inline-block; vertical-align: top; font-size: 0; margin-right: 50px; }
.socialStore .store { margin-right: 0; }
.socialStore .socialDiv span, .socialStore .store span { display: inline-block; vertical-align: top; color: #000000; font-size: 14px; font-weight: 600; line-height: 35px; margin-right: 20px; }
.socialStore .socialDiv ul, .socialStore .store ul { display: inline-block; vertical-align: top; }
.socialStore .socialDiv ul li, .socialStore .store ul li { float: left; margin-right: 20px; }
.socialStore .socialDiv ul li a, .socialStore .store ul li a { float: left; color: #000; font-size: 20px; }
.socialStore .socialDiv ul li a i, .socialStore .store ul li a i { float: left; line-height: 35px; }

.ebultenDiv { float: left; position: relative; width: 300px; margin-bottom: 50px; }
.ebultenDiv span { color: #fff; font-size: 12px; line-height: 20px; }
.ebultenGelecek { display: block; width: 100%; float: left; margin-top: 20px; }
#divNewsLetter { float: left; width: 100%; position: relative; }
#divNewsLetter label { display: none; margin-bottom: 25px; text-align: center; color: #000000; line-height: 1.2; font-size: 12px; }
#UpdatePanel1 { position: relative; float: right; width: 100%; }
#txtbxNewsletterMail { color: #000000; height: 40px; font-size: 12px; padding: 0 40px 0 10px; background: #fff; border: none; border-radius: 0; display: inline-block; width: 100%; text-align: left; font-weight: normal; opacity: 1; }
#txtbxNewsletterMail::-webkit-input-placeholder { color: #000000; }
#txtbxNewsletterMail:-moz-placeholder { color: #000000; }
#txtbxNewsletterMail::-moz-placeholder { color: #000000; }
#txtbxNewsletterMail:-ms-input-placeholder { color: #000000; }
#txtbxNewsletterMail:focus { color: #000000; }
.newsbutton { width: 70px; height: 40px; line-height: 40px; font-size: 13px; font-weight: 600; display: inline-block; position: absolute; right: 0; top: 0; text-align: center; border: none; border-radius: 0; padding: 0; margin: 0 !important; text-decoration: none; }
.ebultenGelecek #divNewsLetter { display: block; padding: 0; }

#footer .linkler { float: left; width: 100%; position: relative; padding: 55px 0; }
#footer .linkler .blink { float: left; width: 100%; margin: 0 }
#footer .linkler .blink > ul { float: left; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -webkit-justify-content: space-between; -ms-justify-content: space-between; }
#footer .linkler .blink > ul > li { float: left; }
#footer .linkler .blink > ul > li:last-child { margin-bottom: 0; }
#footer .linkler .blink > ul li { display: block; }
#footer .linkler .blink > ul > li > span { display: table; clear: left; font-size: 14px; color: #fff; position: relative; font-weight: normal; margin-bottom: 10px; }
#footer .linkler .blink > ul > li > ul { display: inline-block; vertical-align: top; }
#footer .linkler .blink > ul > li > ul > li > a { float: left; width: 100%; font-size: 12px; color: #fff; font-weight: normal; margin-bottom: 10px; }
#footer .linkler .blink > ul > li > ul > li:last-child > a { margin-bottom: 0; }
#footer .linkler .blink > ul > li > ul > li > a:hover { text-decoration: underline; }

.copy { color: #fff; font-size: 12px; text-align: right; }
.creditCard { float: left; width: 100%; padding: 34px 0; border-top: 1px solid #2b2b2b; }
.bankimg { float: left; }
.kartimg { float: right; }
/*Footer*/
#back-to-top { float: right; position: fixed; right: 1%; bottom: 5%; z-index: 9999; }
#back-to-top a { float: left; text-align: center; width: 40px; height: 40px; background: #000; color: #fff; border-radius: 100%; font-size: 14px; }
#back-to-top a:after { content: '\f077'; font-family: 'FontAwesome'; display: inline-block; vertical-align: top; line-height: 40px; }
/*Siteye ozel alan*/
@media screen and (min-width:768px) {
    #header.fixed { position: fixed; top: 0; left: 0; right: 0; margin: 0; padding: 0; z-index: 1000; width: 100%; border: none; }
    body.margin { padding-top: 120px; }
    #header.fixed .htop { display: none; }
    body.transform #header.fixed { left: 360px; }
    .menuUstBolum { background: transparent; }
}

/*Galeri Modülü*/
section.ResimGaleri .ResimGaleriHeadIcerik { text-align: center; }

section.ResimGaleri .Main { position: relative; }

section.ResimGaleri .Main .AllGallery { position: absolute; top: 29px; font-size: 12px; right: 0; color: #000; text-decoration: underline; font-weight: 500; }

section.ResimGaleri .AddGallery { margin: 10px auto; background-color: #000; display: block; width: 200px; text-align: center; color: #fff; padding: 5px 0; }

section.ResimGaleri .AddGallery:hover { background-color: #ddd; color: #000; }

section.ResimGaleri .Main .Marquee-tag { position: relative; cursor: pointer; }

section.ResimGaleri .Main .Marquee-tag img { max-width: 100%; }

section.ResimGaleri .Main .Marquee-tag:hover:before { content: '\f002'; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 9; font-family: fontawesome; width: 50px; height: 50px; font-size: 30px; line-height: 50px; text-align: center; }

section.ResimGaleri .Main .Marquee-tag:hover:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 8; background: rgba(0, 0, 0, 0.46); }

.Modals .modal-body { padding: 30px; max-width: 420px; }

.Modals .modal-body .modal-title { font-weight: bold; text-transform: uppercase; font-size: 22px; margin-bottom: 15px; }

.Modals .modal-body .ResimGaleriHeadIcerik { font-size: 13px; line-height: 17px; margin-bottom: 20px; }

.Modals .modal-body .ResimGaleriHeadIcerik h2 { font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 8px; text-align: center; }

.Modals .modal-body .modal-Subtitle { font-size: 13px; line-height: 17px; margin-bottom: 20px; }

.Modals .modal-body .modal-bottom { text-align: center; border-top: 1px solid #d8d8d8; padding-top: 20px; font-size: 12px; font-style: italic; }

.Modals .modal-body .modal-bottom span.Link { font-style: initial; text-transform: uppercase; color: #000; font-weight: 700; margin-left: 5px; cursor: pointer; }

.AddGalleryModal .Btn { width: 100%; border: 0; text-align: center; text-transform: uppercase; color: #fff; padding: 17px 10px; background-color: #222; border: 1px solid #222; cursor: pointer; display: block; }

.AddGalleryModal .Btn:hover, .AddGalleryModal .Btn:focus { color: #fff; }

.AddGalleryModal .Btn.Orange { background-color: #000; border: 1px solid #000; }

.AddGalleryModal .Btn.Orange:hover { background-color: #000; }

.AddGalleryModal .modal-dialog { margin: 0; }

.AddGalleryModal .modal-body { max-width: 100%; }

.AddGalleryModal .FormElements { margin-bottom: 10px; }

.AddGalleryModal .FormElements > input { padding: 8px 12px; }

.AddGalleryModal .modal-content { background: #fff; }

.AddGalleryModal .Gallery--Wrapper .BtnBox { margin: 30px 0; padding-top: 25px; border-top: 1px solid #b3b3b3; }

.AddGalleryModal .Gallery--Wrapper .Title { padding: 5px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #b3b3b3; }

.AddGalleryModal .Gallery--Wrapper .row { box-sizing: inherit; padding: 0; width: auto; margin: 0; height: auto; float: none; background-color: transparent; position: static; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.AddGalleryModal .Gallery--Wrapper .col-lg-6 { width: 50%; float: left; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.AddGalleryModal .Gallery--Wrapper .col-12 { width: 100%; float: left; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.AddGalleryModal .Gallery--Wrapper .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.AddGalleryModal .fileClear { padding: 5px 10px; font-size: 12px; font-weight: 600; display: inline-block; background-color: #f1f1f1; color: #777; }

.AddGalleryModal .box { display: block; background-color: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; }

.AddGalleryModal .upload-options { position: relative; height: 35px; background-color: #000; cursor: pointer; overflow: hidden; text-align: center; -webkit-transition: background-color ease-in-out 150ms; transition: background-color ease-in-out 150ms; }

.AddGalleryModal .upload-options:hover { background-color: #000; }

.AddGalleryModal .upload-options input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.AddGalleryModal .upload-options label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; overflow: hidden; }

.AddGalleryModal .upload-options label::after { content: 'Resim Seç'; position: absolute; font-size: 14px; color: #ffffff; z-index: 0; width: 100%; }

.AddGalleryModal .upload-options label span { display: inline-block; width: 50%; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-align: center; }

.AddGalleryModal .js--image-preview { height: 120px; width: 100%; line-height: 120px; text-align: center; position: relative; overflow: hidden; background-color: white; background-position: center center; background-repeat: no-repeat; background-size: contain; }

.AddGalleryModal .js--image-preview::after { content: "\f1c5"; font: normal normal normal 14px/1 FontAwesome; position: relative; font-size: 50px; color: #e6e6e6; z-index: 0; }

.AddGalleryModal .js--image-preview.js--no-default::after { content: "\f1c5"; color: #000; border: 3px solid #000; border-radius: 50%; padding: 10px; font-size: 50px; background-color: rgba(0, 0, 0, 0.11); }

.AddGalleryModal .drop { display: block; position: absolute; background: rgba(95, 158, 160, 0.2); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); }

.AddGalleryModal .animate { -webkit-animation: ripple 0.4s linear; animation: ripple 0.4s linear; }

.AddGalleryModal .FormElements { width: 100%; margin-bottom: 15px; display: block; }

.AddGalleryModal .FormElements .Or { margin: 20px 0; text-align: center; position: relative; }

.AddGalleryModal .FormElements .Or::after { content: ''; width: 100%; height: 1px; background-color: #d8d8d8; position: absolute; left: 0; right: 0; top: 50%; display: table; }

.AddGalleryModal .FormElements .Or > span { font-style: italic; font-size: 12px; background-color: #fff; padding: 0 10px; position: relative; z-index: 1; display: inline-block; line-height: 20px; color: #949494; }

.AddGalleryModal .FormElements label { font-size: 12px; margin: 5px 0; width: 100%; color: #1894ac; }

.AddGalleryModal .FormElements input, .FormElements textarea { border: 1px solid #bdbdbd; display: block; width: 100%; padding: 12px; font-size: 14px; }

.AddGalleryModal .FormElements textarea { min-height: 100px; max-height: 100px; max-width: 100%; }

.AddGalleryModal select { font-size: 14px; padding: 14px 35px 14px 14px; }

.AddGalleryModal .FormElements .input-box { position: relative; }

.AddGalleryModal .FormElements .input-box .ShowPass { padding-right: 50px; }

.AddGalleryModal .FormElements .input-box .btn-show-password { position: absolute; right: 0; top: 0; padding: 10px 15px; font-size: 24px; }

.AddGalleryModal .FormElements .input-box .btn-show-password.Active:before { content: "\e992"; }

.AddGalleryModal .form_valition { display: none; }

.AddGalleryModal .galleryFooterSuccess { display: none; }

.AddGalleryModal #vdUrunVideo { float: left; width: 100%; }


@media(max-width:480px) {
    section.ResimGaleri .Main .AllGallery { position: static; margin: 10px auto 0; display: table; }
}
/*Galeri Modülü*/
/*---------------------------- site ozel alan kodlar ----------------------------------*/
/*******************************************MOBiL MENU****************************************/
body #formGlobal { left: 0; position: relative; transition: left .3s ease-in-out; }
body.transform.overflow { overflow-x: hidden; }
body.transform #formGlobal { left: 360px; }
.menuUstBolum { width: 100%; display: inline-block; float: left; margin-top: 0; border-bottom: 1px solid #e8e8e8; margin-top: 40px; }
.menuUstBolum .CloseBtnMenu { float: right; line-height: 80px; color: #656565; font-size: 50px; width: 80px; text-align: center; margin: 0; cursor: pointer; }
.menuUstBolum .CloseBtnMenu i { font-weight: 300; }
.menuUstBolum .mobilMenuBT { float: left; color: #000000; font-size: 13px; padding-left: 35px; cursor: pointer; }
.menuUstBolum .mobilMenuBT i { float: left; font-size: 24px; line-height: 80px; margin-right: 10px; }
.menuUstBolum .mobilMenuBT span { float: left; font-weight: 500; line-height: 80px; }
.mobilaf { position: fixed; right: 0; left: 0; width: 100%; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1001; display: none; }
.mobilaf.acik { display: block; }
.mobilMenu { position: fixed; left: 0; top: 0; bottom: 0; width: 360px; z-index: 99999; background: #fff; left: -360px;transition: left.3s ease-in-out;}
.mobilMenu.acik {left: 0;}
.mobilMenu .menuIcerikAlan { float: left; width: 100%; height: calc(100% - 121px); position: absolute; top: 121px; right: 0; left: 0; overflow-y: auto; overflow-x: hidden; }
.mobilMenu .navUl { float: left; width: 100%; height: 100%; }
.mobilMenu .navUl > li, .mobilMenu .navUl > li > ul li { float: left; width: 100%; border-bottom: 1px solid #e8e8e8; position: relative; padding: 0 0 0 20px; }
.mobilMenu .navUl > li > a, .mobilMenu .navUl > li > ul li a { color: #000000; font-size: 14px; font-weight: normal; line-height: 40px; display: inline-block; vertical-align: top; padding: 0 15px; z-index: 2; position: relative; }
.mobilMenu .navUl > li .ResimsizDown, .mobilMenu .navUl > li > ul li .ResimsizDown2 { float: right; position: absolute; right: 0; top: 0; left: 0; z-index: 1; padding-right: 20px; cursor: pointer; }
.mobilMenu .navUl > li .ResimsizDown i, .mobilMenu .navUl > li > ul li .ResimsizDown2 i { line-height: 40px; font-size: 20px; float: right; }
/*Resimsiz Menu*/
.mobilMenu .navUl > li > ul, .mobilMenu .navUl > li > ul li ul { position: fixed; left: -100%; top: 121px; bottom: 0; width: 360px; background: #fff; z-index: 3; transition: all .3s ease-in-out; overflow-y: auto; overflow-x: hidden; }
.mobilMenu .navUl > li ul.over { overflow-y: hidden; }
.mobilMenu .navUl > li > ul.active, .mobilMenu .navUl > li > ul li ul.active { left: 0; }
.mobilMenu .navUl > li > ul > span, .mobilMenu .navUl > li > ul li ul > span { position: relative; float: left; width: 100%; color: #000000; font-size: 18px; font-weight: 500; line-height: 55px; padding-left: 70px; border-bottom: 1px solid #e5e5e5; }
.mobilMenu .navUl > li > ul > span span, .mobilMenu .navUl > li > ul li ul > span span { z-index: 0; position: relative; }
.mobilMenu .navUl > li > ul > span .NoiBack, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; line-height: 55px; text-align: left; z-index: 1; padding-left: 35px; font-size: 20px; cursor: pointer; }
.mobilMenu .navUl > li > ul > span .NoiBack i, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 i { font-weight: normal; }
/* ------------------------------------Container--------------------------------------------*/
.search, .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 1230px; margin: 0 auto; position: relative; clear: both; display: block; }

.sliderBannerContainer .ProductList { max-width: 1230px; }
.detaySliderContainer .ProductList { max-width: 1230px; }
.homeContainer .ProductListContent .ProductList { max-width: 1230px; }
.markaSlider .jCarouselLite { max-width: 1230px; }

#divIcerik.homepage { margin: 0 45px; }
.sepetimBody .headerContent { box-shadow: none; }
.sepetimBody .footerSslLogo { display: none !important; }

ul.breadcrumb { clear: none; }

.leftBlock { float: left; padding: 0; }
.rightBlock { float: right; padding: 0; }
.centerCount { float: left; padding: 0; }
.centerCount.Middle { width: 100%; padding: 0; }
.centerCount.userLoginContent { width: 100%; padding: 0; }
.centerCount.iletisimContent { width: 100%; padding: 0; }
.centerCount.UyeolContent { width: 100%; padding: 0; }
.centerCount.HesabimTakip { width: 100%; padding: 0; }

.leftBlock { float: left; width: 25%; padding-right: 70px; }
.rightBlock { float: right; width: 25%; padding-left: 70px; }
.centerCount { float: left; width: 100%; padding: 0; }
/*SolveOrta*/
.leftBlock.LeftMiddle { width: 250px; margin-bottom: 30px; }
.centerCount.LeftMiddle { width: calc(100% - 250px); }
.rightBlock.MiddleRight { width: 250px; }
.centerCount.MiddleRight { width: calc(100% - 250px); }
/*SolveOrta*/
/*SolOrtaSag*/
/*SolOrtaSag*/
/*OrtaSag*/
/*OrtaSag*/
.ticiContainer:before, .ticiContainer:after { content: ""; display: table; }
.ticiContainer:after { clear: both; }
.ticiContainer { clear: both; zoom: 1; }
.headerContent:after, .headerContent:before, .headerContent:after, .headerContent:before { content: ""; display: table; clear: both; }
/* ------------------------------------Container--------------------------------------------*/
/*Tablet ekranina kadar olan windows gorunumu*/
@media screen and (min-width:1041px) and (max-width:1200px) {
    .leftBlock.LeftMiddle { width: 25%; padding-right: 20px; }
    .centerCount.LeftMiddle { width: 75%; }
    /*SolOrtaSag*/
    .leftBlock.LeftMiddleRight { width: 25%; }
    .rightBlock.LeftMiddleRight { width: 25%; }
    .centerCount.LeftMiddleRight { width: 50%; }
    /*SolOrtaSag*/
    /*OrtaSag*/
    .rightBlock.MiddleRight { width: 25%; }
    .centerCount.MiddleRight { width: 75%; }
    /*OrtaSag*/
    .homeContainer .col-5li { width: 25%; }
}

@media screen and (min-width:1341px) and (max-width:1367px) {
    #divIcerik.homepage { margin: 0 57px; }
}
/*Tablet Laptop Arasi*/
@media screen and (min-width:1240px) and (max-width:1340px) {
    /* ------------------------------------Container--------------------------------------------*/
    .search, .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 1180px; }
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList { max-width: 1180px; }
    .detaySliderContainer .ProductList { max-width: 1180px; }
    .homeContainer .ProductListContent .ProductList { max-width: 1180px; }
    .markaSlider .jCarouselLite { max-width: 1180px; }
    #divIcerik.homepage { margin: 0 auto; }
}

@media screen and (min-width: 1160px) and (max-width: 1239px) {
    /* ------------------------------------Container--------------------------------------------*/
    .search, .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 1100px; }
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList { max-width: 1100px; }
    .detaySliderContainer .ProductList { max-width: 1100px; }
    .homeContainer .ProductListContent .ProductList { max-width: 1100px; }
    .markaSlider .jCarouselLite { max-width: 1100px; }
    #divIcerik.homepage { margin: 0 auto; }
}

@media screen and (min-width: 1025px) and (max-width: 1159px) {
    /* ------------------------------------Container--------------------------------------------*/
    .search, .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 960px; }
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList { max-width: 960px; }
    .detaySliderContainer .ProductList { max-width: 960px; }
    .homeContainer .ProductListContent .ProductList { max-width: 960px; }
    .markaSlider .jCarouselLite { max-width: 960px; }
    #divIcerik.homepage { margin: 0 auto; }
}

@media (max-width: 1024px) {
    /* ------------------------------------Container--------------------------------------------*/
    .search, .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 100%; margin: 0; padding: 0 1vw; }
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList { max-width: 100%; margin: 0; padding: 0; }
    .detaySliderContainer .ProductList { max-width: 100%; margin: 0; padding: 0; }
    .homeContainer .ProductListContent .ProductList { max-width: 100%; margin: 0; padding: 0; }
    .markaSlider .jCarouselLite { max-width: 100%; margin: 0; padding: 0; }
    #header.fixed .htop .ticiContainer { max-width: 100%; margin: 0; padding: 0 1vw; }
    .categoryContainer .ProductList { margin: 0 -1vw; }
    .ItemOrj { padding: 0 1vw; }
    body.transform #formGlobal { left: 0; }
    body.transform #header.homeHeader { left: 0; }
    #divIcerik.homepage { margin: 0 auto; }

    .welcome { right: 10px; }
    .arabtn { right: 10px; }
    .mycart { right: 48px; }
    .MoreMenu .mycart { right: 20px; }
    .MoreMenu .arabtn { right: 58px; }
    #lang_flag_container { left: 10px !important; }
    .mobilMenuAcButton { left: 10px; }
    #logo { float: none; }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .ebultenDiv { width: 225px; margin-bottom: 25px; }
    #footer .linkler .blink > ul > li > ul > li > a { font-size: 10px; }
    .ebultenDiv span { font-size: 10px; }
    #footer .linkler .blink > ul > li > span { font-size: 12px; }
    .copy { font-size: 10px; }
    #footer .linkler { padding: 30px 0; }
    .creditCard { padding: 20px 0; }
    .kartimg img, .bankimg img { height: 20px; }
    .leftImage { width: 50%; }
    .RightDetail { width: 50%; padding-left: 20px; }
    .Images { width: 100%; padding-bottom: 150%; }
    .SmallImages { width: 100%; max-height: 100%; overflow-y: hidden; overflow-x: auto; white-space: nowrap; }
    .SmallImages div { float: none; display: inline-block; vertical-align: top; margin-right: 10px; margin-top: 10px; margin-bottom: 0; }
    .SmallImages::-webkit-scrollbar { height: 5px; }
}
/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media (max-width: 1024px) {
    .hsbmFvrProductContent .hsbmFvrProductItemCol{width:100%;}
}
@media screen and (max-width:1041px) {
    /******************************************************/
    body .dropdown-toggle:after { display: none; }
    body #divSayfalamaUst { padding: 0; margin: 10px 0; width: 100%; border: 1px solid #e3e3e3; }
    .urunListRel { width: 100%; }
    body .mobilFilterOpenBtn .button { padding: 0; margin: 0; color: #262324; width: 50%; float: left; line-height: 40px; background: #fff; font-size: 14px; display: inline-block; vertical-align: top; font-weight: 500; }
    body .mobilFilterOpenBtn .button.mobilSiralamBtn { border-right: 1px solid #e3e3e3; float: left; }
    body .mobilFilterOpenBtn .button.mobilFilterBtn { float: right; }
    body .mobilFilterOpenBtn { margin: 0; padding: 0; }
    .categorydesign .uNo { float: right; color: #999a9d; font-size: 12px; }
    body #divSayfalamaUst .filterDeleteContent { display: none; }

    body #divSayfalamaUst.Slct .brandlistselection { position: absolute; top: 0; z-index: 99; width: 50%; background: #fff; border: none; border-right: 1px solid #e3e3e3; left: 0; padding: 0; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent { width: 100%; display: block !important; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li { width: 100%; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select { width: 100%; height: 40px; font-size: 14px; text-indent: 15px; border: none; color: #262324; text-align-last: center; font-weight: 500; min-width: auto; border-radius: none; background: transparent; text-indent: 0; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) { display: none; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { display: none; }

    body #divSayfalamaUst:not(.Slct) .brandlistselection { padding: 0; text-align: center; position: absolute; top: 100%; left: 0; right: 0; z-index: 25; border-bottom: none; background: #fff; border: 1px solid #e5e5e5; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent { display: none; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) { margin: 0; width: 100%; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a { border: none; text-align: center; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a span { line-height: 35px; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { display: none; }
    
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a:before{display:none;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a { border-bottom: 1px solid #e5e5e5; }
    

    body .category-vertical-filters.top-filters { display: block !important; width: 360px; position: fixed; top: 0; right: -100%; bottom: 0; z-index: 9999; background: #f3f5f8; margin: 0; padding: 0; border: none; transition: all .3s ease; overflow-y: auto; overflow-x: hidden; }
    body .filterBlock.active .category-vertical-filters.top-filters { right: 0; }
    body .category-vertical-filters.top-filters .FiltreUst { float: left; width: 100%; line-height: 50px; font-size: 16px; color: #fff; margin-bottom: 10px; padding: 0 10px; position: relative; text-align: center; }
    body .category-vertical-filters.top-filters .FiltreUst span { display: inline-block; vertical-align: top; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt { float: left; font-size: 25px; position: relative; z-index: 1; }
    body .category-vertical-filters.top-filters .FiltreUst a { float: right; font-size: 13px; position: relative; z-index: 1; color: #fff; display: none; }
    body .category-vertical-filters.top-filters .FiltreUst a.active { display: block; }
    body .category-vertical-filters.top-filters .FiltreUst a i { color: #fff; font-size: 20px; display: inline-block; vertical-align: top; line-height: 50px; margin-left: 5px; }
    body .category-vertical-filters.top-filters .tukgo { float: left; width: 100%; margin-bottom: 10px; position: relative; padding: 0 10px; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock { float: left; width: 100%; line-height: 50px; font-size: 14px; color: #262324; text-align: left; padding: 0 0 0 15px; background: #fff; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before { content: ''; float: right; width: 24px; max-height: 24px; position: absolute; top: 0; bottom: 0; right: 32px; border-radius: 100%; background: #c5c7c9; margin: auto 0; background: #fff; box-shadow: 0 0 2px 0 #999; z-index: 1; transition: all 0.3s ease; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after { content: ''; float: right; width: 40px; max-height: 16px; position: absolute; top: 0; bottom: 0; right: 0; border-radius: 20px; background: #c5c7c9; margin: auto 15px auto 0; transition: all 0.3s ease; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before { right: 15px; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after { background: #39d662; }

    body .category-vertical-filters.top-filters .panel .panel-heading { padding: 0; margin: 0; border: none; background: #fff; float: left; width: 100%; }
    body .category-vertical-filters.top-filters .panel .panel-heading a { float: left; width: 100%; text-align: left; color: #262324; font-weight: 500; font-size: 15px; line-height: 50px; padding: 0 10px; text-transform: uppercase; }
    body .category-vertical-filters.top-filters .panel .panel-heading a:after { top: 0; color: #000; font-weight: 300; font-family: 'FontAwesome'; right: 10px; }
    body .category-vertical-filters.top-filters .panel .panel-heading .moreNum { position: absolute; right: 40px; top: 0; bottom: 0; line-height: 50px; font-size: 15px; color: #000; }
    body .category-vertical-filters.top-filters .panel { float: left; width: 100%; margin-bottom: 10px; padding: 0 10px; }
    body .category-vertical-filters.top-filters .list-group.dropdown { border: none; position: static; box-shadow: none; }
    body .category-vertical-filters.top-filters .list-group.dropdown ul { margin-top: 10px; }
    body .category-vertical-filters.top-filters .list-group.dropdown li { width: 100%; margin-right: 0; text-align: left; margin-bottom: 10px; }
    body .category-vertical-filters.top-filters .list-group.dropdown li a { color: #000; line-height: 16px; }
    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a { font-size: 13px; color: #262324; font-weight: normal; float: left; }
    body .category-vertical-filters .vertical-filter-panel .list-group-item:before { border-radius: 3px; display: inline-block !important; width: 16px; height: 16px; }
    body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border-color: #000; background: #000; }
    body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { background: transparent !important; height: auto; }
    body .category-vertical-filters.top-filters .panel.vertical-top-price-filter { width: 100%; margin: 20px 0; }

    body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent { display: none !important; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before { display: none; }

    body .slider-range { margin: 0 0 15px 10px !important; width: calc(100% - 20px); }
    body .amount { padding: 0; }

    .centerCount { width: 100% !important; }
    .leftBlock { display: none !important; }
    .rightBlock { display: none !important; }

    .UyeolContent .grid { margin: 30px 18px; }
    .owl-carousel .owl-item img { max-width: 100%; }
    .uyeOlContainer #FrmYeniUye > .uyeOlCol { width: 100%; }
}
/* Mobil Ekran */
@media screen and (max-width:767px) {
    .SifremiUnuttumContent .userWrapper.SifremiUnuttum { padding: 0 10px; width: 100%; }
    #divIcerik.homepage { margin: 0 auto; }
    body:has(#headernew) { padding-top: 60px; }
    body.homeBody:has(#headernew) { padding-top: 115px; }
    body.sepetimBody { padding-top: 0; }
    #lang_flag_container { display: none }
    /*mobilmenu*/
    .navigation { display: none; }
    .mobilMenu { width: 85%; bottom: 50px; left: -100%;}
    .menuUstBolum { margin-top: 0; }
    .menuUstBolum .mobilMenuBT { padding-left: 15px; font-size: 12px; color: #fff; }
    .menuUstBolum .mobilMenuBT i { font-size: 22px; }
    .menuUstBolum .mobilMenuBT i, .menuUstBolum .mobilMenuBT span, .menuUstBolum .CloseBtnMenu, .menuUstBolum .CloseBtnMenu i { line-height: 50px; display: inline-block; vertical-align: top; }
    .menuUstBolum .CloseBtnMenu { font-size: 35px; text-align: right; padding-right: 15px; color: #fff; }
    .mobilMenu .menuIcerikAlan { top: 51px; height: calc(100% - 51px); }
    .mobilMenu .navUl > li > ul, .mobilMenu .navUl > li > ul li ul{width: 85%;top:51px;bottom: 50px;}
    .mobilMenu .navUl > li > ul > span .NoiBack, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 { padding-left: 15px; }
    .mobilMenu .navUl > li > ul > span, .mobilMenu .navUl > li > ul li ul > span { padding-left: 40px; }
    .mobilMenu .navUl > li .ResimsizDown, .mobilMenu .navUl > li > ul li .ResimsizDown2 { padding-right: 15px; }
    .mobilMenu .navUl > li, .mobilMenu .navUl > li > ul li { padding-left: 0; }
    .mobilMenuAcButton:hover, .arabtn:hover, .mycartClick:hover, .mobilMenu .navUl > li > ul > span:hover, .mobilMenu .navUl > li > ul li ul > span:hover, .mobilMenu .navUl > li > ul li .ResimsizDown2:hover, .mobilMenu .navUl > li > .ResimsizDown:hover,
    .mobilMenu .navUl > li > ul li a:hover { color: #000; }
    .menuUstBolum .mobilMenuBT:hover, .menuUstBolum .CloseBtnMenu:hover { color: #fff; }
    /*sepetalan*/
    .SepetUst { float: left; width: 100%; text-align: center; color: #fff; line-height: 50px; font-size: 16px; margin-bottom: 10px; }
    .SepetUst span { display: inline-block; vertical-align: top; }
    .SepetUst .seClose { float: left; width: 40px; font-size: 22px; }
    .SepetUst .seClose i { display: inline-block; vertical-align: top; line-height: 50px; }
    .CartProduct { background: #fafafa; background-size: 100%; position: fixed; right: -100%; top: 0; width: 100%; height: calc(100% - 50px); padding: 0 0 5px; display: block !important; border: none; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1; visibility: visible; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); box-shadow: none; }
    .CartProduct .SPrice { text-align: center; }
    .CartProduct:before { display: none; }
    .CartProduct:after { display: none; }
    .CartProduct.animated { right: 0; }
    .CartProduct .SProduct { float: left; width: 100%; max-height: calc(100% - 155px); overflow-y: auto; overflow-x: hidden; font-size: 0; text-align: left; padding: 0 5px; }
    .CartProduct .SProduct li a * { display: inline-block !important; padding: 0; line-height: 1; }
    .CartProduct .SProduct li { float: left; width: 100%; position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
    .CartProduct .SProduct li a { display: inline-block; vertical-align: top; font-size: 12px; color: #000; text-align: right; width: 100%; }
    .CartProduct .SProduct li a img { margin-right: 10px; float: left; }
    .CartProduct .SProduct li a .SepettopAd { display: inline-block; vertical-align: top; max-width: 38%; margin: 0; margin-top: 10px; float: left; }
    .CartProduct .SProduct li a .SepettopAd span { float: left; clear: left; max-width: 100% !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; }
    .CartProduct .SProduct li a .SepettopAd span:nth-child(2) { margin-left: 2px; }
    .CartProduct .SProduct li a .SepetTopAdet { display: inline-block; vertical-align: top; margin: 0 5px; margin-top: 28px; }
    .mycart .CartProduct .SProduct li a span.sepetTopBirimFiyat { display: inline-block !important; vertical-align: top; margin: 0 5px; margin-top: 20px; }
    .CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 0; font-size: 0; width: auto; }
    .CartProduct .button { padding: 0; line-height: 30px; font-size: 12px !important; }
    .divustSepetteUrunYok span { width: 100%; float: left; text-align: center; color: #000; font-weight: 500; line-height: 30px; font-size: 16px; margin-bottom: 15px; }
    .sepetTopTutar { font-size: 0; padding: 0; border: none; }
    /*bottomlink*/
    .bottomHead { float: left; width: 100%; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1002; background: #fff; border-top: 1px solid #cecece; }
    .bottomHead ul { margin: 0; }
    .bottomHead ul li { float: left; width: 25%; }
    .bottomHead ul li a { float: left; width: 100%; text-align: center; font-size: 12px; padding: 5px 0; color: #000; position: relative; }
    .bottomHead ul li a i { display: block; margin: 0 auto 3px; font-size: 18px; }
    .favNum { position: absolute; right: 20px; top: 4px; width: 15px; line-height: 15px; color: #fff; text-align: center; border-radius: 100%; font-size: 10px; }
    .sepetimBody .bottomHead { display: none; }
    /*Sabit sayfalar icerik*/
    .spanTittle { font-size: 18px !important; }
    .iletisimContent .iletisimForm { width: 100%; padding: 0; }
    .iletisimContent .AdBan { width: 100%; }
    .iletisimContent .categoryTitle { margin: 0; }
    .iletisimContent .categoryTitle .categoryTitleText { line-height: 65px; }
    .iletisimContent .categoryTitle:before { display: none; }
    .iletisimContent .iletisimRight .categoryTitle { margin-bottom: 10px; }
    .iletisimContent .iletisimRight .categoryTitle .categoryTitleText { line-height: 65px; font-size: 19px; }
    .iletisimContent .iletisimForm .categoryTitle { margin-bottom: 10px; }
    .iletisimContent .iletisimForm .categoryTitle .categoryTitleText { line-height: 65px; font-size: 19px; }
    .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 { float: none; display: block; margin: 10px 0 0; }
    .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right { font-size: 17px; }
    .iletisimContent .iletisimRight .iletisimbanka .span > div span { font-size: 12px; }
    .iletisimContent .iletisimLeft .Right { font-size: 12px; }
    .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right { font-size: 20px; }
    .UyeolContent .grid { width: 100%; margin: 0; padding: 10px; border: none; margin-bottom: 10px; }
    .SifremiUnuttum { width: 100%; margin: 0; padding: 0; }
    .SifremiUnuttum .line { width: 100%; }
    .SifremiUnuttum #mainHolder_txtbxMail { width: 70%; }
    .SifremiUnuttum .button { width: 30%; }
    /*Footer*/
    .FooterTop, .FooterMiddle, .FooterBottom { background: #000; }
    #footer .linkler { padding: 0; }
    #footer .linkler .blink > ul { display: block; }
    #footer .linkler .blink > ul > li { float: left; width: 100%; }
    #footer .linkler .blink > ul > li > ul { display: none; float: left; width: 100%; border-bottom: 1px solid #252525; }
    #footer .linkler .blink > ul > li > span { float: left; width: 100%; margin: 0; line-height: 60px; border-bottom: 1px solid #252525; }
    #footer .linkler .blink > ul > li > span .ackapabtn { float: right; font-size: 15px; }
    #footer .linkler .blink > ul li { float: left; width: 100%; }
    #footer .linkler .blink > ul > li > ul > li > a { margin-bottom: 0; line-height: 40px; }
    .ebultenDiv { width: 100%; display: none; border-bottom: 1px solid #252525; padding: 10px 0; margin-bottom: 0; }
    .ebultenGelecek { margin-top: 10px; }
    .copy { float: left; width: 100%; text-align: center; margin: 25px 0 15px; }
    .creditCard { border: none; padding: 0; text-align: center; margin-bottom: 25px; }
    .bankimg { display: none; }
    .kartimg { float: none; display: inline-block; vertical-align: top; }
    #divTicimaxCopyrightContent { float: left; width: 100%; margin-bottom: 50px; }
    #divTicimaxCopyrightContent img { display: inline-block; vertical-align: top; }
    #ticimaxCopyright { margin-top: 5px !important; font-size: 11px; }
    .footerLogo { display: none; }
    .socialStore { margin: 0; }
    .socialStore .socialDiv span, .socialStore .store span { display: none; }
    .socialStore .socialDiv, .socialStore .store { margin: 0; display: block; text-align: center; }
    .socialStore .store { padding: 20px 0; border-bottom: 1px solid #252525; }
    .socialStore .socialDiv ul li { margin-right: 10px; }
    .socialStore .store ul li { margin-right: 30px; }
    .socialStore .store ul li:last-child { margin-right: 0; }
    .socialStore .store ul li a i.fa-apple { font-size: 24px; }
    .socialStore .socialDiv { padding: 20px 0; border-bottom: 1px solid #252525; }
    .socialStore .socialDiv ul li a, .socialStore .store ul li a { color: #fff; }
    .socialStore .socialDiv ul li a { width: 40px; height: 40px; border-radius: 100%; text-align: center; background: #fff; color: #000; font-size: 20px; }
    .socialStore .socialDiv ul li a i { line-height: 40px; float: none; display: inline-block; vertical-align: top; }
    #back-to-top { bottom: 11%; right: 2%; }
    #back-to-top a { width: 30px; height: 30px; }
    #back-to-top a:after { line-height: 30px; }
    /*Header*/
    #header { position: fixed; left: 0; right: 0; top: 0; }
    .headerContent { box-shadow: 0 0 5px 0 #cecece; }
    #logo .logo { height: 60px; }
    #logo .logo img { max-height: 40px; }
    .welcome { display: none; }
    .mycart { display: block; position: absolute; right: 2px; top: 5px; margin: 0; z-index: auto; }
    .mycart > a:before { display: none; }
    .mobilMenuAcButton, .arabtn, .mycartClick { display: block; margin: 0; font-size: 22px; float: right; position: absolute; }
    .mycartClick i, .arabtn i { line-height: 60px; }
    .favi { display: none; }
    .arabtn { right: 45px; top: 0;}
    .homeHeader .arabtn { display: none; }
    .mycart .sepetUrunSayisi { position: static; width: 15px; line-height: 15px; }
    .mycartClick { right: 10px; top: 0; }
    .mobilMenuAcButton { left: 10px; top: 13px; }
    .mobilMenuAcButton span { display: block; margin-left: 0; line-height: 1; font-size: 8px; }
    .mobilMenuAcButton i { float: none; display: block; line-height: 1; }
    .searchContent { position: relative; width: 100%; padding: 0 5px; background: transparent; z-index: 100; margin-bottom: 10px; display: none; float: left;}
    .searchContent.active { display: block; box-shadow: none; }
    .homeHeader .searchContent { display: block; }
    #txtbxArama { height: 45px; font-size: 12px; background: #f5f5f5; padding-left: 10px; padding-right: 60px; }
    #btnKelimeAra { height: 45px; line-height: 45px; border-left: none; color: #000000; font-size: 15px; }
    #header.touched .searchContent { display: none; }
    #header.touched .searchContent.active { display: block; top: 0; }
    #header.touched .arabtn { display: block; }
    /*kategori*/
    body .category-vertical-filters.top-filters { width: 85%; height: calc(100% - 50px); box-shadow: none; border: none; }
    body ul.breadcrumb * { line-height: 40px !important; font-size: 10px !important; }
    body ul.breadcrumb li:after { line-height: 40px; font-size: 10px !important; }
    body ul.breadcrumb li:nth-child(1) a:before { line-height: 40px; font-size: 10px !important; margin-right: 5px; }
    body:not(.sepetimBody) .ItemOrj { width: 50%; max-width: 50%; flex: 0 0 50%; }
    .homeContainer .ProductListContent .ItemOrj { width: 50%; max-width: 50%; flex: 0 0 50%; padding: 0 1vw; }
    .categoryContainer .ProductListContent .productItem { margin-bottom: 10px; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select { font-size: 13px; }
    body .mobilFilterOpenBtn .button { font-size: 13px; }
    .cargoIcon { font-size: 12px; line-height: 35px; }
    .TukendiIco span { font-size: 12px; }
    .newIcon { top: 5px; left: 5px; }
    .discountIcon { top: 5px; right: 5px; }
    .productItem .discountPrice span { font-size: 14px; }
    .productItem .regularPrice span { font-size: 11px; }
    .favori { bottom: 8px; }
    .favori a:before { font-size: 15px; }
    /*urundetay*/
    .leftImage { float: left; width: 100%; }
    .RightDetail { width: 100%; padding: 10px 0 0; }
    body a#linkOncekiSayfa { position: absolute; top: 10px; left: 10px; width: 35px; background: #fff; text-align: center; font-size: 0 !important; font-family: 'FontAwesome'; color: #000; z-index: 5; line-height: 35px; }
    body a#linkOncekiSayfa:before { content: '\f053'; font-size: 20px; display: inline-block; vertical-align: top; line-height: 35px; }
    .UFavorilerimeEkle { position: absolute; right: 5px; top: 5px; z-index: 5; }
    #divUrunKodu { clear: left; float: left; line-height: 14px; }
    #divUrunKodu span { line-height: 14px; }
    #divTaksitAciklama { clear: left; float: left; }
    .PriceList { padding-bottom: 15px; }
    .TopDet #IlgiliUrunDiv { margin-top: 15px; padding: 0; }
    #divUrunEkSecenek { padding: 0; margin-top: 15px; }
    #divUrunEkSecenek .eksecenekLine { padding-bottom: 15px; margin-bottom: 0; }
    #divSatinAl { margin-top: 15px; }
    .RightDetail .riSingle, #divAdetCombo .right_line { width: 120px; }
    .basketBtn { width: 100%; margin: 0; }
    .Basketinp { margin-bottom: 15px; }
    .basketBtn input { height: 50px; line-height: 50px; }
    .ProductIcon { text-align: center; margin: 15px 0; }
    .ProductIcon > div { float: none; display: inline-block; vertical-align: top; margin-right: 5px; }
    .TopDet .product_social_icon_wrapper { text-align: center; }
    .TopDet .product_social_icon_wrapper .PaylasTit { float: none; display: inline-block; vertical-align: top; margin-right: 5px; }
    .urunOzellik { margin: 25px 0; border-top: 1px solid #d7d7d7; }
    .urunOzellik .mobilTab { float: left; width: 100%; }
    .urunOzellik .mobilTab > ul {padding: 0;list-style: none;margin: 0; }
    .urunOzellik .mobilTab > ul > li { float: left; width: 100%; border-bottom: 1px solid #d7d7d7; }
    .urunOzellik .mobilTab > ul > li > a { color: #000000; font-size: 14px; text-transform: uppercase; line-height: 50px; float: left; width: 100%; padding: 0 10px; }
    .urunOzellik .mobilTab > ul > li > a:after { content: '\f078'; font-family: 'FontAwesome'; font-size: 16px; float: right; }
    .urunOzellik .mobilTab > ul > li.active > a { color: #fff; }
    .urunOzellik .mobilTab > ul > li.active > a:after { content: '\f077'; }
    .urunOzellik .mobilTab > ul > li.active .urunDetayPanel { display: block !important; }
    .urunDetayPanel { padding: 15px 0; border-top: 1px solid #d7d7d7; }
    /*genel*/
    #mainHolder_divDesign .anasayfa_tek_slider .owl-dots { bottom: 5px; }
    body #mainHolder_divDesign .owl-dots .owl-dot { margin: 0 2px !important; }
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1 { font-size: 22px; }
    #mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { margin-bottom: 10px !important; }
    .sliderBannerContainer { padding-bottom: 20px; }
    .pageNumberContent a, .pageBorder a { min-width: 30px; }
    /*mobilicerik*/
    .GuvenList { margin: 10px 0 0; }
    .GuvenList ul { display: block; }
    .GuvenList ul li { float: left; width: 50%; text-align: center; margin-bottom: 10px; }
    .GuvenList ul li .gimg { margin: 0 0 10px; width: 100%; }
    .GuvenList ul li .gimg img { display: inline-block; vertical-align: top; height: 22px; }
    .GuvenList ul li .gtex { width: 100%; font-size: 11px; }
    #logo{min-height: 60px;width: 100%;}
}

@media(max-width:361px) {
    body { padding-top: 115px; }
    #header.homeHeader { height: 115px; }
    #header.touched { height: auto; }
}

/* ===== VRN URUN DETAY TASARIMI BASLANGIC (Claude) ===== */
body.vrn-pd{background:#FDFEF6 !important;}
.vrn-pd .ProductDetail{max-width:1320px;margin:0 auto;float:none;font-family:'Montserrat',Arial,sans-serif;color:#222;background:#FDFEF6;}
.vrn-pd #ProductDetailMain,.vrn-pd .TopDet{float:none;width:100%;}
.vrn-pd .TopDet{display:flex;align-items:flex-start;gap:56px;padding:8px 0 40px;}
.vrn-pd .TopDet>.clear{display:none;}
.vrn-pd .breadcrumb,.vrn-pd .breadcrumb a,.vrn-pd .breadcrumb span{font-family:'Montserrat',Arial,sans-serif !important;font-size:11.5px !important;color:#777 !important;letter-spacing:.3px;}
.vrn-pd .breadcrumb li{color:#B49A6A !important;}
.vrn-pd .breadcrumb li:last-child a,.vrn-pd .breadcrumb li:last-child span{color:#0A432F !important;}
.vrn-pd .breadcrumb a:hover span{color:#0A432F !important;}
.vrn-pd .leftImage{float:none !important;width:55% !important;flex:0 0 55%;display:flex;flex-direction:row-reverse;gap:14px;align-items:flex-start;}
.vrn-pd .leftImage .Images{float:none !important;flex:1 1 auto;width:auto !important;background:#F6F2EA;border-radius:3px;overflow:hidden;}
.vrn-pd .leftImage .Images img{width:100% !important;height:auto !important;max-height:none !important;object-fit:contain;display:block;margin:0 auto;}
.vrn-pd #divThumbList{float:none !important;flex:0 0 82px;width:82px !important;display:flex;flex-direction:column;gap:8px;}
.vrn-pd #divThumbList .AltImgCapSmallImg{width:80px !important;height:auto !important;margin:0 !important;padding:0 !important;border:1px solid #DED8CE;border-radius:2px;background:#F6F2EA;cursor:pointer;transition:border-color .2s;}
.vrn-pd #divThumbList .AltImgCapSmallImg:hover{border-color:#B49A6A;}
.vrn-pd #divThumbList .AltImgCapSmallImg.vrn-active{border-color:#0A432F;}
.vrn-pd #divThumbList img{width:100% !important;height:auto !important;display:block;}
.vrn-pd .RightDetail{float:none !important;width:auto !important;flex:1 1 0;min-width:0;padding:4px 0 0 !important;}
.vrn-pd .RightDetail .TopList,.vrn-pd .RightDetail .MiddleList,.vrn-pd .RightDetail .BottomList{float:none;width:100%;border:0 !important;padding:0 !important;}
.vrn-pd .vrn-brand{display:block;font-family:'Montserrat',Arial,sans-serif;font-size:10.5px;letter-spacing:2.5px;color:#B49A6A;text-transform:uppercase;margin:0 0 10px;font-weight:500;}
.vrn-pd .ProductName,.vrn-pd .ProductName h1{float:none !important;width:100% !important;margin:0 !important;padding:0 !important;border:0 !important;}
.vrn-pd .ProductName h1,.vrn-pd .ProductName h1 span{font-family:Georgia,'Times New Roman',serif !important;font-size:31px !important;font-weight:400 !important;line-height:1.2 !important;color:#0A432F !important;text-transform:none !important;letter-spacing:0 !important;}
.vrn-pd .puanVer:empty,.vrn-pd #divOnyazi:empty{display:none !important;}
.vrn-pd .PriceList{margin:16px 0 0 !important;padding:0 0 22px !important;border:0 !important;border-bottom:1px solid #DED8CE !important;}
.vrn-pd #pnlFiyatlar .Formline{border:0 !important;padding:0 !important;margin:0 !important;display:flex;align-items:baseline;gap:10px;}
.vrn-pd #pnlFiyatlar .lineTitle{display:none !important;}
.vrn-pd #pnlFiyatlar .spanFiyat{font-family:'Montserrat',Arial,sans-serif !important;font-size:26px !important;font-weight:600 !important;color:#0A432F !important;}
.vrn-pd #pnlFiyatlar .spanKdv{display:inline !important;font-size:11px !important;color:#6C706D !important;font-weight:400 !important;margin-left:8px;}
.vrn-pd .productDetailAsortiV2:empty{display:none;}
.vrn-pd #IlgiliUrunDiv.vrn-hidden{display:none !important;}
.vrn-pd #divUrunEkSecenek{margin:22px 0 0 !important;padding:0 !important;border:0 !important;}
.vrn-pd .eksecenekLine{display:block !important;border:0 !important;padding:0 !important;margin:0 0 20px !important;}
.vrn-pd .eksecenekLine .left_line{display:flex !important;align-items:center;justify-content:space-between;width:100% !important;float:none !important;font-family:'Montserrat',Arial,sans-serif !important;font-size:13px !important;font-weight:600 !important;color:#222 !important;margin:0 0 10px !important;padding:0 !important;}
.vrn-pd .eksecenekLine .right_line{display:flex !important;flex-wrap:wrap;gap:8px;float:none !important;width:100% !important;}
.vrn-pd .size_box,.vrn-pd a.vrn-color{display:inline-flex !important;align-items:center;justify-content:center;min-width:52px;height:44px;padding:0 16px !important;margin:0 !important;background:#fff !important;border:1px solid #DED8CE !important;border-radius:2px !important;color:#222 !important;font-family:'Montserrat',Arial,sans-serif !important;font-size:13px !important;font-weight:500 !important;cursor:pointer;text-decoration:none !important;transition:all .2s;box-shadow:none !important;opacity:1 !important;visibility:visible !important;}
.vrn-pd a.vrn-color{border-color:#CFC8BD !important;}
.vrn-pd .size_box:hover,.vrn-pd a.vrn-color:hover{background:#F6F2EA !important;border-color:#B49A6A !important;color:#0A432F !important;}
.vrn-pd .size_box.selected,.vrn-pd .size_box.selected:hover,.vrn-pd a.vrn-color.selected,.vrn-pd a.vrn-color.selected:hover{background:#0A432F !important;border-color:#0A432F !important;color:#fff !important;}
.vrn-pd .size_box.passive,.vrn-pd .size_box.disabled{opacity:.45 !important;text-decoration:line-through !important;}
.vrn-pd .vrn-instock{font-size:12px;color:#0A432F;margin:-6px 0 14px;display:flex;align-items:center;gap:6px;}
.vrn-pd .vrn-instock:before{content:"";width:6px;height:6px;border-radius:50%;background:#0A432F;display:inline-block;}
.vrn-pd .vrn-gizli{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#555;margin:2px 0 18px;}
.vrn-pd .vrn-gizli svg{flex:0 0 auto;}
.vrn-pd #divSatinAl{float:none !important;width:100% !important;margin:0 !important;padding:0 !important;border:0 !important;}
.vrn-pd #divSatinAl .BasketBtn{display:flex !important;align-items:stretch;gap:10px;width:100% !important;float:none !important;}
.vrn-pd #divBasketInputTextBox{float:none !important;flex:0 0 118px;width:118px !important;height:52px !important;margin:0 !important;background:#fff;border:1px solid #DED8CE !important;border-radius:2px;}
.vrn-pd #divBasketInputTextBox .RadInput{display:flex !important;align-items:center;justify-content:space-between;width:100% !important;height:100% !important;}
.vrn-pd #divBasketInputTextBox input{border:0 !important;background:transparent !important;text-align:center;font-family:'Montserrat',Arial,sans-serif !important;font-size:14px !important;color:#222 !important;width:40px !important;height:100% !important;order:2;box-shadow:none !important;}
.vrn-pd #divBasketInputTextBox a.qtyMinus{order:1;}
.vrn-pd #divBasketInputTextBox a.riUp{order:3;}
.vrn-pd #divBasketInputTextBox a{width:36px !important;height:100% !important;display:flex !important;align-items:center;justify-content:center;color:#222 !important;background:transparent !important;border:0 !important;position:static !important;font-size:16px;}
.vrn-pd #divBasketInputTextBox a:hover{color:#0A432F !important;}
.vrn-pd #divSatinAl .basketBtn{float:none !important;flex:1 1 auto;width:auto !important;margin:0 !important;}
.vrn-pd #divSatinAl .Addtobasket,.vrn-pd #divSatinAl .Addtobasket:focus{width:100% !important;height:52px !important;margin:0 !important;background:#0A432F !important;border:1px solid #0A432F !important;color:#fff !important;border-radius:3px !important;font-family:'Montserrat',Arial,sans-serif !important;font-size:12.5px !important;font-weight:600 !important;letter-spacing:1px !important;text-transform:uppercase !important;opacity:1 !important;visibility:visible !important;box-shadow:none !important;cursor:pointer;transition:background .2s,border-color .2s;text-indent:0 !important;}
.vrn-pd #divSatinAl .Addtobasket:hover{background:#B49A6A !important;border-color:#B49A6A !important;color:#fff !important;}
.vrn-pd .UFavorilerimeEkle{float:none !important;flex:0 0 52px;width:52px !important;height:52px !important;margin:0 !important;}
.vrn-pd .UFavorilerimeEkle a{display:flex !important;align-items:center;justify-content:center;width:52px !important;height:52px !important;background:transparent !important;border:1px solid #DED8CE !important;border-radius:2px;color:#0A432F !important;font-size:0 !important;}
.vrn-pd .UFavorilerimeEkle a .box1{font-size:0 !important;background:transparent !important;border:0 !important;padding:0 !important;margin:0 !important;width:auto !important;height:auto !important;}
.vrn-pd .UFavorilerimeEkle a i{font-size:18px !important;color:#0A432F !important;margin:0 !important;}
.vrn-pd .UFavorilerimeEkle a:hover{border-color:#B49A6A !important;}
.vrn-pd .UFavorilerimeEkle a:hover i{color:#B49A6A !important;}
.vrn-pd .BottomList .ProductIcon,.vrn-pd .TavsiyeEtBtnContent,.vrn-pd .YorumYazbtnContent,.vrn-pd #divTelefonSiparis,.vrn-pd .FiyatHaberVer,.vrn-pd .karsilastir,.vrn-pd [class*=Karsilastir],.vrn-pd .UrunEtiketleri,.vrn-pd .etiketler,.vrn-pd #liTabOdemeSecenekleri,.vrn-pd #liTabUrunOnerileri,.vrn-pd #divTabOdemeSecenekleri,.vrn-pd #divTabUrunOnerileri,.vrn-pd .teknikDetay:empty,.vrn-pd .stokKodu,.vrn-pd .barkod,.vrn-pd .tedarikci{display:none !important;}
.vrn-pd .vrn-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:22px 0 0;border-top:1px solid #DED8CE;border-bottom:1px solid #DED8CE;}
.vrn-pd .vrn-trust>div{padding:16px 12px;text-align:center;}
.vrn-pd .vrn-trust>div+div{border-left:1px solid #DED8CE;}
.vrn-pd .vrn-trust p{margin:0;}
.vrn-pd .vrn-trust svg{display:block;margin:0 auto 8px;}
.vrn-pd .vrn-trust b{display:block;font-size:11px;letter-spacing:1px;font-weight:600;color:#0A432F;margin:0 0 4px;}
.vrn-pd .vrn-trust span{display:block;font-size:11px;line-height:1.5;color:#666;}
.vrn-pd .ProductDetailMainRow{float:none !important;width:100% !important;margin:0 !important;}
.vrn-pd .vrn-details{border-top:1px solid #DED8CE;padding:44px 0 8px;clear:both;}
.vrn-pd .vrn-h2{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:400;color:#0A432F;margin:0 0 18px;letter-spacing:0;}
.vrn-pd .vrn-details .vrn-body{max-width:760px;font-size:13.5px;line-height:1.8;color:#444;}
.vrn-pd .vrn-details ul,.vrn-pd .urunDetayPanel ul{list-style:none;padding:0;margin:10px 0 0;}
.vrn-pd .vrn-details li,.vrn-pd .urunDetayPanel li{position:relative;padding-left:18px;margin:0 0 6px;}
.vrn-pd .vrn-details li:before,.vrn-pd .urunDetayPanel li:before{content:"";position:absolute;left:2px;top:.8em;width:6px;height:1px;background:#B49A6A;}
.vrn-pd #divUrunOzellikAlani{float:none !important;width:100% !important;margin:32px 0 0 !important;border:0 !important;background:transparent !important;}
.vrn-pd .urunTab{border:0 !important;border-bottom:1px solid #DED8CE !important;background:transparent !important;}
.vrn-pd .urunTab ul{display:flex !important;flex-wrap:wrap;gap:32px;margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;}
.vrn-pd .urunTab li{float:none !important;background:transparent !important;border:0 !important;margin:0 !important;padding:0 !important;}
.vrn-pd .urunTab li:before{display:none !important;}
.vrn-pd .urunTab li a{display:block;padding:0 0 12px !important;background:transparent !important;border:0 !important;border-bottom:2px solid transparent !important;margin-bottom:-1px !important;font-family:'Montserrat',Arial,sans-serif !important;font-size:13px !important;font-weight:500 !important;color:#777 !important;letter-spacing:.3px;text-transform:none !important;cursor:pointer;}
.vrn-pd .urunTab li a span{display:inline;padding:0 !important;font-size:13px !important;color:inherit !important;background:transparent !important;}
.vrn-pd .urunTab li a:hover{color:#0A432F !important;}
.vrn-pd .urunTab li.active a{color:#0A432F !important;border-bottom-color:#B49A6A !important;}
.vrn-pd .urunDetayPanel{border:0 !important;padding:26px 0 10px !important;font-size:13.5px;line-height:1.8;color:#444;background:transparent !important;}
.vrn-pd .vrn-spec{width:100%;max-width:640px;border-collapse:collapse;font-size:13px;}
.vrn-pd .vrn-spec td{padding:11px 0;border-bottom:1px solid #DED8CE;vertical-align:top;}
.vrn-pd .vrn-spec td:first-child{width:38%;color:#6C706D;}
.vrn-pd .vrn-spec td:last-child{color:#222;}
.vrn-pd #divTabYorumlar{background:#F6F2EA !important;padding:24px !important;border-radius:2px;color:#555;}
.vrn-pd #divTabYorumlar .fa-star,.vrn-pd #divTabYorumlar [class*=star],.vrn-pd #divTabYorumlar [class*=yildiz]{color:#B49A6A !important;}
.vrn-pd #divTabYorumlar .button,.vrn-pd #divTabYorumlar input[type=button],.vrn-pd #divTabYorumlar input[type=submit]{background:#0A432F !important;border-color:#0A432F !important;color:#fff !important;border-radius:2px !important;}
.vrn-pd .vrn-similar{padding:56px 0 8px;clear:both;}
.vrn-pd .vrn-similar .vrn-h2{text-align:center;margin-bottom:28px;}
.vrn-pd .vrn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.vrn-pd .vrn-card{display:block;background:#fff;border:1px solid #EEE9E0;text-decoration:none !important;transition:border-color .2s;}
.vrn-pd .vrn-card:hover{border-color:#DED8CE;}
.vrn-pd .vrn-card .vrn-img{display:block;background:#F6F2EA;aspect-ratio:3/4;overflow:hidden;}
.vrn-pd .vrn-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block;}
.vrn-pd .vrn-card:hover img{transform:scale(1.03);}
.vrn-pd .vrn-card .vrn-name{display:block;padding:14px 14px 4px;font-size:12.5px;line-height:1.45;color:#222;}
.vrn-pd .vrn-card .vrn-price{display:block;padding:0 14px 16px;font-size:13.5px;font-weight:600;color:#0A432F;}
.vrn-pd .vrn-insta{margin:56px 0 0;padding:44px 16px;text-align:center;background:#F6F2EA;clear:both;}
.vrn-pd .vrn-insta .vrn-h2{margin-bottom:8px;}
.vrn-pd .vrn-insta p{font-size:13px;color:#6C706D;margin:0 0 18px;}
.vrn-pd .vrn-insta a{display:inline-block;padding:13px 28px;border:1px solid #0A432F;color:#0A432F !important;font-size:12px;font-weight:600;letter-spacing:1px;text-decoration:none !important;transition:all .2s;}
.vrn-pd .vrn-insta a:hover{background:#0A432F;color:#fff !important;}
.vrn-pd .MiddleList>#IlgiliUrunDiv,.vrn-pd .MiddleList>#divUrunEkSecenek,.vrn-pd #divSatinAl{float:none !important;width:100% !important;}
.vrn-pd .vrn-instock,.vrn-pd .vrn-gizli,.vrn-pd .vrn-trust{clear:both;}
.vrn-pd #divUrunEkSecenek .right_line .size_box,.vrn-pd #divUrunEkSecenek .right_line a.vrn-color{height:44px !important;min-height:44px !important;line-height:1 !important;min-width:52px !important;box-sizing:border-box !important;}
.vrn-pd .vrn-instock{margin:8px 0 14px !important;}
.vrn-pd .UFavorilerimeEkle{display:block !important;}
.vrn-pd .ProductName h1 span{float:none !important;display:block !important;}
.vrn-pd .TopList:after,.vrn-pd .ProductName:after{content:"";display:table;clear:both;}
.vrn-pd .eksecenekLine.vrn-swatches .right_line>.size_box{display:none !important;}
.vrn-pd .eksecenekLine.vrn-swatches .right_line{gap:10px;}
.vrn-pd a.vrn-sw,.vrn-pd #divUrunEkSecenek .right_line a.vrn-sw{display:block !important;width:66px !important;min-width:66px !important;height:88px !important;min-height:88px !important;padding:0 !important;background:#F6F2EA !important;border:1px solid #DED8CE !important;border-radius:2px !important;overflow:hidden;}
.vrn-pd a.vrn-sw img{width:100% !important;height:100% !important;object-fit:cover;display:block;max-width:none !important;}
.vrn-pd a.vrn-sw:hover,.vrn-pd #divUrunEkSecenek .right_line a.vrn-sw:hover{border-color:#B49A6A !important;background:#F6F2EA !important;}
.vrn-pd a.vrn-sw.selected,.vrn-pd #divUrunEkSecenek .right_line a.vrn-sw.selected,.vrn-pd a.vrn-sw.selected:hover{border:2px solid #0A432F !important;background:#F6F2EA !important;cursor:default;}
.vrn-pd #divTabYorumlar h1,.vrn-pd #divTabYorumlar h2,.vrn-pd #divTabYorumlar h3,.vrn-pd #divTabYorumlar h4{font-family:Georgia,'Times New Roman',serif !important;font-weight:400 !important;color:#0A432F !important;}
.vrn-pd #divTabYorumlar p,.vrn-pd #divTabYorumlar span{font-family:'Montserrat',Arial,sans-serif !important;color:#555 !important;}
.vrn-pd #divTabYorumlar a,.vrn-pd #divTabYorumlar button,.vrn-pd #divTabYorumlar input[type=button],.vrn-pd #divTabYorumlar input[type=submit]{background:#0A432F !important;border:1px solid #0A432F !important;color:#fff !important;border-radius:2px !important;font-family:'Montserrat',Arial,sans-serif !important;font-size:12.5px !important;letter-spacing:1px;}
.vrn-pd #divTabYorumlar a:hover,.vrn-pd #divTabYorumlar button:hover{background:#B49A6A !important;border-color:#B49A6A !important;}
@media (max-width:991px){
 .vrn-pd .ProductDetail{padding:0 16px;}
 .vrn-pd .TopDet{flex-direction:column;gap:22px;}
 .vrn-pd .leftImage{width:100% !important;flex:none;flex-direction:column;gap:10px;}
 .vrn-pd .leftImage .Images{width:100% !important;}
 .vrn-pd #divThumbList{flex-direction:row;width:100% !important;flex:none;overflow-x:auto;gap:8px;-webkit-overflow-scrolling:touch;}
 .vrn-pd #divThumbList .AltImgCapSmallImg{flex:0 0 70px;width:70px !important;}
 .vrn-pd .RightDetail{width:100% !important;}
 .vrn-pd .ProductName h1,.vrn-pd .ProductName h1 span{font-size:25px !important;}
 .vrn-pd #pnlFiyatlar .spanFiyat{font-size:23px !important;}
 .vrn-pd .vrn-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
 .vrn-pd .urunTab ul{gap:20px;}
}
@media (max-width:560px){
 .vrn-pd #divSatinAl .BasketBtn{flex-wrap:wrap;}
 .vrn-pd #divSatinAl .basketBtn{flex:1 1 calc(100% - 128px);}
 .vrn-pd .UFavorilerimeEkle{order:3;}
 .vrn-pd .vrn-trust{grid-template-columns:1fr;}
 .vrn-pd .vrn-trust>div{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:12px 4px;}
 .vrn-pd .vrn-trust>div+div{border-left:0;border-top:1px solid #DED8CE;}
 .vrn-pd .vrn-trust svg{margin:2px 0 0;}
 .vrn-pd .size_box,.vrn-pd a.vrn-color{height:46px;min-width:56px;}
}
/* ===== VRN URUN DETAY TASARIMI BITIS ===== */
/* ===== VRN ANASAYFA BASLANGIC (Claude) ===== */
body.vrn-home{background:#FDFEF6 !important;}
.vrn-home #mainHolder_divDesign{height:auto !important;}
.vrnHome{font-family:'Montserrat',Arial,sans-serif;color:#222;background:#FDFEF6;}
.vrnHome *{box-sizing:border-box;}
.vrnHome img{max-width:100%;display:block;}
.vrnHome a{text-decoration:none;}
.vrnHome .vrnh-wrap{max-width:1320px;margin:0 auto;padding:0 24px;}
.vrnHome h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#0A432F;font-size:32px;line-height:1.2;margin:0;letter-spacing:0;}
.vrnHome .vrnh-head{text-align:center;margin:0 0 30px;}
.vrnHome .vrnh-head p{margin:10px 0 0;color:#6C706D;font-size:13.5px;}
.vrnHome .vrnh-eyebrow{display:block;font-size:10.5px;letter-spacing:2.5px;color:#B49A6A;margin:0 0 14px;font-weight:500;}
.vrnHome .vrnh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 34px;background:#0A432F;color:#fff !important;border:1px solid #0A432F;font-size:12px;font-weight:600;letter-spacing:1.5px;border-radius:2px;transition:background .25s,border-color .25s,color .25s;}
.vrnHome .vrnh-btn:hover{background:#B49A6A;border-color:#B49A6A;color:#fff !important;}
.vrnHome .vrnh-btn-light{background:transparent;border-color:#fff;color:#fff !important;}
.vrnHome .vrnh-btn-light:hover{background:#fff;border-color:#fff;color:#0A432F !important;}
.vrnHome .vrnh-hero{position:relative;width:100%;height:min(82vh,760px);min-height:460px;overflow:hidden;background:#0A432F;}
.vrnHome .vrnh-hero-imgs{display:grid;grid-template-columns:repeat(3,1fr);height:100%;}
.vrnHome .vrnh-hero-imgs img{width:100%;height:100%;object-fit:cover;object-position:center top;}
.vrnHome .vrnh-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,22,.15) 0%,rgba(10,30,22,.45) 100%);}
.vrnHome .vrnh-hero-txt{position:absolute;left:0;right:0;bottom:12%;z-index:2;text-align:center;padding:0 20px;color:#fff;}
.vrnHome .vrnh-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:46px;letter-spacing:4px;line-height:1.15;margin:0 0 14px;color:#fff;}
.vrnHome .vrnh-hero p{font-size:14px;letter-spacing:.5px;margin:0 0 28px;color:rgba(255,255,255,.92);}
.vrnHome .vrnh-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:72px;}
.vrnHome .vrnh-col{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#F6F2EA;}
.vrnHome .vrnh-col img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .8s ease;}
.vrnHome .vrnh-col:hover img{transform:scale(1.04);}
.vrnHome .vrnh-col:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.38) 100%);}
.vrnHome .vrnh-col span{position:absolute;left:0;right:0;bottom:30px;z-index:2;text-align:center;color:#fff;font-size:14px;font-weight:500;letter-spacing:3px;}
.vrnHome .vrnh-col span:after{content:"";display:block;width:28px;height:1px;background:#B49A6A;margin:12px auto 0;transition:width .3s;}
.vrnHome .vrnh-col:hover span:after{width:56px;}
.vrnHome .vrnh-prod{margin-top:88px;}
.vrnHome .vrnh-slider{position:relative;}
.vrnHome .vrnh-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
.vrnHome .vrnh-track::-webkit-scrollbar{display:none;}
.vrnHome .vrnh-track>.vrnh-card{scroll-snap-align:start;}
.vrnHome .vrnh-arr{position:absolute;top:38%;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid #DED8CE;background:#FDFEF6;color:#0A432F;font-size:24px;line-height:1;cursor:pointer;transition:all .2s;}
.vrnHome .vrnh-arr:hover{border-color:#B49A6A;color:#B49A6A;}
.vrnHome .vrnh-prev{left:-21px;}
.vrnHome .vrnh-next{right:-21px;}
.vrnHome .vrnh-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.vrnHome .vrnh-card{background:#fff;border:1px solid #EEE9E0;display:flex;flex-direction:column;transition:border-color .25s;}
.vrnHome .vrnh-card:hover{border-color:#DED8CE;}
.vrnHome .vrnh-card-img{display:block;aspect-ratio:3/4;overflow:hidden;background:#F6F2EA;}
.vrnHome .vrnh-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.vrnHome .vrnh-card:hover .vrnh-card-img img{transform:scale(1.03);}
.vrnHome .vrnh-card-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:5px;flex:1;}
.vrnHome .vrnh-card-name{color:#2B3A33;font-size:13px;line-height:1.45;min-height:38px;}
.vrnHome .vrnh-card-name:hover{color:#0A432F;}
.vrnHome .vrnh-card-var{font-size:11px;color:#6C706D;letter-spacing:.3px;}
.vrnHome .vrnh-card-price{font-size:14.5px;font-weight:600;color:#0A432F;margin:2px 0 10px;}
.vrnHome .vrnh-card-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:44px;background:#0A432F;color:#fff !important;font-size:11.5px;font-weight:600;letter-spacing:1.2px;border-radius:2px;transition:background .25s;}
.vrnHome .vrnh-card-btn:hover{background:#B49A6A;}
.vrnHome .vrnh-split{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;align-items:center;margin-top:104px;}
.vrnHome .vrnh-split.vrnh-rev{grid-template-columns:1.15fr 1fr;}
.vrnHome .vrnh-split.vrnh-rev .vrnh-split-img{order:-1;}
.vrnHome .vrnh-split-txt{max-width:440px;}
.vrnHome .vrnh-split.vrnh-rev .vrnh-split-txt{justify-self:start;}
.vrnHome .vrnh-split:not(.vrnh-rev) .vrnh-split-txt{justify-self:end;}
.vrnHome .vrnh-split-txt h2{font-size:38px;margin-bottom:18px;}
.vrnHome .vrnh-split-txt p{font-size:14.5px;line-height:1.85;color:#555;margin:0 0 30px;}
.vrnHome .vrnh-split-img{display:block;aspect-ratio:4/5;overflow:hidden;background:#F6F2EA;}
.vrnHome .vrnh-split-img img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .8s ease;}
.vrnHome .vrnh-split-img:hover img{transform:scale(1.03);}
.vrnHome .vrnh-grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:104px;}
.vrnHome .vrnh-grid6 a{display:block;aspect-ratio:1/1;overflow:hidden;background:#F6F2EA;}
.vrnHome .vrnh-grid6 img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s ease;}
.vrnHome .vrnh-grid6 a:hover img{transform:scale(1.05);}
.vrnHome .vrnh-trust{background:#F6F2EA;margin-top:104px;padding:56px 0 48px;}
.vrnHome .vrnh-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.vrnHome .vrnh-trust-grid svg{display:block;margin:0 auto 14px;}
.vrnHome .vrnh-trust-grid b{display:block;font-size:12.5px;font-weight:600;letter-spacing:1px;color:#0A432F;margin-bottom:6px;text-transform:uppercase;}
.vrnHome .vrnh-trust-grid span{display:block;font-size:12.5px;color:#6C706D;line-height:1.6;}
.vrnHome .vrnh-ship{display:flex;align-items:center;justify-content:center;gap:12px;margin:40px auto 0;padding-top:28px;border-top:1px solid #DED8CE;max-width:520px;color:#0A432F;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;}
.vrnHome .vrnh-ship svg{width:24px;height:24px;}
.vrnHome .vrnh-faq{max-width:860px;margin-top:96px;}
.vrnHome .vrnh-acc{border-top:1px solid #DED8CE;}
.vrnHome .vrnh-q{border-bottom:1px solid #DED8CE;}
.vrnHome .vrnh-q button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 2px;min-height:56px;background:transparent;border:0;text-align:left;cursor:pointer;font-family:'Montserrat',Arial,sans-serif;font-size:14.5px;font-weight:500;color:#222;}
.vrnHome .vrnh-q button:hover{color:#0A432F;}
.vrnHome .vrnh-q i{position:relative;flex:0 0 14px;height:14px;}
.vrnHome .vrnh-q i:before,.vrnHome .vrnh-q i:after{content:"";position:absolute;left:0;top:6.5px;width:14px;height:1px;background:#B49A6A;transition:transform .3s;}
.vrnHome .vrnh-q i:after{transform:rotate(90deg);}
.vrnHome .vrnh-q.open i:after{transform:rotate(0);}
.vrnHome .vrnh-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.vrnHome .vrnh-q.open .vrnh-a{max-height:260px;}
.vrnHome .vrnh-a p{margin:0;padding:0 2px 22px;font-size:13.5px;line-height:1.8;color:#555;}
.vrnHome .vrnh-center{text-align:center;margin-top:28px;}
.vrnHome .vrnh-link{display:inline-block;color:#0A432F;font-size:12.5px;font-weight:600;letter-spacing:1.2px;padding:6px 0;border-bottom:1px solid #B49A6A;}
.vrnHome .vrnh-link:hover{color:#B49A6A;}
.vrnHome .vrnh-insta{margin-top:96px;padding:64px 20px;text-align:center;background:#F6F2EA;border-top:1px solid #EEE9E0;}
.vrnHome .vrnh-insta p{font-family:Georgia,'Times New Roman',serif;font-size:28px;color:#0A432F;margin:0 0 18px;}
.vrnHome .vrnh-insta a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 26px;border:1px solid #0A432F;color:#0A432F;font-size:13px;font-weight:600;letter-spacing:1px;transition:all .25s;}
.vrnHome .vrnh-insta a:hover{background:#0A432F;color:#fff;}
body.vrn-home{overflow-x:hidden;}
.vrnHome .vrnh-hero,.vrnHome .vrnh-trust,.vrnHome .vrnh-insta{width:100vw !important;max-width:none !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;}
.vrnHome .vrnh-wrap{width:100%;margin-left:auto !important;margin-right:auto !important;float:none !important;}
.vrnHome .vrnh-split,.vrnHome .vrnh-split.vrnh-rev{grid-template-columns:1fr 1fr;}
.vrnHome .vrnh-split-img{width:100%;max-width:560px;max-height:680px;}
.vrnHome .vrnh-split:not(.vrnh-rev) .vrnh-split-img{justify-self:start;}
.vrnHome .vrnh-split.vrnh-rev .vrnh-split-img{justify-self:end;}
.vrnHome .vrnh-faq{margin-top:96px !important;}
.vrnHome>section{float:none !important;clear:both;}
.vrnHome:after{content:"";display:table;clear:both;}
@media (max-width:991px){
 .vrnHome .vrnh-wrap{padding:0 16px;}
 .vrnHome h2{font-size:26px;}
 .vrnHome .vrnh-hero{height:78vh;min-height:440px;}
 .vrnHome .vrnh-hero-imgs{grid-template-columns:1fr;}
 .vrnHome .vrnh-hero-imgs .vrnh-d{display:none;}
 .vrnHome .vrnh-hero h1{font-size:28px;letter-spacing:2.5px;}
 .vrnHome .vrnh-hero p{font-size:13px;}
 .vrnHome .vrnh-cols{grid-template-columns:1fr;gap:12px;margin-top:40px;}
 .vrnHome .vrnh-col{aspect-ratio:16/11;}
 .vrnHome .vrnh-prod{margin-top:60px;}
 .vrnHome .vrnh-track{grid-auto-columns:calc((100% - 12px)/2);gap:12px;}
 .vrnHome .vrnh-arr{display:none;}
 .vrnHome .vrnh-grid4{grid-template-columns:repeat(2,1fr);gap:12px;}
 .vrnHome .vrnh-card-body{padding:10px 10px 12px;}
 .vrnHome .vrnh-card-name{font-size:12px;}
 .vrnHome .vrnh-split,.vrnHome .vrnh-split.vrnh-rev{grid-template-columns:1fr;gap:26px;margin-top:64px;}
 .vrnHome .vrnh-split .vrnh-split-img,.vrnHome .vrnh-split.vrnh-rev .vrnh-split-img{order:-1;}
 .vrnHome .vrnh-split .vrnh-split-txt{justify-self:stretch !important;max-width:none;text-align:center;}
 .vrnHome .vrnh-split-txt h2{font-size:28px;}
 .vrnHome .vrnh-split-txt .vrnh-btn{width:100%;}
 .vrnHome .vrnh-grid6{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:64px;}
 .vrnHome .vrnh-trust{margin-top:64px;padding:40px 0 36px;}
 .vrnHome .vrnh-trust-grid{grid-template-columns:repeat(2,1fr);gap:28px 14px;}
 .vrnHome .vrnh-faq{margin-top:64px !important;}
 .vrnHome .vrnh-insta{margin-top:64px;padding:48px 16px;}
 .vrnHome .vrnh-insta p{font-size:23px;}
}
.vrnHome .vrnh-banner{display:block;width:100vw !important;max-width:none !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;background:#F6F2EA;}
.vrnHome .vrnh-banner a,.vrnHome .vrnh-banner picture{display:block;}
.vrnHome .vrnh-banner img{width:100%;height:auto;display:block;}
.vrnHome .vrnh-banner2{margin-top:104px;}
@media (max-width:991px){.vrnHome .vrnh-banner2{margin-top:64px;}}
.vrnHome .vrnh-banner1{margin-top:104px;}
@media (max-width:991px){.vrnHome .vrnh-banner1{margin-top:64px;}.vrnHome .vrnh-col{aspect-ratio:4/5 !important;}.vrnHome .vrnh-col img{object-position:center center;}}
@media (max-width:991px){.vrnHome .vrnh-grid4{display:grid !important;grid-template-columns:none !important;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px)/2);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;}.vrnHome .vrnh-grid4::-webkit-scrollbar{display:none;}.vrnHome .vrnh-grid4>.vrnh-card{scroll-snap-align:start;}}
/* editor (Sayfa Tasarim) uyumlu bloklar */
#divIcerik.homepage #mainHolder_divDesign>section.landing-block{float:none !important;clear:both;}
#divIcerik.homepage section.vrn-done>*:not(.vrnHome){display:none !important;}
#divIcerik.homepage section.vrn-empty{display:none !important;}
.vrnHome.vrn-sec{display:flow-root;width:100%;}
#divIcerik.homepage #mainHolder_divDesign>section.landing-block,#divIcerik.homepage #mainHolder_divDesign>section.landing-block .html-context{background:transparent !important;}
.vrnHome .vrnh-all{margin-top:28px;}
#divIcerik.homepage section.vrn-banner{margin-top:104px !important;margin-bottom:0 !important;padding:0 !important;}
#divIcerik.homepage section.vrn-banner img{width:100%;height:auto;display:block;}
#divIcerik.homepage section.vrn-banner{width:100vw !important;max-width:none !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;}
#divIcerik.homepage section.vrn-banner .ticiContainer,#divIcerik.homepage section.vrn-banner .txrow,#divIcerik.homepage section.vrn-banner .txcol-sm-12,#divIcerik.homepage section.vrn-banner a{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;float:none !important;display:block;}
@media (max-width:767px){#divIcerik.homepage section.vrn-banner{margin-top:64px !important;}}
/* musteri yorumlari (kayan kartlar) */
.vrnHome .vrnh-rv{margin-top:104px;}
.vrnHome .vrnh-rv-track{grid-auto-columns:calc((100% - 54px)/4);padding:2px 1px;}
.vrnHome .vrnh-rv-card{background:#fff;border:1px solid #EEE9E0;padding:30px 26px 26px;display:flex;flex-direction:column;gap:16px;scroll-snap-align:start;min-height:240px;transition:border-color .25s;}
.vrnHome .vrnh-rv-card:hover{border-color:#DED8CE;}
.vrnHome .vrnh-rv-stars{color:#B49A6A;letter-spacing:3px;font-size:14px;line-height:1;}
.vrnHome .vrnh-rv-stars em{font-style:normal;color:#DED8CE;}
.vrnHome .vrnh-rv-text{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:16px;line-height:1.65;color:#2B3A33;margin:0;flex:1;}
.vrnHome .vrnh-rv-name{font-size:11.5px;font-weight:600;letter-spacing:1.2px;color:#0A432F;text-transform:uppercase;border-top:1px solid #EEE9E0;padding-top:14px;}
.vrnHome .vrnh-rv-name small{display:block;font-weight:400;color:#6C706D;letter-spacing:.3px;text-transform:none;margin-top:4px;font-size:11.5px;}
html:not(.vrn-off) #divIcerik.homepage section[id^="boshtml_"]:not(.vrn-b) .html-context{visibility:hidden;}
@media (max-width:1199px){.vrnHome .vrnh-rv-track{grid-auto-columns:calc((100% - 36px)/3);}}
@media (max-width:767px){.vrnHome .vrnh-rv{margin-top:64px;}.vrnHome .vrnh-rv-track{grid-auto-columns:84%;gap:12px;}.vrnHome .vrnh-rv-card{padding:24px 20px 20px;min-height:210px;}.vrnHome .vrnh-rv-text{font-size:15px;}}
/* ===== VRN ANASAYFA BITIS ===== */
/* ===== VRN KATEGORI BASLANGIC (Claude) ===== */
body.vrn-cat{background:#FDFEF6 !important;}
.vrn-cat #ProductListMainContainer,.vrn-cat .categoryTitleText,.vrn-cat .categoryOverlay{display:none !important;}
.vrn-cat #divIcerik,.vrn-cat #divCenterBlock{float:none !important;width:100% !important;max-width:none !important;background:transparent !important;}
.vrn-cat .breadcrumb,.vrn-cat .breadcrumb a,.vrn-cat .breadcrumb span{font-family:'Montserrat',Arial,sans-serif !important;font-size:11.5px !important;color:#777 !important;}
.vrn-cat .breadcrumb li{color:#B49A6A !important;}
.vrn-cat .breadcrumb li:last-child,.vrn-cat .breadcrumb li:last-child a,.vrn-cat .breadcrumb li:last-child span{color:#0A432F !important;}
#vrnCat{max-width:1320px;margin:0 auto;padding:0 24px 96px;font-family:'Montserrat',Arial,sans-serif;color:#222;clear:both;}
#vrnCat *{box-sizing:border-box;}
#vrnCat a{text-decoration:none;}
#vrnCat button{font-family:'Montserrat',Arial,sans-serif;cursor:pointer;}
#vrnCat .vrnc-head{text-align:center;padding:26px 0 30px;}
#vrnCat .vrnc-eyebrow{display:block;font-size:10.5px;letter-spacing:2.5px;color:#B49A6A;font-weight:500;margin-bottom:12px;}
#vrnCat h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:44px;line-height:1.15;color:#0A432F;margin:0;letter-spacing:0;text-transform:none;}
#vrnCat .vrnc-head p{margin:12px 0 0;color:#6C706D;font-size:13.5px;}
#vrnCat .vrnc-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #DED8CE;border-bottom:1px solid #DED8CE;margin-bottom:28px;}
#vrnCat .vrnc-count{font-size:12px;letter-spacing:.5px;color:#6C706D;}
#vrnCat .vrnc-sortw{display:flex;align-items:center;gap:10px;font-size:12px;color:#6C706D;margin:0;}
#vrnCat .vrnc-sort{height:38px;padding:0 34px 0 12px;background:#FDFEF6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%230A432F' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #DED8CE;border-radius:2px;font-family:'Montserrat',Arial,sans-serif;font-size:12.5px;color:#222;-webkit-appearance:none;appearance:none;outline:none;}
#vrnCat .vrnc-sort:focus{border-color:#B49A6A;}
#vrnCat .vrnc-mbtns{display:none;}
#vrnCat .vrnc-main{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start;}
#vrnCat .vrnc-side{position:sticky;top:20px;}
#vrnCat .vrnc-side-head,#vrnCat .vrnc-apply{display:none;}
#vrnCat .vrnc-fg{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid #EEE9E0;}
#vrnCat .vrnc-fg h4{font-family:'Montserrat',Arial,sans-serif;font-size:13px;font-weight:600;color:#0A432F;margin:0 0 14px;letter-spacing:.3px;text-transform:none;}
#vrnCat .vrnc-fg ul{list-style:none;margin:0;padding:0;}
#vrnCat .vrnc-fg li{margin:0 0 9px;}
#vrnCat .vrnc-fg li a,#vrnCat .vrnc-fg label{font-size:12.5px;color:#555;display:flex;align-items:center;gap:9px;cursor:pointer;margin:0;font-weight:400;}
#vrnCat .vrnc-fg li a:hover,#vrnCat .vrnc-fg label:hover{color:#0A432F;}
#vrnCat .vrnc-fg li a.on{color:#0A432F;font-weight:600;}
#vrnCat .vrnc-fg input[type=checkbox],#vrnCat .vrnc-fg input[type=radio]{accent-color:#0A432F;width:14px;height:14px;margin:0;}
#vrnCat .vrnc-fg label:has(input:checked){color:#0A432F;font-weight:500;}
#vrnCat .vrnc-fg i{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #D5CEC2;}
#vrnCat .vrnc-sizes{display:flex;flex-wrap:wrap;gap:6px;}
#vrnCat .vrnc-size input{position:absolute;opacity:0;pointer-events:none;}
#vrnCat .vrnc-size span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:34px;padding:0 10px;border:1px solid #DED8CE;background:#fff;font-size:12px;color:#222;border-radius:2px;transition:all .2s;}
#vrnCat .vrnc-size:hover span{border-color:#B49A6A;}
#vrnCat .vrnc-size input:checked+span{background:#0A432F;border-color:#0A432F;color:#fff;}
#vrnCat .vrnc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
#vrnCat .vrnc-empty{grid-column:1/-1;text-align:center;color:#6C706D;font-size:13px;padding:40px 0;}
#vrnCat .vrnc-loading{grid-column:1/-1;height:420px;background:linear-gradient(90deg,#F6F2EA,#FDFEF6,#F6F2EA);background-size:200% 100%;animation:vrncL 1.4s infinite;}
@keyframes vrncL{0%{background-position:100% 0}100%{background-position:-100% 0}}
#vrnCat .vrnc-card{background:#fff;border:1px solid #E7E1D7;display:flex;flex-direction:column;min-width:0;}
#vrnCat .vrnc-imgw{position:relative;}
#vrnCat .vrnc-img{display:block;aspect-ratio:3/4;overflow:hidden;background:#F6F2EA;}
#vrnCat .vrnc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,opacity .3s ease;}
#vrnCat .vrnc-card:hover .vrnc-img img{transform:scale(1.03);}
#vrnCat .vrnc-fav{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#FDFEF6;color:#0A432F;display:flex;align-items:center;justify-content:center;transition:color .2s;box-shadow:0 1px 2px rgba(0,0,0,.06);}
#vrnCat .vrnc-fav:hover,#vrnCat .vrnc-fav.listfavoriAktif{color:#B49A6A;}
#vrnCat .vrnc-badge{position:absolute;top:10px;left:10px;background:#0A432F;color:#fff;font-size:10.5px;font-weight:600;letter-spacing:.5px;padding:4px 7px;border-radius:2px;}
#vrnCat .vrnc-body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1;}
#vrnCat .vrnc-sw{display:flex;align-items:center;gap:7px;min-height:22px;}
#vrnCat .vrnc-dot{width:19px;height:19px;border-radius:50%;border:1px solid #D5CEC2;padding:0;box-shadow:inset 0 0 0 2px #fff;transition:border-color .2s;}
#vrnCat .vrnc-dot:hover{border-color:#B49A6A;}
#vrnCat .vrnc-dot.on{border:2px solid #0A432F;}
#vrnCat .vrnc-cn{font-size:11px;color:#6C706D;margin-left:2px;}
#vrnCat .vrnc-name{font-size:13.5px;font-weight:500;line-height:1.45;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px;}
#vrnCat .vrnc-name:hover{color:#0A432F;}
#vrnCat .vrnc-price{font-size:17px;font-weight:600;color:#0A432F;margin:2px 0 8px;}
#vrnCat .vrnc-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;height:44px;background:#0A432F;border:1px solid #0A432F;color:#fff !important;font-size:11.5px;font-weight:600;letter-spacing:1px;border-radius:2px;transition:background .25s,border-color .25s;}
#vrnCat .vrnc-btn:hover{background:#B49A6A;border-color:#B49A6A;}
#vrnCat .vrnc-sheet,#vrnCat .vrnc-ov{display:none;}
#vrnCat .vrnc-bc{padding:18px 0 0;}
#vrnCat .vrnc-bc .breadcrumb{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;background:transparent;}
#vrnCat .vrnc-bc .breadcrumb li{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;}
@media (max-width:991px){#vrnCat .vrnc-bc{padding:12px 0 0;}}
@media (max-width:1199px){#vrnCat .vrnc-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:991px){
 #vrnCat{padding:0 16px 64px;}
 #vrnCat h1{font-size:32px;}
 #vrnCat .vrnc-head{padding:16px 0 20px;}
 #vrnCat .vrnc-bar{flex-wrap:wrap;border:0;padding:0;margin-bottom:18px;}
 #vrnCat .vrnc-count{order:2;width:100%;text-align:center;}
 #vrnCat .vrnc-sortw{display:none;}
 #vrnCat .vrnc-mbtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;order:1;}
 #vrnCat .vrnc-mbtns button{height:46px;background:#FDFEF6;border:1px solid #DED8CE;color:#0A432F;font-size:12px;font-weight:600;letter-spacing:1px;border-radius:2px;}
 #vrnCat .vrnc-main{display:block;}
 #vrnCat .vrnc-grid{grid-template-columns:repeat(2,1fr);gap:11px;}
 #vrnCat .vrnc-body{padding:10px 10px 12px;}
 #vrnCat .vrnc-name{font-size:12.5px;}
 #vrnCat .vrnc-price{font-size:15.5px;}
 #vrnCat .vrnc-btn{height:42px;font-size:11px;}
 #vrnCat .vrnc-side{position:fixed;top:0;left:0;bottom:0;width:86%;max-width:360px;background:#FDFEF6;z-index:100001;padding:0 20px 90px;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease;}
 #vrnCat.f-open .vrnc-side{transform:none;}
 #vrnCat .vrnc-side-head{display:flex;align-items:center;justify-content:space-between;height:60px;border-bottom:1px solid #DED8CE;margin:0 0 20px;font-size:14px;color:#0A432F;letter-spacing:.5px;}
 #vrnCat .vrnc-close{background:none;border:0;font-size:28px;line-height:1;color:#0A432F;padding:0 4px;}
 #vrnCat .vrnc-apply{display:block;position:sticky;bottom:12px;width:100%;height:48px;box-shadow:0 0 0 14px #FDFEF6;z-index:2;background:#0A432F;border:0;color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;border-radius:2px;}
 #vrnCat .vrnc-ov{position:fixed;inset:0;background:rgba(10,30,22,.35);z-index:100000;}
 #vrnCat.f-open .vrnc-ov,#vrnCat.s-open .vrnc-ov{display:block;}
 #vrnCat .vrnc-sheet{display:block;position:fixed;left:0;right:0;bottom:0;z-index:100001;background:#FDFEF6;padding:0 20px 24px;transform:translateY(100%);transition:transform .3s ease;border-radius:6px 6px 0 0;}
 #vrnCat.s-open .vrnc-sheet{transform:none;}
 #vrnCat .vrnc-sopt{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #EEE9E0;padding:15px 2px;font-size:13.5px;color:#222;}
 #vrnCat .vrnc-sopt.on{color:#0A432F;font-weight:600;}
 body.vrnc-lock{overflow:hidden;}
}
/* ===== VRN KATEGORI BITIS ===== */
/* ===== VRN ILK YUKLEME (Claude) ===== */
html:not(.vrn-off) #divIcerik.homepage section[id^="urunblok_"]:not(.vrn-done){visibility:hidden !important;}
html:not(.vrn-off) #divIcerik.categoryContainer #ProductListMainContainer,html:not(.vrn-off) #divIcerik.categoryContainer .categoryTitleText{display:none !important;}
/* ===== VRN ILK YUKLEME BITIS ===== */

/* vrn: mobil sekme basliklari - aktif baslik gorunur kalsin */
.urunOzellik .mobilTab > ul > li > a,
.urunOzellik .mobilTab > ul > li.active > a { color: #222 !important; background: transparent !important; }

/* VRN Guven alani - oge sayisina gore kolon (Claude) */
.vrnHome .vrnh-trust-grid.vrnh-t3{grid-template-columns:repeat(3,1fr);}
.vrnHome .vrnh-trust-grid.vrnh-t2{grid-template-columns:repeat(2,1fr);}
@media (max-width:991px){
 .vrnHome .vrnh-trust-grid.vrnh-t3{grid-template-columns:repeat(2,1fr);}
 .vrnHome .vrnh-trust-grid.vrnh-t3>div:last-child{grid-column:1/-1;}
}

/* ===== VRN TUKENDI DURUMU (Claude) ===== */
.vrn-pd .vrn-instock.vrn-out{color:#9B2C2C;}
.vrn-pd .vrn-instock.vrn-out:before{background:#9B2C2C;}
#vrnCat .vrnc-sold{display:none;position:absolute;top:10px;left:10px;z-index:2;background:#fff;color:#1a1a1a;border:1px solid #1a1a1a;font-size:10.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:4px 8px;border-radius:2px;}
#vrnCat .vrnc-so .vrnc-sold{display:inline-block;}
#vrnCat .vrnc-so .vrnc-badge{display:none;}
#vrnCat .vrnc-so .vrnc-img img{opacity:.55;filter:grayscale(35%);}
#vrnCat .vrnc-so .vrnc-btn,#vrnCat .vrnc-so .vrnc-btn:hover{background:#fff;border-color:#c9c9c9;color:#8a8a8a !important;}
.vrnHome .vrnh-card-img{position:relative;}
.vrnHome .vrnh-sold{position:absolute;top:10px;left:10px;z-index:2;background:#fff;color:#1a1a1a;border:1px solid #1a1a1a;font-size:10.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:4px 8px;border-radius:2px;}
.vrnHome .vrnh-so .vrnh-card-img img{opacity:.55;filter:grayscale(35%);}
.vrnHome .vrnh-so .vrnh-card-btn,.vrnHome .vrnh-so .vrnh-card-btn:hover{background:#fff;border-color:#c9c9c9;color:#8a8a8a !important;}
/* ===== VRN TUKENDI DURUMU BITIS ===== */