/* Tabela yazısı ilk gösterim tasarımı  */
#font88{ color: #797979; text-shadow: #efefef 0.05vw 0.05vw 0vw, #eaeaea 0.1vw 0.1vw 0vw, #e5e5e5 0.15vw 0.15vw 0vw, #e0e0e0 0.2vw 0.2vw 0vw, #dcdcdc 0.25vw 0.25vw 0vw, #d8d8d8 0.3vw 0.3vw 0vw, #d4d4d4 0.35vw 0.35vw 0vw, #d0d0d0 0.4vw 0.4vw 0vw, #cccccc 0.45vw 0.45vw 0vw, #000 0.55vw 0.55vw 0.5vw;}

#DividerLine.show-divider {border: var(--divider-border-width) dashed rgba(var(--divider-border-color), var(--divider-border-opacity)); border-bottom: var(--divider-border-width) dashed rgba(var(--divider-border-color), var(--divider-border-bottom-opacity)); border-top: none;}

.modultasarla {background-color: #f2f4f8;}

.configurator{display:flex;gap:10px;width:100%}@media(max-width:768px){.configurator{display:block}}
.goods-configurator{width:23%; max-width:23%; min-width:23%; box-sizing:border-box;background:#fff;border-radius:10px;padding:10px;box-shadow:0 .1rem 1.1rem rgba(0,0,0,.08)}
@media(max-width:768px){.goods-configurator{width:100%; max-width:100%; min-width:100%; margin-bottom:15px}}
.goods-image-wrapper{width:76%;  max-width:76%; min-width:76%; background: #fff;display:flex;flex-direction:column;border-radius:10px;box-shadow:0 .1rem 1.1rem rgba(0,0,0,.08); padding-bottom:15px;}
@media(max-width:768px){.goods-image-wrapper{width:100%!important; max-width:100%; min-width:100%;display:block!important}}
.configurator-item{position:sticky;top:1px;align-self:flex-start}
.goods-image-wrapper{position:sticky;top:1px;align-self:flex-start}
@media(max-width:768px){.configurator-item,.goods-image-wrapper{position:relative;top:auto}}
.goods-image{width:100%;position:relative;overflow:hidden;height:330px;text-align:center;margin:0 auto;padding-right:0;margin-right:0}

@media (max-width: 992px) { .goods-image {height: 300px;}}
@media (max-width: 680px) { .goods-image {height: 300px;}}
@media (max-width: 576px) { .goods-image {height: 230px;}}
@media (min-width: 1100px) { .goods-image {height: 400px;}}
@media (min-width: 1200px) { .goods-image {height: 470px;}}
@media (min-width: 1400px) { .goods-image {height: 530px;}}
@media (min-width: 1600px) { .goods-image {height: 560px;}}

.control-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 30px;}
@media (max-width: 576px) { .control-grid {    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px;}}

.control-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}

.goods-alt{padding:15px 10px 10px 10px;border-radius:0 0 10px 10px;}
@media(max-width:576px){
.goods-alt{padding:10px}
.goods-alt .control-grid{gap:15px}
}

.goods-ust{display:flex;justify-content:flex-start;align-items:center;padding:10px 15px;gap:10px;flex-wrap:nowrap;border-radius:10px 10px 0 0}
@media(max-width:576px){.goods-ust{padding:10px 10px}}
.goods-ust-right{display:flex;gap:15px;align-items:center;flex-wrap:nowrap}
.goods-ust-right>button{flex:0 0 auto;white-space:nowrap}
.goods-ust-right>label.file-btn{flex:0 0 auto;white-space:nowrap}

@media(max-width:476px){
.goods-ust{flex-wrap:wrap}
.goods-ust-right{flex-wrap:wrap;justify-content:flex-start;gap:10px}
.goods-ust-right>button,.goods-ust-right>.dropdown-btn{flex:1 1 calc(25%)}
}


/* tasarlama ekranı içerik ve ikonlar */
.alt-hr{margin-top:10px;height:8px;border:0;background-color:#f2f4f8}.alt-fiyat{padding:10px;width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.alt-fiyat-baslik {font-weight: 400;font-size: 22px;  text-align: left;}
.price1{font-weight: 400;font-size: 22px;}
.alt-fiyat-toplam{text-align: right;}
.alt-fiyat hr {margin: 5px 0px 5px; width: 100%; border: none;height: 1px; background: #d9d9d9;}
.urun-icerik-wrapper .alt-icerik{font-weight: 400;font-size: 15px;}
.urun-icerik-wrapper .alt-icerik ul{margin-bottom:20px}.urun-icerik-wrapper .alt-icerik li{background:url(../images/checked.png) no-repeat;background-position:left 5px center;padding:5px 0 5px 37px;list-style:none;font-size:15px}


/* ANA KAPSAYICI */
.urun-icerik-wrapper .urun-icerik-wrapper {display: flex;flex-direction: column;gap: 25px;}
/* ÜST ALAN: sol + sağ */
.urun-icerik-wrapper .urun-ust {display: flex;grid-template-columns: 1fr 360px; /* SOL - SAĞ */gap: 40px;align-items: flex-start;}
.urun-icerik-wrapper .alt-icerik {flex: 1;}
@media (max-width: 576px) {
.urun-icerik-wrapper .alt-icerik li {padding: 5px 0px 5px 35px;font-size: 13px;}
.urun-icerik-wrapper .urun-ust {gap: 10px;display: grid;grid-template-columns: 1fr;}
}
.alt-fiyat .btn{margin-top:20px;padding-left:35px; padding-right:35px; background:#fa9033; color:#fff;}
.alt-fiyat .btn:hover{background:#000;}


.configurator .form-control{box-shadow:0 3px 15px rgba(0,0,0,.05);border:solid 1px #ededed;border-radius:4px;font-size:15px;height:42px;line-height:30px; font-weight: 400;}
@media (max-width:768px){ .configurator .form-control { width: 100%;}}
@media (max-width: 576px) {.configurator .form-control {line-height: 20px; height: 35px;padding: .5rem 0.5rem;font-size:13px;}}
.configurator .form-control::-moz-placeholder{color: #c0c0c0;}
.configurator .titletbl1 {padding-top: 15px; padding-bottom: 4px; font-weight: 400;font-size: 17px;}
@media (max-width: 576px) {.configurator .titletbl1 {padding-top: 5px; font-size: 15px;}}

/* ANA SAYFA TASARIM TŞPŞ ÖLÇÜMLERİ */
#MainSign .DisplayText, #MainSign .MeasuringStrut, #MainSign .MeasurementRuler {font-size: 10vw; line-height: 1em;letter-spacing: 2px;}
#MainSign #LargeHeight{width:5vw;font-size:1.3vw;position:absolute;right:calc(0px - 6vw);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;top:3.7vw;color:var(--tbl-text-color)}
#MainSign #SmallHeight {top:5.5vw;position:absolute;left:calc(0px - 4.2vw);color:var(--tbl-text-color);width:4vw;font-size:1.1vw;}
#MainSign #SmallHeight i{font-size: 1.4vw;}
#MainSign #BigHeight { top: 3.4vw; position: absolute; left: calc( 0px - 7.5vw ); color:var(--tbl-text-color);width:3vw;font-size:1.2vw;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center; }
#MainSign .MeasurementIndicator{right:0;left:0;margin:0 auto;font-size:1.4vw;position:absolute;bottom:-0.9vw;color:var(--tbl-text-color)}
#MainSign .MeasurementCapHeight > .MeasurementRuler { display: inline-block; height: 100%; border-bottom: 0.15vw dotted  rgba(var(--tbl-border-color), var(--tbl-border-opacity)); vertical-align: baseline; position: relative;width:calc(100% + 12.2vw);left:-7.2vw;margin-bottom: 7vw;}
#MainSign .MeasurementFullHeight > .MeasurementRuler { display: inline-block; height: 100%; border-bottom: 0.15vw dotted  rgba(var(--tbl-border-color), var(--tbl-border-opacity)); vertical-align: baseline; position: relative; width:calc(100% + 5.1vw);margin-bottom: 12vw;}
#MainSign .MeasurementXHeight > .MeasurementRuler { display: inline-block; width: calc(100% + 4vw); height: 100%; border-bottom: 0.15vw dotted  rgba(var(--tbl-border-color), var(--tbl-border-opacity)); vertical-align: baseline; margin-bottom: 5.1vw; position: relative; left: -4vw;}
#MainSign .MeasurementBaseline > .MeasurementRuler { display: inline-block; width: calc(100% + 7.2vw); height: 100%; border-bottom: 0.15vw dotted  rgba(var(--tbl-border-color), var(--tbl-border-opacity)); vertical-align: baseline; margin-bottom: -0.3vw; position: relative; left: -7.2vw; }
#MainSign .BaselineMeasurementIndicator {top: 0.1vw;position: relative;}
#MainSign .MeasurementDescent > .MeasurementRuler { display: inline-block; width: calc(100% + 5vw); height: 100%; border-bottom: 0.19vw dotted  rgba(var(--tbl-border-color), var(--tbl-border-opacity)); vertical-align: bottom; margin-bottom: -0.8vw;}
#MainSign .MeasurementLayer{position:absolute;z-index:-1;width:100%;top:0}#MainSign{display:inline-block;max-width:none;width:auto;transform-origin:left top;white-space:nowrap}
@media screen and (max-width:767px){ 
#MainSign { max-width: 100vw;}}
#DividerLine { display: inline-block; width: fit-content; transform-origin: left top;border: 0.19vw dashed rgba(var(--tbl-border-color), var(--tbl-border-opacity));border-top: none;border-bottom: 0.19vw dashed rgba(var(--tbl-border-color), var(--tbl-border-opacity-1)); position: relative; margin: 0 auto;height:12.7vw;}

#FixedUnderImage {font-weight:400;text-align:center;color:#737373;padding:3px; font-size:15px;}
@media screen and (max-width:576px){ #FixedUnderImage {font-size:10px;}}

/* ARKA PLAN RESİM - GOODS-IMAGE İÇİNDE */
.background-image{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;background-repeat:no-repeat;background-position:top center;background-size:100% auto}

/* BUTONLAR ARKA PLAN YÜKLEME */
#ZeminBackground{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:transparent;z-index:-1;transition:all .3s ease;box-sizing:border-box}


/* ANA CONTAINER */
.MainContainer{position:relative;cursor:grab;transform-origin:center center;transition:transform .1s;z-index:3;margin:72px auto;display:block;width:fit-content}
body.configurator-margin1 .MainContainer {margin: 15px auto;}
body.configurator-margin2 .MainContainer {margin: 30px auto;}
body.configurator-margin3 .MainContainer {margin: 30px auto;}
body.configurator-margin4 .MainContainer {margin: 30px auto;}
body.configurator-margin5 .MainContainer {margin: 30px auto;}
body.configurator-margin6 .MainContainer {margin: 65px auto;}
body.configurator-margin7 .MainContainer {margin: 30px auto;}
body.configurator-margin8 .MainContainer {margin: 30px auto;}
body.configurator-margin9 .MainContainer {margin: 25px auto;}
body.configurator-margin10 .MainContainer {margin: 30px auto;}
body.configurator-margin11 .MainContainer {margin: 30px auto;}
body.configurator-margin12 .MainContainer {margin: 25px auto;}
body.configurator-margin13 .MainContainer {margin: 95px auto;}
body.configurator-margin14 .MainContainer {margin: 95px auto;}
body.configurator-margin15 .MainContainer {margin: 95px auto;}
body.configurator-margin16 .MainContainer {margin: 95px auto;}
body.configurator-margin17 .MainContainer {margin: 75px auto;}
body.configurator-margin18 .MainContainer {margin: 75px auto;}

@media screen and (max-width:576px){ 
body.configurator-margin1 .MainContainer {margin: 10px auto;}
body.configurator-margin2 .MainContainer {margin: 15px auto;}
body.configurator-margin3 .MainContainer {margin: 15px auto;}
body.configurator-margin4 .MainContainer {margin: 30px auto;}
body.configurator-margin5 .MainContainer {margin: 20px auto;}
body.configurator-margin6 .MainContainer {margin: 40px auto;}
body.configurator-margin7 .MainContainer {margin: 20px auto;}
body.configurator-margin8 .MainContainer {margin: 20px auto;}
body.configurator-margin9 .MainContainer {margin: 25px auto;}
body.configurator-margin10 .MainContainer {margin: 20px auto;}
body.configurator-margin11 .MainContainer {margin: 20px auto;}
body.configurator-margin12 .MainContainer {margin: 30px auto;}
body.configurator-margin13 .MainContainer {margin: 65px auto;}
body.configurator-margin14 .MainContainer {margin: 55px auto;}
body.configurator-margin15 .MainContainer {margin: 65px auto;}
body.configurator-margin16 .MainContainer {margin: 65px auto;}
body.configurator-margin17 .MainContainer {margin: 50px auto;}
body.configurator-margin18 .MainContainer {margin: 75px auto;}
} 

@media screen and (min-width:1100px){ 
body.configurator-margin1 .MainContainer {margin: 15px auto;}
body.configurator-margin2 .MainContainer {margin: 30px auto;}
body.configurator-margin3 .MainContainer {margin: 30px auto;}
body.configurator-margin4 .MainContainer {margin: 30px auto;}
body.configurator-margin5 .MainContainer {margin: 30px auto;}
body.configurator-margin6 .MainContainer {margin: 65px auto;}
body.configurator-margin7 .MainContainer {margin: 25px auto;}
body.configurator-margin8 .MainContainer {margin: 30px auto;}
body.configurator-margin9 .MainContainer {margin: 25px auto;}
body.configurator-margin10 .MainContainer {margin: 30px auto;}
body.configurator-margin11 .MainContainer {margin: 30px auto;}
body.configurator-margin12 .MainContainer {margin: 35px auto;}
body.configurator-margin13 .MainContainer {margin: 165px auto;}
body.configurator-margin14 .MainContainer {margin: 145px auto;}
body.configurator-margin15 .MainContainer {margin: 135px auto;}
body.configurator-margin16 .MainContainer {margin: 135px auto;}
body.configurator-margin17 .MainContainer {margin: 100px auto;}
body.configurator-margin18 .MainContainer {margin: 100px auto;}
} 

#DividerLine {background-color: transparent;width: auto !important; transform: none !important;}
.MeasurementLayer,.MeasurementIndicator,#LargeHeight,#SmallHeight, #BigHeight { transition: opacity 0.3s ease !important;}
#DividerLine { transition: border 0.3s ease, border-color 0.3s ease, border-width 0.3s ease !important;}
/* border'ları için transition BİTİŞ */

/* ÖLÇÜM ÇİZGİLERİNİ KORU */
.MeasurementLayer{position:absolute!important;width:100%!important;left:0!important;right:0!important}

/* Yazının seçilmesini engelle ama sürüklenebilir olduğu için el işareti BAŞLA*/
.DisplayText, #lblDisplayText, .sonucc, #sonucc, #font88 { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: grab;}
.DisplayText:active, #lblDisplayText:active, .sonucc:active,#sonucc:active,#font88:active { cursor: grabbing;}

.MeasurementIndicator,
#LargeHeight,#SmallHeight, #BigHeight { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;}

.MeasurementLayer,
#DividerLine { -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;cursor: default;}
/* Yazının seçilmesini engelle ama sürüklenebilir olduğu için el işareti BİTİŞ */

.modultasarla .baslik{font-size:25px;font-weight:600;text-align:center;padding:7px 7px;background:#fff;color:#000;border-radius:8px;margin-bottom:20px;border-radius:10px;box-shadow:0 .1rem 1.1rem rgba(0,0,0,.08)}
.modultasarla .description{font-weight:300;font-size:18px; padding: 10px 0px;}
@media (max-width: 576px) { .modultasarla .baslik {font-size: 20px;}.modultasarla .description{font-size:14px; padding: 5px 0px;}}

/* ===== KUTU (BOX) TASARIMLARI ===== */
/* KUTU BAŞLIKLARI */
.control-box small{display:inline-block;font-weight:700;font-size:14px;padding-bottom:10px;color:#333}@media(max-width:576px){.control-box small{padding-bottom:5px}}.control-row span{order:1}

/* ===== RANGE SLIDER MODERN TASARIM ===== */
.control-box input[type=range] {width:100%;-webkit-appearance:none;height:2px;border-radius:5px;background:linear-gradient(90deg,#ff9a9a,#b085ff);outline:0;margin:6px 0 14px;cursor:pointer;}
@media (max-width: 576px) { .control-box input[type=range] {height:3px; margin: 8px 0 20px;}}
.control-box input[type=range]::-webkit-slider-thumb {-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #6f00ff;box-shadow:0 2px 10px rgba(0,0,0,0.2);cursor:pointer;}
@media (max-width: 576px) { .control-box input[type=range]::-webkit-slider-thumb {width: 20px;height: 20px;}}
.control-box input[type=range]::-moz-range-thumb {width:18px;height:18px;border-radius:50%;background:#ebf2f7;border:1px solid #6f00ff;cursor:pointer;}
@media (max-width: 576px) {.control-box input[type=range]::-moz-range-thumb {width: 20px;height: 20px;}}
.control-box span{font-weight:400;font-size:14px;color:#222}@media(max-width:576px){.control-box span{font-size:12px}}.file-btn{display:inline-block;padding:8px 16px;background:linear-gradient(90deg,#ff512f,#f09819);color:#fff;font-size:14px;font-weight:600;border-radius:.25rem;cursor:pointer;transition:all .3s ease;text-align:center;border:0}.file-btn:hover{background:linear-gradient(90deg,#fbd500,#ffb347)}.file-btn i{font-size:16px;color:#fff}@media(max-width:576px){.file-btn{font-size:12px;padding:8px 8px}.file-btn i{font-size:12px}}.gostergizle{display:inline-block;padding:6.7px 16px;background:linear-gradient(90deg,#a18cd1,#f18bbf);color:#fff;font-size:14px;font-weight:600;border-radius:.25rem;cursor:pointer;transition:all .3s ease;text-align:center;border:0}
.gostergizle:hover {background: linear-gradient(90deg, #fbd500, #ffb347); color: #fff;}
.gostergizle i{font-size: 16px;color: #fff;}
@media (max-width: 576px) {.gostergizle {font-size: 12px;padding: 6.7px 8px;}.gostergizle i{font-size: 12px;}}

.reset-btn {background: linear-gradient(90deg, #d9d9d9, #b5b5b5);color:white;border:0;width:27px;height:21px;border-radius:.25rem;cursor:pointer;transition:all .2s ease;order:2;display:flex;align-items:center;justify-content:center;}
.reset-btn:hover {background: linear-gradient(90deg, #fbd500, #ffb347);}
.reset-btn i {font-size: 13px;color: #fff;}
@media (max-width: 576px) { .reset-btn { width: 22px; height: 18px;}.reset-btn i {font-size: 11px;}}
.reset-btn.active {  background: linear-gradient(90deg, #ff7a00, #ff0000); animation: pulse 1.5s infinite;}
.reset-btn.inactive {background: linear-gradient(90deg, #d9d9d9, #b5b5b5);opacity: 0.7;}
.reset-btn.active:hover { box-shadow: 0 4px 8px rgba(255, 0, 0, 0.4);}
.reset-btn.inactive:hover {opacity: 0.9;}

@keyframes pulse {
    0% { 
        opacity: 0.6;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }
    50% { 
        opacity: 1;
        box-shadow: 0 4px 10px rgba(255, 0, 0, 0.2);
    }
    100% { 
        opacity: 0.6;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }
}


.dropdown-btn{position:relative;display:inline-block;width:100%;box-sizing:border-box}.dropdown-btn select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(90deg,#00c8e6,#4facfe);color:#fff;padding:8px 35px 8px 16px;font-size:14px;font-weight:600;border:0;border-radius:.25rem;cursor:pointer;transition:.3s ease;width:100%;box-sizing:border-box}.dropdown-btn::after{content:"\f078";font-family:"Font Awesome 5 Pro";font-weight:900;position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#fff;font-size:12px}
@media(max-width:576px){.dropdown-btn select{padding:8px 30px 8px 5px;font-size:12px}.dropdown-btn::after{font-size:12px;right:8px}}.color-control{display:flex;align-items:center;gap:10px;margin-bottom:10px}#bgColor{width:60px;height:23px;border:2px solid #6f00ff;border-radius:.25rem;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none;outline:0}#bgColor{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
#bgColor::-webkit-color-swatch-wrapper {padding: 0;}
#bgColor::-webkit-color-swatch {border-radius: 0.25rem;border: none;}
#bgColor::-moz-color-swatch {border-radius: 0.25rem; border: none;}
.color-input-wrapper { position: relative; display: inline-block;}

.color-preview { width: 118px; height: 23px; border: 2px solid #d890cc; border-radius: 0.25rem; cursor: pointer; background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 75%); background-size: 10px 10px; background-position: 0 0, 0 5px, 5px -5px, -5px 0px; }
@media (max-width: 576px) { .color-preview { width: 84px;}}
.reset-container{display:flex;justify-content:flex-start;padding:0}.reset-btn-tumu{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:.25rem;border:0;background:#ee0000;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:.3s;margin-top:-30px;white-space:nowrap}.reset-btn-tumu:hover{opacity:.85}.reset-btn-tumu i{font-size:16px}@media(max-width:576px){.reset-btn-tumu{font-size:14px;padding:6px 5px;gap:1px;margin-top:-25px}.reset-btn-tumu i{font-size:14px}}

#bgDropdown option {color: black;background-color: white;font-size: 16px;font-weight: 600;}

/* TABELA ÖNİZLEME */
.preview-btn{height: 35px;display:inline-block;padding:6.7px 16px;background:linear-gradient(90deg, #434343, #000000);color:#fff;font-size:14px;font-weight:600;border-radius:.25rem;cursor:pointer;transition:all .3s ease;text-align:center;border:0}
.preview-btn:hover {background: linear-gradient(90deg, #fbd500, #ffb347); color: #fff;}
.preview-btn i{font-size: 16px;color: #fff;}
@media (max-width: 576px) {.preview-btn {height: 32px;font-size: 12px;padding: 6.7px 8px;}.preview-btn i{font-size: 12px;}}


.preview-btn-container{margin-top:0;padding:15px;background:#fff;border-radius:8px}
.tabela-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.25);color:white;display:flex;align-items:center;justify-content:center;z-index:99999}.tabela-loading .loading-content{display:flex;align-items:center;gap:15px;flex-direction:column;text-align:center}.tabela-loading i{font-size:50px}.tabela-loading p{margin-top:15px;font-size:18px;margin:0}
@media(max-width:576px){.tabela-loading p {font-size: 14px;}}.fa-spin-hz{-webkit-animation:fa-spin 0.5s linear infinite;animation:fa-spin 0.5s linear infinite}.tabela-fancybox .fancybox-content{background:#fff;padding:0!important}.tabela-fancybox .fancybox-bg{background:rgba(0,0,0,0.4)!important}.tabela-preview-modal{padding:10px;background:#fff;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,0.15);max-width:90vw;max-height:90vh;overflow:auto}.preview-image-container{background:#fff!important;padding:10px;margin-bottom:0}@media(max-width:576px){.preview-image-container{padding:5px;}}.preview-image{max-width:100%;max-height:65vh;display:block;margin:0 auto;border-radius:0}.preview-actions{text-align:center;padding:15px;background:#fff;border-radius:8px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}@media(max-width:576px){.preview-actions{padding:5px}}.tabela-preview-modal .action-btn{padding:7px 10px;border-radius:.25rem;cursor:pointer;font-size:15px;font-weight:400;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:all .3s ease;border:0;color:#fff}.tabela-preview-modal .action-btn,.tabela-preview-modal .action-btn:link,.tabela-preview-modal .action-btn:visited{color:#fff}@media(max-width:576px){.tabela-preview-modal .action-btn{padding:4px 7px;font-size:13px}}.tabela-preview-modal .download-btn{background:#2196f3;color:#fff}.tabela-preview-modal .print-btn{background:#4caf50;color:#fff}.tabela-preview-modal .close-btn{background:#f44336;color:#fff}.tabela-preview-modal .close-btn:hover{background:#7f8c8d}

/* TABELA ÖNİZLEME fancybox beyaz ZEMİNİ SİL*/
.tabela-fancybox .fancybox__content {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* YAZDIRMA */
@media print {
body * {visibility: hidden;}.tabela-preview-modal, .tabela-preview-modal * {visibility: visible;} .tabela-preview-modal {position: absolute;left: 0;top: 0;width: 100%; box-shadow: none;} .preview-actions { display: none;}}


/***** dosya yükle *****/
.alt-fiyat .dosya-btn {position: relative;}
.alt-fiyat .dosya-btn input[type=file] {cursor:pointer; background-color: #fff; box-shadow: 0 3px 15px rgba(0,0,0,.05); border: solid 1px #ededed; border-radius: 4px; padding: 5px;height: auto; color: #999;}
.alt-fiyat .dosya-btn input[type=file]::-webkit-file-upload-button, .alt-fiyat .dosya-btn input[type=file].invalid::-webkit-file-upload-button, .alt-fiyat .dosya-btn input[type=file].valid::-webkit-file-upload-button { cursor:pointer; color: #fff;  font-size: 14px;font-weight: 400;  border: 0;  border-radius: 3px;padding: 7px 10px 7px 38px; background: #000000 url(../images/upload-arrow.png) 8px center no-repeat; background-size:22px 22px; outline: none;}
.dosya-baslik{ color: #000;  font-size: 15px;margin-bottom: 8px;}
.dosya-baslik1{ color: #000; font-size: 13px;margin-top: 5px;}

/* MAUS İLE YAZI KAYDIRMA */
#mainSign {touch-action: none;cursor: grab;user-select: none; will-change: transform;}

#tabelayazi {height: 70px;line-height: 20px;}