/* Yerel font yigini � Google Fonts CDN yok */
:root { --site-font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif; }
body, input, button, select, textarea, .pageTitle, h1, h2, h3, h4, h5, h6 { font-family: var(--site-font); }
@font-face { font-family: Saira; src: local("Segoe UI"), local("Arial"); }
@font-face { font-family: Inter; src: local("Segoe UI"), local("Arial"); }
@font-face { font-family: Roboto; src: local("Segoe UI"), local("Arial"); }
@font-face { font-family: "Merriweather Sans"; src: local("Georgia"), local("Times New Roman"); }
@font-face { font-family: "Varela Round"; src: local("Segoe UI"), local("Arial"); }
@font-face { font-family: "Markazi Text"; src: local("Georgia"), local("Times New Roman"); }
@font-face { font-family: "Funnel Sans"; src: local("Segoe UI"), local("Arial"); }
@font-face { font-family: Estonia; src: local("Segoe UI"), local("Arial"); }
@font-face { font-family: Milonga; src: local("Georgia"), local("Times New Roman"); }
@font-face { font-family: "Saira Semi Condensed"; src: local("Segoe UI"), local("Arial"); }
@font-face { font-family: "Saira Stencil One"; src: local("Segoe UI"), local("Arial"); }

/*karosel slide image start*/
@-webkit-keyframes scroll {
    0% {transform: translateX(0);}
    100% {transform: translateX(calc(-250px * 7));}
  }
  
  @keyframes scroll {
    0% {transform: translateX(0);}
    100% {transform: translateX(calc(-250px * 7));}
  }
  .karosel-slider {background: white;box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);height: 100px;margin: auto;overflow: hidden;position: relative;width: auto;}
  .karosel-slider::before, .karosel-slider::after {background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);content: "";height: 100px;position: absolute;width: 200px;z-index: 2;}
  .karosel-slider::after {right: 0;top: 0;transform: rotateZ(180deg);}
  .karosel-slider::before {left: 0;top: 0;}
  .karosel-slider .karosel-slide-track {-webkit-animation: scroll 40s linear infinite;animation: scroll 40s linear infinite;display: flex;width: calc(250px * 14);}
  .karosel-slider .karosel-slide {height: 100px;width: 250px;}
/*karosel slide image finished*/


/*karosel FlexBox image start*/
.karosel-FlexBox-slider {position: relative;width: 49%;display:inline-block;height: 300px;margin: 0 auto;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),0 3px 1px -2px rgba(0, 0, 0, 0.2);overflow: hidden;}
.karosel-FlexBox-slider-controls {position: absolute;bottom: 0px;left: 50%;width: 200px;text-align: center;transform: translatex(-50%);z-index: 3;list-style: none;text-align: center;}
.karosel-FlexBox-slider input[type="radio"] {position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.karosel-FlexBox-slider-controls label {display: inline-block;border: none;height: 20px;width: 20px;border-radius: 50%;cursor: pointer;background-color: #212121;transition: background-color 0.2s linear;}
#karosel-FlexBox-btn-1:checked ~ .karosel-FlexBox-slider-controls label[for="karosel-FlexBox-btn-1"] {background-color: rgb(5, 115, 134);}
#karosel-FlexBox-btn-2:checked ~ .karosel-FlexBox-slider-controls label[for="karosel-FlexBox-btn-2"] {background-color: rgb(5, 115, 134);}
#karosel-FlexBox-btn-3:checked ~ .karosel-FlexBox-slider-controls label[for="karosel-FlexBox-btn-3"] {background-color: rgb(5, 115, 134);}
#karosel-FlexBox-btn-4:checked ~ .karosel-FlexBox-slider-controls label[for="karosel-FlexBox-btn-4"] {background-color: rgb(5, 115, 134);}
#karosel-FlexBox-btn-5:checked ~ .karosel-FlexBox-slider-controls label[for="karosel-FlexBox-btn-5"] {background-color: rgb(5, 115, 134);}
#karosel-FlexBox-btn-6:checked ~ .karosel-FlexBox-slider-controls label[for="karosel-FlexBox-btn-6"] {background-color: rgb(5, 115, 134);}
#karosel-FlexBox-btn-7:checked ~ .karosel-FlexBox-slider-controls label[for="karosel-FlexBox-btn-7"] {background-color: rgb(5, 115, 134);}
#karosel-FlexBox-btn-8:checked ~ .karosel-FlexBox-slider-controls label[for="karosel-FlexBox-btn-8"] {background-color: rgb(5, 115, 134);}
.karosel-FlexBox-slides {list-style: none;padding: 0;margin: 0;height: 100%;}
.karosel-FlexBox-slide {position: absolute;top: 0;left: 0;display: flex;justify-content: space-between;padding: 20px;width: 100%;height: 100%;opacity: 0;transform: translatex(-100%);transition: transform 250ms linear;}
.karosel-FlexBox-slide-content {width: 400px;}
.karosel-FlexBox-slide-title {margin-bottom: 20px;font-size: 36px;}
.karosel-FlexBox-slide-text {margin-bottom: 20px;}
.karosel-FlexBox-slide-text>div{font-size:15px !important;}
.karosel-FlexBox-slide-link {display: inline-block;padding: 10px 20px;color: #ffffff;border-radius: 3px;text-decoration: none;background-color: #2e89ad;}
.karosel-FlexBox-slide-image img {max-width:95%;max-height: 98%;}
#karosel-FlexBox-btn-1:checked ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(1) {transform: translatex(0);opacity: 1;}
#karosel-FlexBox-btn-2:checked ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(2) {transform: translatex(0);opacity: 1;}
#karosel-FlexBox-btn-3:checked ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(3) {transform: translatex(0);opacity: 1;}
#karosel-FlexBox-btn-4:checked ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(4) {transform: translatex(0);opacity: 1;}
#karosel-FlexBox-btn-5:checked ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(5) {transform: translatex(0);opacity: 1;}
#karosel-FlexBox-btn-6:checked ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(6) {transform: translatex(0);opacity: 1;}
#karosel-FlexBox-btn-7:checked ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(7) {transform: translatex(0);opacity: 1;}
#karosel-FlexBox-btn-8:checked ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(8) {transform: translatex(0);opacity: 1;}
#karosel-FlexBox-btn-1:not(:checked) ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(1) {animation-name: swap-out;animation-duration: 300ms;animation-timing-function: linear;}
#karosel-FlexBox-btn-2:not(:checked) ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(2) {animation-name: swap-out;animation-duration: 300ms;animation-timing-function: linear;}
#karosel-FlexBox-btn-3:not(:checked) ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(3) {animation-name: swap-out;animation-duration: 300ms;animation-timing-function: linear;}
#karosel-FlexBox-btn-4:not(:checked) ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(4) {animation-name: swap-out;animation-duration: 300ms;animation-timing-function: linear;}
#karosel-FlexBox-btn-5:not(:checked) ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(5) {animation-name: swap-out;animation-duration: 300ms;animation-timing-function: linear;}
#karosel-FlexBox-btn-6:not(:checked) ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(6) {animation-name: swap-out;animation-duration: 300ms;animation-timing-function: linear;}
#karosel-FlexBox-btn-7:not(:checked) ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(7) {animation-name: swap-out;animation-duration: 300ms;animation-timing-function: linear;}
#karosel-FlexBox-btn-8:not(:checked) ~ .karosel-FlexBox-slides .karosel-FlexBox-slide:nth-child(8) {animation-name: swap-out;animation-duration: 300ms;animation-timing-function: linear;}
@keyframes swap-out {
  0% {transform: translatex(0);opacity: 1;}
  50% {transform: translatex(50%);opacity: 0;}
  100% {transform: translatex(100%);}
}


@media only screen and (min-width:360px) and (max-width:1024px){

.karosel-FlexBox-slider {width:100%;display:block;}
.karosel-FlexBox-slide-image img {max-width:95%;max-height: 98%;}

}

/*karosel FlexBox image finished*/



/* standart menu keypass başla*/
.stndrt-menu {display: flex;justify-content: center;background: #1c1d22;font-family: "Varela Round", sans-serif;align-items: center;max-width: auto;margin: 0 auto;height: 70px;list-style: none;}
.stndrt-menu li {width: 125px;height: 100%;line-height:70px;transition: background-position-x 0.9s linear;text-align: center;
  a{font-size: 22px;color: #777;text-decoration: none;transition: all 0.45s;}
  &:hover {background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEi%0D%0AIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhs%0D%0AaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0%0D%0AaD0iMzkwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDM5MCA1MCIgZW5hYmxlLWJhY2tn%0D%0Acm91bmQ9Im5ldyAwIDAgMzkwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0i%0D%0Abm9uZSIgc3Ryb2tlPSIjZDk0ZjVjIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGlt%0D%0AaXQ9IjEwIiBkPSJNMCw0Ny41ODVjMCwwLDk3LjUsMCwxMzAsMAoJYzEzLjc1LDAsMjguNzQtMzgu%0D%0ANzc4LDQ2LjE2OC0xOS40MTZDMTkyLjY2OSw0Ni41LDI0My42MDMsNDcuNTg1LDI2MCw0Ny41ODVj%0D%0AMzEuODIxLDAsMTMwLDAsMTMwLDAiLz4KPC9zdmc+Cg==");animation: line 1s;}
  &:hover a {color: #d94f5c;}
  &:not(:last-child){margin-right: 30px;}}
@keyframes line {0% {background-position-x: 390px;}}
/* standart menu keypass biter*/




html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;scroll-behavior: smooth;}
html,body{margin:auto;font-family:inter,Roboto,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.w3-serif{font-family:serif}.w3-sans-serif{font-family:sans-serif}.w3-cursive{font-family:cursive}.w3-monospace{font-family:monospace}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}


.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-opacityHtml{animation:opac 0.3s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0.9}50%{opacity:1}100%{opacity:1}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}


#loadingOverlay {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.85); display:flex; align-items:center; justify-content:center; z-index:900; transition:opacity .3s;} .loader {width:50px; height:50px; border:5px solid #ccc; border-top-color:#2E8B57; border-radius:50%; animation:spin 1s linear infinite;} @keyframes spin {to {transform:rotate(360deg);}}

.loading-content {text-align: center;color: #444;animation: fadeInUp 0.8s ease;}

.loading-content img {display: block;margin: 0 auto 5px;}

.loading-content p {font-size: 18px;font-weight: bold;}

/* Basit animasyon */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}



                   
.Uruninceletabmenu {display:flex; border-bottom:2px solid #ddd; gap:12px; margin-bottom:12px;}
.Uruninceletablinks {background:#2E8B57; color:#fff; padding:5px 25px; cursor:pointer; font-family:inter; font-size:16px; border-radius:5px 5px 0 0; transition:all 0.3s;}
.Uruninceletablinks.active {background:#2E8B57; color:#fff; font-weight:600;}
.Uruninceletabcontent {display:none; padding:20px; font-family:inter; font-size:14px; line-height:1.6; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; background:none;}

@media only screen and (min-width:360px){
    .Uruninceletabmenu {gap:2px;}
    .Uruninceletablinks {padding:4px 10px; font-size:13px;}
}



@media only screen and (min-width:360px) and (max-width:1024px){
.cpm-menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 1000;display: none;}
}


/* --- GENEL INPUT TASARIMI --- */
input, select, textarea { float:left; margin:6px; min-width:35%; box-sizing:border-box; height:40px; padding:0 12px; border:1px solid #cbd5e1; border-radius:8px; font-family:'Inter', system-ui, -apple-system, sans-serif; font-size:14px; color:#334155; background-color:#fff; transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1); box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05); }

/* --- TEXTAREA ÖZELLE�?TİRMESİ --- */
textarea { min-height:80px; max-height:200px; padding:10px 12px; line-height:1.5; resize:vertical; height:auto; }

/* --- ODAKLANMA (FOCUS) --- */
input:focus, select:focus, textarea:focus { border-color:#0faaaf; outline:none; box-shadow:0 0 0 4px rgba(15, 170, 175, 0.15); }

/* --- READONLY & DISABLED --- */
input[readonly], input:disabled { background-color:#f1f5f9; color:#94a3b8; cursor:not-allowed; border-color:#e2e8f0; box-shadow:none; }

/* --- CHECKBOX VE RADIO --- */
input[type=checkbox], input[type=radio] { width:20px; height:20px; margin-top:10px; cursor:pointer; accent-color:#0faaaf; float:none; min-width:auto; border:1px solid #cbd5e1; }

/* --- ARAMA (SEARCH) --- */
input[type=search] { padding-right:40px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 10px center; background-size:20px; }

/* --- DOSYA YÜKLEME (FILE INPUT) --- */
input[type=file] { padding:0; background:#f8fafc; cursor:pointer; line-height:38px; display:flex; align-items:center; }
input[type=file]::file-selector-button { border:none; border-right:1px solid #e2e8f0; background:linear-gradient(to bottom, #ffffff, #f1f5f9); padding:0 20px; padding-left:35px; margin-right:15px; height:100%; color:#475569; font-weight:600; font-size:13px; cursor:pointer; transition:all 0.2s; text-transform:uppercase; letter-spacing:0.5px; }
input[type=file]:hover::file-selector-button { background:#e2e8f0; color:#0f172a; }
input[type=file]::before { content:'g���'; margin-right:0px; margin-left:10px; font-size:16px; position:absolute; pointer-events:none; }


.editButton{display:inline-flexbox;width:30px;height:30px;overflow: hidden;border:1px solid #fff;border-radius:15px;background-color:none;background-repeat: no-repeat;background-size:auto 100%;background-position:center;}
.editButton:hover{border:2px solid #c4bdbd;cursor:pointer;cursor:hand;}
.ipk-editButton1{background-image:url('/WebThemas/WebCss/CSSimg/editBlueButton.png');}
.ipk-editButton2{background-image:url('/WebThemas/WebCss/CSSimg/editYellowButton.png');}
.ipk-editButton3{background-image:url('/WebThemas/WebCss/CSSimg/editTexts.png');}
.ipk-editButton4{background-image:url('/WebThemas/WebCss/CSSimg/edit.png');}
.ipk-editButton5{background-image:url('/WebThemas/WebCss/CSSimg/lira-icon2.png');}
.ipk-editButton6{background-image:url('/WebThemas/WebCss/CSSimg/lock-sms-icon2.png');}
.ipk-editButton7{background-image:url('/WebThemas/WebCss/CSSimg/working-at-home.png');}


.sepetDetayButton{display:inline-flexbox;width:33px;height:33px;overflow: hidden;border:1px solid #fff;border-radius:15px;background-color:none;background-repeat: no-repeat;background-size:auto 100%;background-position:center;}
.sepetDetayButton:hover{border:2px solid #c4bdbd;cursor:pointer;cursor:hand;}
.ipk-sepetDetay-Button1{background-image:url('/WebThemas/WebCss/CSSimg/sepetdetaygor.png');}


.deleteButton{display:inline-flexbox;width:30px;height:30px;overflow: hidden;border:1px solid #ffffff;border-radius:15px;background-color:none;background-repeat: no-repeat;background-size:auto 100%;background-position:center;}
.deleteButton:hover{border:2px solid #c4bdbd;cursor:pointer;cursor:hand;}
.ipk-deleteButton1{background-image:url('/WebThemas/WebCss/CSSimg/delete.png');}
.ipk-deleteButton2{background-image:url('/WebThemas/WebCss/CSSimg/delete-icon.png');}
.ipk-deleteButton3{background-image:url('/WebThemas/WebCss/CSSimg/delete-database.png');}
.ipk-deleteButton4{background-image:url('/WebThemas/WebCss/CSSimg/row_deletes.png');}
.ipk-deleteButton5{background-image:url('/WebThemas/WebCss/CSSimg/basketDelete2.png');}
.ipk-deleteButton6{background-image:url('/WebThemas/WebCss/CSSimg/sepetBos.png');}

.yesNoButton{display:inline-flexbox;width:30px;height:30px;overflow: hidden;border:1px solid #fff;border-radius:15px;background-color:none;background-repeat: no-repeat;background-size:auto 100%;background-position:center;}
.yesNoButton:hover{border:2px solid #c4bdbd;cursor:pointer;cursor:hand;}
.ipk-yesNoButton1{background-image:url('/WebThemas/WebCss/CSSimg/yesOkay.png');}
.ipk-yesNoButton2{background-image:url('/WebThemas/WebCss/CSSimg/noOkay.png');}

.activePassiveButton{display:inline-flexbox;width:30px;height:30px;overflow: hidden;border:1px solid #fff;border-radius:15px;background-color:#fff;background-repeat: no-repeat;background-size:auto 100%;background-position:center;}
.activePassiveButton:hover{border:2px solid #c4bdbd;cursor:pointer;cursor:hand;}
.ipk-activePassiveButton1{background-image:url('/WebThemas/WebCss/CSSimg/active.png');}
.ipk-activePassiveButton2{background-image:url('/WebThemas/WebCss/CSSimg/passive.png');}

.anasayfaYayinButton{display:inline-flexbox;width:30px;height:30px;overflow: hidden;border:1px solid #fff;border-radius:15px;background-color:none;background-repeat: no-repeat;background-size:auto 100%;background-position:center;}
.anasayfaYayinButton:hover{border:2px solid #c4bdbd;cursor:pointer;cursor:hand;}
.ipk-anasayfaYayinButton1{background-image:url('/WebThemas/WebCss/CSSimg/anasayfayayini1.png');}
.ipk-anasayfaYayinButton2{background-image:url('/WebThemas/WebCss/CSSimg/anasayfayayini2.png');}


.updateButton{display:inline-flexbox;width:22px;height:22px;overflow: hidden;border:1px solid #fff;border-radius:15px;background-color:none;background-repeat: no-repeat;background-size:auto 100%;background-position:center;}
.updateButton:hover{border:2px solid #c4bdbd;cursor:pointer;cursor:hand;}
.ipk-updateButton1{background-image:url('/WebThemas/WebCss/CSSimg/updateNumbericon.png');}
.ipk-updateButton2{background-image:url('/WebThemas/WebCss/CSSimg/updateNumbericon2.png');}
.ipk-updateButton3{background-image:url('/WebThemas/WebCss/CSSimg/editTexts.png');}
.ipk-updateButton4{background-image:url('/WebThemas/WebCss/CSSimg/edit.png');}
.ipk-basketButton5{background-image:url('/WebThemas/WebCss/CSSimg/sepet-view.png');}
.ipk-basketButton6{background-image:url('/WebThemas/WebCss/CSSimg/satisyap-button.png');width:120px !important;}

#iletisim-unvan{width:auto;margin:4px;border:none;clear:both;background-color:#ffffff;text-indent:35px;background-repeat:no-repeat;background-size:auto 99%;background-image:url('/WebThemas/WebCss/CSSimg/contacts-company1.png');}
#iletisim-person{width:auto;margin:4px;border:none;background-color:#ffffff;text-indent:38px;background-repeat:no-repeat;background-size:auto 99%;background-image:url('/WebThemas/WebCss/CSSimg/contacts-project-manager.png');}
#iletisim-phone1{width:auto;margin:4px;border:none;background-color:#ffffff;text-indent:38px;background-repeat:no-repeat;background-size:auto 99%;background-image:url('/WebThemas/WebCss/CSSimg/contacts-phone1.gif');}
#iletisim-phone2{width:auto;margin:4px;border:none;background-color:#ffffff;text-indent:38px;background-repeat:no-repeat;background-size:auto 99%;background-image:url('/WebThemas/WebCss/CSSimg/contacts-phone2.png');}
#iletisim-gsm{width:auto;margin:4px;border:none;background-color:#ffffff;text-indent:38px;background-repeat:no-repeat;background-size:auto 99%;background-image:url('/WebThemas/WebCss/CSSimg/contacts-gsm1.png');}
#iletisim-fax{width:auto;margin:4px;border:none;background-color:#ffffff;text-indent:38px;background-repeat:no-repeat;background-size:auto 99%;background-image:url('/WebThemas/WebCss/CSSimg/contacts-fax1.gif');}
#iletisim-email{width:auto;margin:4px;border:none;background-color:#ffffff;text-indent:38px;background-repeat:no-repeat;background-size:auto 99%;background-image:url('/WebThemas/WebCss/CSSimg/contacts-email2.png');}
#iletisim-whatsapp1{width:auto;margin:4px;border:none;background-color:#ffffff;text-indent:38px;background-repeat:no-repeat;background-size:auto 99%;background-image:url('/WebThemas/WebCss/CSSimg/contacts-whatsapp1.png');}
#iletisim-whatsapp2{width:auto;margin:4px;border:none;background-color:#ffffff;text-indent:38px;background-repeat:no-repeat;background-size:auto 99%;background-image:url('/WebThemas/WebCss/CSSimg/contacts-whatsapp1.gif');}
#iletisim-address1{min-width:45% !important;line-height:22px;margin:4px;border:none;background-color:#ffffff;text-indent:38px;background-repeat:no-repeat;background-size:auto 95%;background-image:url('/WebThemas/WebCss/CSSimg/contacts-address1.png');}
#iletisim-address2{min-width:45% !important;line-height:22px;margin:4px;border:none;background-color:#ffffff;padding-left:38px;background-repeat:no-repeat;background-size:auto 50%;background-image:url('/WebThemas/WebCss/CSSimg/contacts-address1.png');}
#iletisim-location{min-width:45% !important;line-height:22px;margin:4px;border:none;background-color:#ffffff;text-indent:38px;background-repeat:no-repeat;background-size:auto 95%;background-image:url('/WebThemas/WebCss/CSSimg/location-icon.png');}
#iletisim-calisma-saatleri{width:auto;margin:4px;border:none;background-color:#ffffff;text-indent:38px;background-repeat:no-repeat;background-size:auto 99%;background-image:url('/WebThemas/WebCss/CSSimg/clock-icon.png');}


#login-idcard{font-family:saira;width:95%;height:48px;line-height:48px;font-size:17px;margin:6px;border:none;clear:both;border-radius:10px;background-color:none;opacity:0.7;text-indent:35px;background-repeat:no-repeat;background-position:1% 50%;background-size:auto 50%;background-image:url('/WebThemas/WebCss/CSSimg/id-card-login.png');}
#login-phone{font-family:saira;width:95%;height:48px;line-height:48px;font-size:17px;margin:6px;border:none;clear:both;border-radius:10px;background-color:none;opacity:0.7;text-indent:35px;background-repeat:no-repeat;background-position:1% 50%;background-size:auto 50%;background-image:url('/WebThemas/WebCss/CSSimg/loginphone.png');}
#login-email{font-family:saira;width:95%;height:48px;line-height:48px;font-size:17px;margin:6px;border:none;clear:both;border-radius:10px;background-color:none;opacity:0.7;text-indent:35px;background-repeat:no-repeat;background-position:1% 50%;background-size:auto 50%;background-image:url('/WebThemas/WebCss/CSSimg/useremail.png');}
#login-password{font-family:saira;width:95%;height:48px;line-height:48px;font-size:17px;margin:6px;border:none;border-radius:10px;clear:both;background-color:none;opacity:0.7;text-indent:35px;background-repeat:no-repeat;background-position:1% 50%;background-size:auto 50%;background-image:url('/WebThemas/WebCss/CSSimg/userpassword.png');}
#login-button{font-family:saira;width:95%;height:48px;line-height:48px;font-size:17px;margin:6px;cursor:pointer;cursor:hand;border:none;clear:both;border-radius:10px;background-color:none;opacity:0.7;background-repeat:no-repeat;background-position:1% 50%;background-size:auto 50%;background-image:url('/WebThemas/WebCss/CSSimg/girisbutton.png');}


.clearFix{position:relative;margin:Auto;padding:auto;clear:both;width:100% !important;height:1px;background:none;margin-top:2px;margin-bottom:2px;}
#clearFix{position:relative;margin:Auto;padding:auto;clear:both;width:100% !important;height:1px;background:none;margin-top:2px;margin-bottom:2px;}

#uyariKutusu-red{opacity:0.8;display:block;width:100%;height:50px;background-color:rgb(241,64,64);color:#fff;text-align:center;line-height:50px;font-size:15px;font-family:Saira;background-repeat:no-repeat;background-position:15% 50%;background-size:auto 70%;background-image:url('/WebThemas/WebCss/CSSimg/warning1.png');}
#uyariKutusu-orange{display:block;width:100%;height:50px;background-color:#d87e09;color:#fff;text-align:center;line-height:50px;font-size:15px;font-family:Saira;background-repeat:no-repeat;background-position:15% 50%;background-size:auto 70%;background-image:url('/WebThemas/WebCss/CSSimg/info-icon.png');}
#uyariKutusu-light-green{display:block;width:100%;height:50px;background-color:#a9b40b;color:#fff;text-align:center;line-height:50px;font-size:15px;font-family:Saira;background-repeat:no-repeat;background-position:15% 50%;background-size:auto 70%;background-image:url('/WebThemas/WebCss/CSSimg/info-icon.png');}
#uyariKutusu-purple{display:block;width:100%;height:50px;background-color:#8d0353;color:#fff;text-align:center;line-height:50px;font-size:15px;font-family:Saira;background-repeat:no-repeat;background-position:15% 50%;background-size:auto 70%;background-image:url('/WebThemas/WebCss/CSSimg/success22.png');}
#uyariKutusu-green{display:block;width:100%;height:50px;background-color:rgb(12,153,47);color:#fff;text-align:center;line-height:50px;font-size:15px;font-family:Saira;background-repeat:no-repeat;background-position:15% 50%;background-size:auto 70%;background-image:url('/WebThemas/WebCss/CSSimg/success22.png');}
#uyariKutusu-grey{opacity:0.9;display:block;width:100%;height:50px;background-color:rgb(151,168,155);color:#fff;text-align:center;line-height:50px;font-size:15px;font-family:Saira;background-repeat:no-repeat;background-position:15% 50%;background-size:auto 70%;background-image:url('/WebThemas/WebCss/CSSimg/best-seller.png');}
#uyariKutusu-giris{opacity:0.9;display:block;width:100%;height:50px;background-color:rgb(151,168,155);color:#fff;text-align:center;line-height:50px;font-size:15px;font-family:Saira;background-repeat:no-repeat;background-position:15% 50%;background-size:auto 70%;background-image:url('/WebThemas/WebCss/CSSimg/timer.gif');}


@media only screen and (min-width:360px) and (max-width:1024px){

#uyariKutusu-grey{margin-top:50%;text-align:center;font-weight:normal;font-size:10.5px;background-position: 1% 50%;text-indent:40px;}

}

#yukariGit {position: fixed;bottom: 25px;right: 10px;z-index: 9999999999999;background-color: #008CBA;color: white;border: none;border-radius: 50%;width: 45px;height: 45px;font-size: 22px;font-weight: bold;cursor: pointer;display: none;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);transition: all 0.3s ease;}
#yukariGit:hover {background-color: #005f73;transform: scale(1.1);}




.left-vertical-menu-table{z-index:99999999999999999;display:none;position:fixed;left:0;width:300px;height:100%;background:#ffffff;overflow-x:hidden;overflow-y: auto;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.left-vertical-menu-table article{cursor:pointer;cursor:hand;float:left;border-bottom:1px solid #8f8f8fd5;width:85%;height:33pX;line-height:33px;text-align:center;font-size:15px;opacity:1;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.left-vertical-menu-table #closebutton{background-color:#444444;text-align:center;float:left;width:15%;height:42px;margin:0px;padding:0px;font-family:inter;border-bottom:0px solid #8f8f8fd5;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.left-vertical-menu-table #closebutton img{opacity:0.5;height:45%;margin-left:5px;margin-top:14px;}
.left-vertical-menu-table #closebutton img:hover{opacity:0.9;}

.left-vertical-menu-table ul{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:auto;min-height:33px;line-height:33px;margin:0px;padding:0px;font-family:inter;font-weight:normal;list-style-type: none;}
.left-vertical-menu-table ul li{text-transform:capitalize !important;text-indent:34px;display:inline-flex;float:right;width:85%;height:33px;margin:0px;padding:0px;font-family:inter;border-bottom:1px solid #8f8f8fd5;background-repeat: no-repeat;background-size: auto 80%;background-position: left;background-position-x:1%;}
.left-vertical-menu-table ul li:hover{cursor:pointer;cursor:hand;animation: sagakay 1s infinite;}
.left-vertical-menu-table ul small{opacity:0.9;text-align:center;display:inline-flex;align-items:center;justify-content:center;float:right;width:15%;height:33px;margin:0px;padding:0px;font-family:inter;border-left:1px solid #8f8f8fd5;border-bottom:1px solid #8f8f8fd5;background-repeat: no-repeat;background-size: auto 50%;background-position: center;background-image:url('/WebThemas/WebCss/CSSimg/arrow-right2.png');cursor:pointer;}
.left-vertical-menu-table small:hover{opacity:0.9;background-size: auto 60%;}
.left-vertical-menu-table ul li a{text-decoration:none;color:#000000;width:100%;height:100%;font-weight:bold;}

.left-vertical-menu-table .araBaslik{height:42px;width:100%;line-height:42px;background-color:#444444;color:#ffffff;text-align:center !important;}

.menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 1000;display: none;}

@keyframes sagakay {
  from {text-indent: 34px;}
  to {text-indent: 44px;}
}




.sepetim-checkout {clear:both;margin:2%;width:29%;height:65px;border:1px dashed #a1a1a1;background-color:#e7e7e7;border-radius:6px;overflow:hidden;display:flex;justify-content:center;align-items:center;font-weight:bold;cursor:pointer;transition:all 0.35s ease;}
.sepetim-checkout #icon {margin-left:25px;width:47px;height:47px;text-align:center;line-height:47px;font-size:19px;border:1px dashed #2E8B57;color:#2E8B57;border-radius:50%;background:none;transition:all 0.35s ease;}
.sepetim-checkout #info {flex:1;height:100%;text-align:left;padding:25px;color:#444;background:none;transition:color 0.35s ease;}

.sepetim-checkout:not(.sepetim-active):not(.sepetim-selected):hover {background-color:#f0fdf4;border-color:#2E8B57;box-shadow:0 0 10px rgba(46,139,87,0.25);transform:translateY(-2px);}
.sepetim-checkout:not(.sepetim-active):not(.sepetim-selected):hover #icon {color:#fff;background-color:#2E8B57;border:2px solid #2E8B57;transform:scale(1.1);}
.sepetim-checkout:not(.sepetim-active):not(.sepetim-selected):hover #info {color:#2E8B57;}

/* Aktif durum */
.sepetim-checkout.sepetim-active {border:none;background:#2E8B57;color:#fff;}
.sepetim-checkout.sepetim-active #icon {background:#fff;border:2px solid #2E8B57;color:#2E8B57;}
.sepetim-checkout.sepetim-active #info {color:#fff;}

/* Seçili durum (tamamlanmış adım) */
.sepetim-checkout.sepetim-selected {border:none;background:#2E8B57;color:#fff;}
.sepetim-checkout.sepetim-selected #icon {background:#fff;border:2px solid #2E8B57;color:#2E8B57;}
.sepetim-checkout.sepetim-selected #info {color:#fff;}

/* Adım numaraları ve onay işareti */
.checkmark1::before {content:"1";}
.checkmark2::before {content:"2";}
.checkmark3::before {content:"3";}
.sepetim-checkout.sepetim-selected > .checkmark1::before,
.sepetim-checkout.sepetim-selected > .checkmark2::before,
.sepetim-checkout.sepetim-selected > .checkmark3::before {content:"✔";}




.sepetim-flex {display:flex;flex-direction:row;flex-wrap:wrap;width:100%;margin:Auto;min-height:290px;background:none;overflow: hidden;}
.sepetim-table {width:100%;min-height:165px;display:flex;flex-direction:rows;}
.sepetim-product-table {width:70%;min-height:125px;display:inline-flex;flex-direction:column;}

/* Her ürün satırı */
.sepetim-product-row figure {width:70%;display:flex;flex-direction:row;background:#f5f5f5;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.sepetim-product-row figure a {width:25%;height:175px;padding-top:6px;}
.sepetim-product-row figure img {width:100%;height:90%;object-fit:contain;}
.sepetim-product-row figure figcaption {width:75%;padding:10px 15px;display:flex;flex-direction:column;justify-content:space-between;}

.urun-info h4 {margin:0 0 5px 0;font-size:16px;font-weight:bold;}
.urun-info h4 a{color:#444444;}
.urun-info p {margin:0 0 10px 0;font-size:12px;color:#555;}



.urun-detay {display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:15px;}
.urun-fiyat {max-width:40%;text-align:Center;font-size:16px;font-weight:bold;color:#2E8B57;}
.urun-adet {width:110px;padding:5px;border:1px solid #ccc;border-radius:4px;text-align:Center;}
.sepet-ok-notification {padding:10px;padding-left:37px;height:30px;width:85%;font-size:11px;background-repeat:no-repeat;background-image:url('/WebThemas/WebCss/CSSimg/hurry-up.png');background-size:auto 30px !important;}
.urun-sil {padding:5px 5px;background:#ff4d4f;color:white;border:none;border-radius:4px;cursor:pointer;}
.urun-sil:hover {background:#ff7875;}

/* Ödeme butonu */
.sepetim-price-table {width:30%;max-height:365px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;background:none;overflow: hidden;}
.sepetim-price-table #indirim-kodu{display:inline-flex;width:100%;height:auto;}
.sepetim-price-table .siparis-ozeti{display:inline-flex;width:100%;height:auto;}
.sepetim-price-table input[type=text]{margin:Auto;width:75%;height:35px;border:1px dashed #2E8B57;color:#2E8B57 !important;font-weight:bold;background-color:#bde7cfff;}
.sepetim-price-table button{margin:Auto;width:25%;height:35px;border:1px dashed #2E8B57;color:#ffffff !important;font-weight:normal;background-color:#2E8B57;}
.odeme-btn {padding:10px 20px;background:#2E8B57;color:#fff;border:none;border-radius:6px;cursor:pointer;}
.odeme-btn:hover {background:#36a176;}



/* g��� Responsive Düzenler */
@media only screen and (min-width:360px) and (max-width:1024px){
  .sepetim-checkout {width:33.1%;margin:0;height:35px;border-radius:0px;margin-right:0.1%;}
  .sepetim-checkout #icon {width:27px;height:27px;font-size:15px;margin:0px;padding:0px;line-height:26px;margin-left:3px;}
  .sepetim-checkout #info {padding:0px;margin:0px;line-height:35px;font-size:10px;font-weight: normal;text-indent:5px;}

  .sepetim-product-table {width:100%;min-height:125px;}
  .sepetim-product-row figure {width:96%;margin:auto;margin-top:6px;border:1px solid #b3b3b3;}
  .urun-detay {display:inline-flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:0;}
  .urun-fiyat {display:flex;width:50%;height:42px;line-height:42px;font-size:16px;margin-bottom:3px;}
  .urun-adet {display:inline-flex;width:110px;height:42px;margin-bottom:3px;}
  .sepet-ok-notification {width:57%;font-size:10px;padding:5px;padding-left:35px;line-height:11px;background-size:auto 24px !important;background-position-y:3px;background-position-x:5px;}
  .urun-sil {width:21px;height:21px;padding:0px;margin-left:9px;}

  .sepetim-price-table {z-index:99999;position:fixed;bottom:0px;width:100%;max-height:365px;scale: 1;}

}