/* KESKINSOFT / IstanbulToptan -- Premium Mobile UX Core R1
 * Responsive enhancement for existing, server-rendered pages.
 * Enabled ONLY when JS sets body.ksmc1-on. No payment/auth/data changes.
 * Does not replace existing global search, product cards, V7.2 account counts or GET badges.
 */
:root{--ksm-blue:#147fe8;--ksm-ink:#143454;--ksm-muted:#627b96;--ksm-border:#e0eaf4;--ksm-bg:#f5f8fe;--ksm-shadow:0 10px 30px rgba(22,66,115,.07)}
body.ksmc1-on .ksmc1-only{display:initial}
body.ksmc1-on :is(img,video,iframe){max-width:100%}
body.ksmc1-on :is(.wh-card,.ks-market-card,.ct-card,.sf-product-card,.sa-profile,.ks-sales-card){transition:box-shadow .15s ease,border-color .15s ease}
body.ksmc1-on :is(a,button,input,select,textarea):focus-visible{outline:3px solid #69b3ff;outline-offset:2px}
body.ksmc1-on [hidden]{display:none!important}
/* Mobile navigation: extension only, never replaces an existing site menu. */
#ksmc1-launcher{position:fixed;z-index:2147483010;right:14px;bottom:calc(83px + env(safe-area-inset-bottom,0px));width:48px;height:48px;display:none;align-items:center;justify-content:center;border-radius:17px;background:linear-gradient(135deg,#126ed6,#1997ef);color:#fff;font-weight:800;font-size:23px;border:2px solid #fff;box-shadow:0 8px 24px #0658aa63;cursor:pointer}
#ksmc1-launcher .ksmc1-launch-text{font-size:12px;letter-spacing:.15px}
#ksmc1-launcher svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
#ksmc1-overlay{display:none;position:fixed;inset:0;background:#071e38a8;z-index:2147483020;align-items:flex-end;justify-content:center;padding:0}
#ksmc1-overlay.is-open{display:flex}
#ksmc1-overlay .ksmc1-sheet{background:#fff;width:min(100%,560px);max-height:min(84dvh,880px);border-radius:24px 24px 0 0;display:flex;flex-direction:column;box-shadow:0 -16px 70px #03234536;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}
.ksmc1-sheet-top{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px;border-bottom:1px solid #edf2f8}
.ksmc1-sheet-top strong{font-size:18px;color:var(--ksm-ink)}
.ksmc1-sheet-top small{display:block;font-size:11px;color:var(--ksm-muted);margin-top:2px}
.ksmc1-close{width:40px;height:40px;border:1px solid var(--ksm-border);background:#f4f8fd;border-radius:12px;font-size:22px;color:#29496b;cursor:pointer}
.ksmc1-find{padding:12px 18px 8px}
.ksmc1-find input{width:100%!important;background:#f5f8ff!important;border:1px solid #dce8f6!important;border-radius:13px!important;font-size:16px!important;min-height:46px!important;padding:9px 13px!important;color:var(--ksm-ink)!important;box-shadow:none!important;outline-offset:1px}
.ksmc1-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:8px 18px 22px;overflow-y:auto;overscroll-behavior:contain}
.ksmc1-links a{display:flex;gap:9px;align-items:center;min-height:58px;border:1px solid var(--ksm-border);border-radius:14px;background:#fff;color:#22425f;text-decoration:none!important;font-size:12px;font-weight:750;line-height:1.25;padding:10px;min-width:0;white-space:normal}
.ksmc1-links a span{font-size:19px;flex:none}
.ksmc1-links a:hover,.ksmc1-links a:focus-visible{background:#eff7ff;border-color:#93bfff;color:#086fcd}
.ksmc1-links a[hidden]{display:none}
.ksmc1-empty{grid-column:1/-1;padding:18px;text-align:center;color:var(--ksm-muted);border:1px dashed var(--ksm-border);border-radius:12px}
.ksmc1-hidden-scroll{overflow:hidden!important}
/* Keep original five-button bottom navigation. Only add if none exists. */
#ksmc1-bottom{display:none;position:fixed;bottom:0;left:0;right:0;z-index:2147483000;height:calc(66px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #dce8f4;box-shadow:0 -8px 22px #11375e12;padding:5px 4px calc(4px + env(safe-area-inset-bottom,0px))}
#ksmc1-bottom>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:700;text-decoration:none;color:#667e98;min-width:0;text-align:center}
#ksmc1-bottom>a span:first-child{font-size:20px;line-height:22px}
#ksmc1-bottom>a.ksmc1-active{color:#0f79dc}
#ksmc1-bottom>a.ksmc1-plus span:first-child{background:#1686ed;color:#fff;border-radius:14px;width:42px;height:36px;display:grid;place-items:center;box-shadow:0 6px 12px #0e79e055}
/* Common page rhythm */
@media(max-width:900px){
body.ksmc1-on{--ksm-page-pad:14px;background-color:#f6f9fd}
body.ksmc1-on .shop-site :is(.container,.container-fluid){max-width:100%;min-width:0}
body.ksmc1-on :is(.shop-site .container,.container.profil,.container.sa-orders){padding-left:var(--ksm-page-pad)!important;padding-right:var(--ksm-page-pad)!important}
body.ksmc1-on .shop-site :is(h1,h2,h3){overflow-wrap:anywhere}
body.ksmc1-on .shop-site h1{font-size:clamp(23px,6.1vw,35px);line-height:1.16;letter-spacing:-.5px}
body.ksmc1-on .shop-site h2{font-size:clamp(19px,5vw,27px);line-height:1.24;letter-spacing:-.35px}
body.ksmc1-on .shop-site :is(input,textarea,select){max-width:100%;min-width:0;font-size:16px}
body.ksmc1-on .shop-site :is(button,.btn,[role=button]){min-height:40px}
body.ksmc1-on .shop-site :is(.panel,.well,.ks-market-card,.wh-card,.ct-card,.ks-sales-card){border-radius:15px}
body.ksmc1-on .shop-site :is(.panel,.well){max-width:100%}
body.ksmc1-on .shop-site .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
body.ksmc1-on .shop-site :is(.row,.ks-market-main,.wh-card,.ct-card){min-width:0}
body.ksmc1-on .shop-site .modal-dialog{width:calc(100% - 22px)!important;max-width:560px;margin:15px auto}
body.ksmc1-on :is(.ks-v5-search-results,.ks-global-search-results){max-width:calc(100vw - 16px)}
}
@media(max-width:767px){
#ksmc1-launcher{display:flex}
#ksmc1-bottom.ksmc1-show{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
body.ksmc1-on.ksmc1-has-bottom{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
body.ksmc1-on .shop-site :is(.sf-category-grid,.sf-service-grid,.sf-catalog-grid,.sf-grid,.wh-grid,.ks-market-results>.row,.catalog-grid,.ct-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
body.ksmc1-on .shop-site :is(.sf-hero,.sf-banner,.sf-spotlight,.sf-featured,.ks-catalog-head){border-radius:17px;overflow:hidden}
body.ksmc1-on .shop-site :is(.wh-card,.sf-product-card,.ct-card,.ks-market-card){min-width:0;overflow:hidden;box-shadow:var(--ksm-shadow)}
body.ksmc1-on .shop-site :is(.wh-card img,.ct-card img,.ks-market-photo img){max-height:230px;object-fit:contain}
body.ksmc1-on .shop-site :is(.wh-card-title,.wh-product-name,.ks-market-title,.ct-title){font-size:14px;line-height:1.4;overflow-wrap:anywhere}
body.ksmc1-on .shop-site :is(.ks-market-card .ks-market-main,.wh-card-body,.ct-card-body){padding:11px}
/* Filters: preserve native input names and POST behavior. */
body.ksmc1-on .shop-site :is(.wh-filters,.ks-filter-form,.filtre_mobil_scroll,.ks-filter-toolbar,.ks-price-filter,.ks-location-filter){min-width:0;max-width:100%}
body.ksmc1-on .shop-site :is(.wh-filter-fields,.ks-filter-toolbar){display:flex;gap:9px;flex-wrap:wrap;align-items:center}
body.ksmc1-on .shop-site :is(.wh-filter-fields input,.ks-filter-form input,.ks-filter-form select){max-width:100%}
body.ksmc1-on .shop-site :is(.wh-filter-fields .form-control,.ks-filter-form .form-control){border-radius:11px;min-height:43px}
/* Product detail: preserve true GET/normal price and purchase buttons. */
body.ksmc1-on .ks-smart-detail :is(.ks-media-column,.ks-sales-card,.ks-seller-card,.well.gorseller){min-width:0;max-width:100%}
body.ksmc1-on .ks-smart-detail :is(.prelative,.ks-sales-card){min-height:0!important;height:auto!important;border-radius:16px}
body.ksmc1-on .ks-smart-detail .ks-sales-card{padding:14px!important}
body.ksmc1-on .ks-smart-detail :is(.itc-panel,.ks-seller-card){border-radius:15px}
body.ksmc1-on .ks-smart-detail .galeri_gorsel img{object-fit:contain}
/* Products center: catalogue only; do not imply checkout if unavailable. */
body.ksmc1-on.ksmc1-page-katalog .shop-site :is(.ct-card,.catalog-card,.catalog-item){box-shadow:var(--ksm-shadow);border:1px solid var(--ksm-border);background:#fff;border-radius:15px}
body.ksmc1-on.ksmc1-page-katalog .shop-site :is(.ct-grid,.catalog-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
/* Services, housing, vehicles, help, campaigns, advertisement forms */
body.ksmc1-on.ksmc1-page-ilan .shop-site :is(.panel-heading,.well-heading){font-weight:800}
body.ksmc1-on.ksmc1-page-ilan .shop-site :is(.filtre,.ks-filter-form){border-radius:15px}
body.ksmc1-on.ksmc1-page-yardim .shop-site :is(.panel,.well,.card){border-radius:15px;box-shadow:var(--ksm-shadow)}
body.ksmc1-on.ksmc1-page-reklam .shop-site :is(.panel,.well,.card,.pricing-card){border-radius:15px;box-shadow:var(--ksm-shadow)}
body.ksmc1-on.ksmc1-page-reklam .shop-site :is(.pricing-grid,.plans-grid){grid-template-columns:1fr}
body.ksmc1-on.ksmc1-page-teklif .shop-site :is(.panel,.well,.card){border-radius:15px}
/* Account V7.2 is authoritative. Do not overwrite #sidebar_pc_menu grids, badges or AJAX. */
body.ksmc1-on .container.profil :is(.sa-profile,.sa-cover,.sa-shortcuts){max-width:100%}
body.ksmc1-on .container.profil :is(.sa-shortcuts,.sa-profile){border-radius:17px}
body.ksmc1-on .container.profil .ks-account-unread{white-space:nowrap}
/* Tables in messaging, order and seller views should scroll instead of squeezing. */
body.ksmc1-on .shop-site :is(.sa-orders,.sa-sales,.mesajlar,.orders-table){max-width:100%}
body.ksmc1-on .shop-site :is(.sa-orders table,.sa-sales table){min-width:550px}
/* Forms, cards and help/ads content: preserve fields and button actions. */
body.ksmc1-on .shop-site :is(.sa-profile,.sa-orders,.ks-seller-card,.ks-sales-card,.itc-panel,.wh-card){overflow-wrap:anywhere}
body.ksmc1-on .shop-site :is(.form-group,.form-control,.input-group){min-width:0}
body.ksmc1-on .shop-site .input-group{max-width:100%}
}
@media(max-width:390px){
body.ksmc1-on{--ksm-page-pad:10px}
body.ksmc1-on .shop-site :is(.sf-category-grid,.sf-service-grid,.sf-catalog-grid,.sf-grid,.wh-grid,.ct-grid){gap:7px}
body.ksmc1-on .shop-site :is(.wh-card-title,.ks-market-title,.ct-title){font-size:12.5px}
.ksmc1-links{gap:7px;padding-left:12px;padding-right:12px}
.ksmc1-links a{font-size:11px;padding:8px}
}
@media(min-width:768px){#ksmc1-overlay,#ksmc1-launcher,#ksmc1-bottom{display:none!important}}
@media(prefers-reduced-motion:reduce){body.ksmc1-on *,body.ksmc1-on *::before,body.ksmc1-on *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Additional legacy-page coverage: selectors remain gated behind the Core R1 body class. */
@media(max-width:767px){
 body.ksmc1-on :is(.container.profil,.container.ilan,.container.sa-orders,.container.ilan-kategori){width:100%!important;max-width:100%;padding-inline:12px!important}
 body.ksmc1-on :is(.container.profil,.container.ilan) :is(.col-md-9,.col-md-33,.col-md-21,.col-md-42){max-width:100%}
 body.ksmc1-on :is(.ks-market-results,.ks-smart-detail,.ks-seller-card,.sa-profile,.sa-cover){max-width:100%}
 body.ksmc1-on :is(.ks-account-unread,[data-ks-counter]){white-space:nowrap}
 body.ksmc1-on :is(.wh-card,.ks-market-card,.ct-card,.ks-sales-card,.sa-profile){border-radius:16px}
 body.ksmc1-on :is(.ks-filter-form,.ks-location-filter,.ks-price-filter,.sa-shortcuts){max-width:100%}
 body.ksmc1-on :is(input:not([type=checkbox]):not([type=radio]),textarea,select){min-width:0}
}

/* Core R1: consistent mobile surfaces for legacy pages without touching forms/actions. */
@media (max-width:767px) {
 body.ksmc1-on :is(.container.ilan,.container.profil,.container.ilan-kategori,.container.sa-orders) > .row {margin-left:-7px!important;margin-right:-7px!important}
 body.ksmc1-on :is(.container.ilan,.container.profil,.container.ilan-kategori,.container.sa-orders) > .row > [class*="col-"]{padding-left:7px!important;padding-right:7px!important;min-width:0}
 body.ksmc1-on :is(.panel.panel-default,.well,.ss-reuse-panel) {border-color:#deebf9;border-radius:16px;box-shadow:0 7px 25px rgba(11,53,109,.055)}
 body.ksmc1-on :is(.panel-heading,.well-heading) {line-height:1.35;overflow-wrap:anywhere}
 body.ksmc1-on .shop-site :is(.form-control,input[type="search"],input[type="text"],input[type="number"],input[type="email"],textarea,select) {min-height:42px;max-width:100%;box-sizing:border-box;font-size:16px}
 body.ksmc1-on .shop-site input[type="checkbox"],body.ksmc1-on .shop-site input[type="radio"]{min-height:0}
 body.ksmc1-on .shop-site :is(.btn,.button,button) {touch-action:manipulation}
 body.ksmc1-on :is(.panel-body,.sa-section,.ss-reuse-panel){overflow-wrap:anywhere}
 body.ksmc1-on :is(.ks-smart-detail,.container.ilan,.container.profil) img{max-width:100%}
 body.ksmc1-on :is(.ks-smart-detail,.container.ilan,.container.profil) .table-responsive{overflow-x:auto}
 body.ksmc1-on :is(.trumbowyg-box,.fileuploader,.fileuploader-items,.select2-container){max-width:100%!important;min-width:0}
 body.ksmc1-on :is(.wh-card,.ct-card,.ks-market-card) a:focus-visible{outline:2px solid #1686e7;outline-offset:2px}
}

/* R1.1 — tek menü, mevcut 5'li bar icinde Kesfet ve Magazalar */
#ksmc1-launcher{display:none!important}
#ksmc11-store-cta{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 20px;margin:16px 0 22px;background:linear-gradient(112deg,#103c78,#126ed8);color:#fff;border-radius:18px;box-shadow:0 12px 28px #075ca02b;max-width:100%}
#ksmc11-store-cta .ksmc11-store-copy{flex:1;min-width:0}
#ksmc11-store-cta strong{display:block;font-size:19px;font-weight:800;line-height:1.24;color:#fff}
#ksmc11-store-cta p{margin:7px 0 0;color:#e4efff;font-size:13px;line-height:1.5}
#ksmc11-store-cta .ksmc11-store-open{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:44px;padding:10px 18px;border-radius:12px;background:#fff;color:#0e62bf;font-weight:800;text-decoration:none;white-space:nowrap}
#ksmc11-store-cta .ksmc11-store-open:hover,#ksmc11-store-cta .ksmc11-store-open:focus-visible{background:#e9f3ff;color:#054981}
@media(max-width:767px){#ksmc11-store-cta{padding:15px;gap:12px}#ksmc11-store-cta strong{font-size:16px}#ksmc11-store-cta p{font-size:12px}#ksmc11-store-cta .ksmc11-store-open{font-size:12px;min-width:106px;padding:9px 10px}}
@media(max-width:350px){#ksmc11-store-cta{flex-wrap:wrap}#ksmc11-store-cta .ksmc11-store-open{width:100%}}
