.mob-latest .mob-grid .mob-card{
    margin-bottom:15px;
}
.mob-single-grid .mob-single-info h1{
    font-size:42px;
    text-transform:capitalize;
    
}
#page .mob-description h3{
    font-size:16px;
    text-transform:capitalize;
}
.mob-grid a .wp-post-image{
    height:114px;
    width:204px;
}
.mob-market .f-title{
    font-size:16px;
    height:20px;
    margin-bottom:5px;
}
.mob-grid a h4{
    font-weight:700;
    text-transform:capitalize;
    height:20px;
    margin-bottom:5px;
}
.mob-grid a .price{
    font-weight:600;
}
#content .u-page-root .u-section-1 .u-clearfix .u-post-details .u-container-layout .u-blog-control .mob-market .mob-latest .mob-grid .mob-card a .wp-post-image{
    width:100%!important;
}
.mob-market .mob-featured-wrap h3{
    font-weight:700;
    }
.u-post-details .mob-market .mob-section-title{
    font-weight:700;
    
}

/* ============================
   APP CONTAINER
============================ */

.mob-market{
max-width:1200px;
margin:0 auto;
padding:20px 15px 40px;
background:#f4f6f8;
}

.mob-section-title{
font-size:18px;
font-weight:600;
margin:28px 0 14px;
color:#111;
}


/* ============================
   CATEGORY BAR (APP STYLE)
============================ */

.mob-cat-bar{
display:flex;
gap:10px;
overflow-x:auto;
margin-bottom:14px;
padding-bottom:4px;
}

.mob-cat-item{
background:#fff;
border:1px solid #e5e7eb;
border-radius:20px;
padding:8px 14px;
font-size:13px;
text-decoration:none;
color:#111;
white-space:nowrap;
transition:0.2s;
}

.mob-cat-item:hover{
background:#f1f3f5;
}

.mob-cat-item.active{
background:#111;
color:#fff;
border-color:#111;
}


/* ============================
   CARD
============================ */

.mob-card{
position:relative;
background:#fff;
border-radius:14px;
padding:10px;
overflow:hidden;
transition:0.2s;
box-shadow:0 2px 12px rgba(0,0,0,0.04);
display:flex;
flex-direction:column;
}

.mob-card:hover{
transform:translateY(-4px);
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.mob-card img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
border-radius:10px;
}

.mob-card h4{
font-size:14px;
margin:8px 0 4px;
height:36px;
overflow:hidden;
line-height:1.3;
color:#111;
}

.price{
font-weight:700;
font-size:16px;
color:#16a34a;
}

.mob-views{
font-size:12px;
color:#888;
margin-top:2px;
}


/* ============================
   PREMIUM USER AREA
============================ */

.mob-premium-info{
margin-top:6px;
font-size:12px;
color:#16a34a;
font-weight:600;
}

.mob-premium-btn{
display:block;
margin-top:6px;
background:#111;
color:#fff;
text-align:center;
padding:8px;
border-radius:8px;
font-size:13px;
text-decoration:none;
transition:0.2s;
}

.mob-premium-btn:hover{
background:#000;
}


/* ============================
   BADGES
============================ */

.mob-badge{
position:absolute;
top:10px;
left:10px;
font-size:10px;
padding:4px 7px;
border-radius:6px;
font-weight:600;
z-index:5;
}

.mob-badge.premium{
background:#111;
color:#fff;
}

.mob-badge.today{
left:auto;
right:10px;
background:#ff5722;
color:#fff;
}


/* ============================
   FEATURED SLIDER
============================ */

.mob-featured-wrap{
margin-bottom:18px;
}

.mob-featured-wrap h3{
font-size:18px;
font-weight:600;
margin-bottom:10px;
}

.mob-featured-slider{
display:flex;
gap:14px;
overflow-x:auto;
scroll-behavior:smooth;
background:#eef1f4;
padding:14px;
border-radius:16px;
}

.mob-featured-slider::-webkit-scrollbar{
height:6px;
}

.mob-featured-slider::-webkit-scrollbar-thumb{
background:#ddd;
border-radius:10px;
}

.mob-featured-item{
flex:0 0 220px;
background:#fff;
border-radius:12px;
padding:8px;
text-decoration:none;
color:#000;
box-shadow:0 2px 10px rgba(0,0,0,0.04);
transition:0.2s;
}

.mob-featured-item:hover{
transform:translateY(-3px);
box-shadow:0 8px 24px rgba(0,0,0,0.08);
}

.mob-featured-item img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
border-radius:8px;
}

.f-title{
font-size:13px;
margin-top:6px;
height:32px;
overflow:hidden;
}

.f-price{
font-size:14px;
font-weight:600;
margin-top:2px;
color:#16a34a;
}


/* ============================
   FILTER (PROFESSIONAL)
============================ */

.mob-filter{
    display:flex;
      flex-wrap:nowrap;
      align-items:center;
      gap:14px;
      width:100%;
}

.mob-filter input,
.mob-filter select{
    flex:1;
      min-width:140px;
      height:48px;
      padding:0 14px;
      border-radius:12px;
      border:1px solid #e2e2e2;
      background:#f6f7f8;
      font-size:15px;
}

.mob-filter input:focus,
.mob-filter select:focus{
outline:none;
border-color:#333;
background:#fff;
}

.mob-filter button{
    flex:0 0 auto;
      margin-left:auto;
      height:48px;
      padding:0 28px;
      border:none;
      border-radius:14px;
      background:#0f172a;
      color:#fff;
      font-weight:600;
      cursor:pointer;
}

.mob-filter button:hover{
background:#000;
}
/* Mobilde taşma olmasın */
@media(max-width:1200px){
    .mob-filter{
        flex-wrap:wrap;
    }
}

/* ============================
   MOBILE
============================ */

@media(max-width:768px){

.mob-market{
padding:14px 10px 30px;
}

/* Son Eklenen */
.mob-latest .mob-grid{
grid-template-columns:repeat(2,1fr);
}

/* Popüler */
.mob-popular .mob-grid{
grid-template-columns:1fr;
}

/* Featured */
.mob-featured-item{
flex:0 0 70%;
}

.mob-cat-bar{
gap:8px;
}

.mob-card h4{
font-size:13px;
}

.price{
font-size:15px;
}

}
.mob-submit-success{
background:#e6f9ec;
color:#1e7e34;
padding:12px;
border-radius:10px;
margin-bottom:15px;
}

.mob-image-preview{
display:flex;
gap:8px;
margin-top:8px;
flex-wrap:wrap;
}

.mob-image-preview img{
width:90px;
height:70px;
object-fit:cover;
border-radius:6px;
border:1px solid #eee;
}
/* ============================
   SUBMIT FORM (APP STYLE)
============================ */

.mob-submit-wrap{
max-width:720px;
margin:30px auto;
background:#fff;
padding:22px;
border-radius:16px;
box-shadow:0 8px 28px rgba(0,0,0,0.06);
}

.mob-submit-title{
font-size:18px;
font-weight:600;
margin-bottom:18px;
color:#111;
}

.mob-submit-form{
display:flex;
flex-direction:column;
gap:12px;
}

.mob-submit-form input,
.mob-submit-form textarea,
.mob-submit-form select{
width:100%;
background:#f7f8fa;
border:1px solid #e5e7eb;
border-radius:10px;
padding:12px 14px;
font-size:14px;
transition:0.2s;
}

.mob-submit-form textarea{
min-height:110px;
resize:vertical;
}

.mob-submit-form input:focus,
.mob-submit-form textarea:focus,
.mob-submit-form select:focus{
outline:none;
border-color:#111;
background:#fff;
}

.mob-submit-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

.mob-submit-file{
background:#f7f8fa;
border:2px dashed #d1d5db;
padding:18px;
text-align:center;
border-radius:12px;
cursor:pointer;
transition:0.2s;
font-size:13px;
color:#666;
}

.mob-submit-file:hover{
border-color:#111;
background:#fff;
}

.mob-submit-file input{
display:none;
}

.mob-submit-btn{
margin-top:8px;
background:#111;
color:#fff;
border:none;
padding:14px;
border-radius:12px;
font-size:15px;
font-weight:600;
cursor:pointer;
transition:0.2s;
}

.mob-submit-btn:hover{
background:#000;
}/* ============================
   APP CONTAINER
============================ */

.mob-market{
max-width:1200px;
margin:0 auto;
padding:20px 15px 40px;
background:#f4f6f8;
}

.mob-section-title{
font-size:18px;
font-weight:600;
margin:28px 0 14px;
color:#111;
}


/* ============================
   CATEGORY BAR (APP STYLE)
============================ */

.mob-cat-bar{
display:flex;
gap:10px;
overflow-x:auto;
margin-bottom:14px;
padding-bottom:4px;
}

.mob-cat-item{
background:#fff;
border:1px solid #e5e7eb;
border-radius:20px;
padding:8px 14px;
font-size:13px;
text-decoration:none;
color:#111;
white-space:nowrap;
transition:0.2s;
}

.mob-cat-item:hover{
background:#f1f3f5;
}

.mob-cat-item.active{
background:#111;
color:#fff;
border-color:#111;
}



/* ============================
   CARD
============================ */

.mob-card{
position:relative;
background:#fff;
border-radius:14px;
padding:10px;
overflow:hidden;
transition:0.2s;
box-shadow:0 2px 12px rgba(0,0,0,0.04);
display:flex;
flex-direction:column;
}

.mob-card:hover{
transform:translateY(-4px);
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.mob-card img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
border-radius:10px;
}

.mob-card h4{
font-size:14px;
margin:8px 0 4px;
height:36px;
overflow:hidden;
line-height:1.3;
color:#111;
}

.price{
font-weight:700;
font-size:16px;
color:#16a34a;
}

.mob-views{
font-size:12px;
color:#888;
margin-top:2px;
}


/* ============================
   PREMIUM USER AREA
============================ */

.mob-premium-info{
margin-top:6px;
font-size:12px;
color:#16a34a;
font-weight:600;
}

.mob-premium-btn{
display:block;
margin-top:6px;
background:#111;
color:#fff;
text-align:center;
padding:8px;
border-radius:8px;
font-size:13px;
text-decoration:none;
transition:0.2s;
}

.mob-premium-btn:hover{
background:#000;
}


/* ============================
   BADGES
============================ */

.mob-badge{
position:absolute;
top:10px;
left:10px;
font-size:10px;
padding:4px 7px;
border-radius:6px;
font-weight:600;
z-index:5;
}

.mob-badge.premium{
background:#111;
color:#fff;
}

.mob-badge.today{
left:auto;
right:10px;
background:#ff5722;
color:#fff;
}


/* ============================
   FEATURED SLIDER
============================ */

.mob-featured-wrap{
margin-bottom:18px;
}

.mob-featured-wrap h3{
font-size:18px;
font-weight:600;
margin-bottom:10px;
}

.mob-featured-slider{
display:flex;
gap:14px;
overflow-x:auto;
scroll-behavior:smooth;
background:#eef1f4;
padding:14px;
border-radius:16px;
}

.mob-featured-slider::-webkit-scrollbar{
height:6px;
}

.mob-featured-slider::-webkit-scrollbar-thumb{
background:#ddd;
border-radius:10px;
}

.mob-featured-item{
flex:0 0 220px;
background:#fff;
border-radius:12px;
padding:8px;
text-decoration:none;
color:#000;
box-shadow:0 2px 10px rgba(0,0,0,0.04);
transition:0.2s;
}

.mob-featured-item:hover{
transform:translateY(-3px);
box-shadow:0 8px 24px rgba(0,0,0,0.08);
}

.mob-featured-item img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
border-radius:8px;
}

.f-title{
font-size:13px;
margin-top:6px;
height:32px;
overflow:hidden;
}

.f-price{
font-size:14px;
font-weight:600;
margin-top:2px;
color:#16a34a;
}


/* ============================
   FILTER (PROFESSIONAL)
============================ */

.mob-filter{
background:#fff;
border:1px solid #e5e7eb;
border-radius:14px;
padding:14px;
box-shadow:0 4px 16px rgba(0,0,0,0.04);
display:flex;
gap:12px;
flex-wrap:wrap;
align-items:center;
margin-bottom:18px;
}

.mob-filter input,
.mob-filter select{
background:#f8f9fb;
border:1px solid #e5e7eb;
border-radius:10px;
padding:11px 12px;
font-size:14px;
min-width:140px;
transition:0.2s;
}

.mob-filter input:focus,
.mob-filter select:focus{
outline:none;
border-color:#333;
background:#fff;
}

.mob-filter button{
background:#111827;
color:#fff;
border:none;
border-radius:10px;
padding:11px 18px;
font-weight:600;
cursor:pointer;
transition:0.2s;
}

.mob-filter button:hover{
background:#000;
}

.mob-card a img{
    height:206px;
}

#page .mob-related h3{
font-size:22px;
}
.mob-card a h4{
    height:18px;
}
#page .mob-description h3{
    font-size:22px;
}
/* SINGLE GALLERY */

.mob-main-image img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
border-radius:14px;
}

.mob-thumbs{
display:flex;
gap:8px;
margin-top:10px;
overflow-x:auto;
}

.mob-thumb{
width:90px;
height:70px;
object-fit:cover;
border-radius:8px;
cursor:pointer;
opacity:0.6;
border:2px solid transparent;
transition:0.2s;
}

.mob-thumb.active{
opacity:1;
border-color:#111;
}

.mob-thumb:hover{
opacity:1;
}

    
/* ============================
   MOBILE
============================ */

@media(max-width:768px){

.mob-market{
padding:14px 10px 30px;
}

/* Son Eklenen */
.mob-latest .mob-grid{
grid-template-columns:repeat(2,1fr);
}

/* Popüler */
.mob-popular .mob-grid{
grid-template-columns:1fr;
}

/* Featured */
.mob-featured-item{
flex:0 0 70%;
}

.mob-cat-bar{
gap:8px;
}

.mob-card h4{
font-size:13px;
}

.price{
font-size:15px;
}

}
.mob-submit-success{
background:#e6f9ec;
color:#1e7e34;
padding:12px;
border-radius:10px;
margin-bottom:15px;
}

.mob-image-preview{
display:flex;
gap:8px;
margin-top:8px;
flex-wrap:wrap;
}

.mob-image-preview img{
width:90px;
height:70px;
object-fit:cover;
border-radius:6px;
border:1px solid #eee;
}
/* ============================
   SUBMIT FORM (APP STYLE)
============================ */

.mob-submit-wrap{
max-width:720px;
margin:30px auto;
background:#fff;
padding:22px;
border-radius:16px;
box-shadow:0 8px 28px rgba(0,0,0,0.06);
}

.mob-submit-title{
font-size:18px;
font-weight:600;
margin-bottom:18px;
color:#111;
}

.mob-submit-form{
display:flex;
flex-direction:column;
gap:12px;
}

.mob-submit-form input,
.mob-submit-form textarea,
.mob-submit-form select{
width:100%;
background:#f7f8fa;
border:1px solid #e5e7eb;
border-radius:10px;
padding:12px 14px;
font-size:14px;
transition:0.2s;
}

.mob-submit-form textarea{
min-height:110px;
resize:vertical;
}

.mob-submit-form input:focus,
.mob-submit-form textarea:focus,
.mob-submit-form select:focus{
outline:none;
border-color:#111;
background:#fff;
}

.mob-submit-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

.mob-submit-file{
background:#f7f8fa;
border:2px dashed #d1d5db;
padding:18px;
text-align:center;
border-radius:12px;
cursor:pointer;
transition:0.2s;
font-size:13px;
color:#666;
}

.mob-submit-file:hover{
border-color:#111;
background:#fff;
}

.mob-submit-file input{
display:none;
}

.mob-submit-btn{
margin-top:8px;
background:#111;
color:#fff;
border:none;
padding:14px;
border-radius:12px;
font-size:15px;
font-weight:600;
cursor:pointer;
transition:0.2s;
}

.mob-submit-btn:hover{
background:#000;
}
/* ============================
   SINGLE PAGE (APP UI)
============================ */

.mob-single-container{
max-width:1100px;
margin:30px auto;
padding:0 15px;
}

.mob-single-grid{
display:grid;
grid-template-columns:1.1fr 0.9fr;
gap:30px;
align-items:start;
}

/* Slider */

.mob-slider{
display:flex;
gap:10px;
overflow-x:auto;
padding-bottom:6px;
}

.mob-slider img{
width:100%;
max-width:520px;
aspect-ratio:16/9;
object-fit:cover;
border-radius:12px;
box-shadow:0 4px 18px rgba(0,0,0,0.08);
}

.mob-slider::-webkit-scrollbar{
height:6px;
}

.mob-slider::-webkit-scrollbar-thumb{
background:#ddd;
border-radius:10px;
}

/* Right Info Card */

.mob-single-info{
background:#fff;
border-radius:16px;
padding:22px;
box-shadow:0 6px 26px rgba(0,0,0,0.06);
position:sticky;
top:20px;
}

.mob-single-info h1{
font-size:22px;
margin-bottom:10px;
line-height:1.3;
}

/* Price */

.mob-price{
font-size:28px;
font-weight:700;
color:#16a34a;
margin:8px 0 14px;
}

/* Meta */

.mob-meta{
font-size:14px;
color:#555;
margin-bottom:14px;
line-height:1.6;
}

/* WhatsApp Button */

.mob-wa-big{
display:block;
background:#25D366;
color:#fff;
text-align:center;
padding:14px;
border-radius:12px;
font-size:15px;
font-weight:600;
text-decoration:none;
transition:0.2s;
}

.mob-wa-big:hover{
background:#1ebe5d;
transform:translateY(-1px);
}

/* Description */

.mob-description{
background:#fff;
margin-top:30px;
padding:22px;
border-radius:16px;
box-shadow:0 6px 26px rgba(0,0,0,0.05);
}

.mob-description h3{
margin-bottom:10px;
}

/* Related */

.mob-related{
margin-top:30px;
}

.mob-related h3{
margin-bottom:12px;
}

.mob-single-image .mob-slider img{
    height:340px;
}
/* ============================
   MOBILE
============================ */

@media(max-width:768px){

.mob-single-grid{
grid-template-columns:1fr;
}

.mob-single-info{
position:relative;
top:auto;
}

.mob-slider img{
max-width:90%;
}

.mob-price{
font-size:24px;
}

}
/* ============================
   SINGLE PAGE – FINAL
============================ */

.mob-single-container{
max-width:1100px;
margin:40px auto;
padding:0 15px;
}

.mob-single-grid{
display:grid;
grid-template-columns:1.1fr 0.9fr;
gap:30px;
align-items:start;
}

/* ============================
   GALLERY
============================ */

.mob-main-image img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
border-radius:14px;
cursor:pointer;
box-shadow:0 6px 24px rgba(0,0,0,0.08);
}

/* Thumbnails */

.mob-thumbs{
display:flex;
gap:8px;
margin-top:10px;
overflow-x:auto;
padding-bottom:4px;
}

.mob-thumbs::-webkit-scrollbar{
height:6px;
}

.mob-thumbs::-webkit-scrollbar-thumb{
background:#ddd;
border-radius:10px;
}

.mob-thumb{
width:90px;
height:70px;
object-fit:cover;
border-radius:8px;
cursor:pointer;
opacity:0.6;
border:2px solid transparent;
transition:0.2s;
flex:0 0 auto;
}

.mob-thumb.active{
opacity:1;
border-color:#111;
}

.mob-thumb:hover{
opacity:1;
}

/* ============================
   RIGHT INFO CARD
============================ */

.mob-single-info{
background:#fff;
border-radius:16px;
padding:22px;
box-shadow:0 6px 26px rgba(0,0,0,0.06);
position:sticky;
top:20px;
}

.mob-single-info h1{
font-size:22px;
margin-bottom:8px;
line-height:1.3;
}

.mob-price{
font-size:28px;
font-weight:700;
color:#16a34a;
margin:10px 0 14px;
}

.mob-meta{
font-size:14px;
color:#555;
margin-bottom:14px;
line-height:1.6;
}

/* WhatsApp */

.mob-wa-big{
display:block;
background:#25D366;
color:#fff;
text-align:center;
padding:14px;
border-radius:12px;
font-size:15px;
font-weight:600;
text-decoration:none;
transition:0.2s;
}

.mob-wa-big:hover{
background:#1ebe5d;
transform:translateY(-1px);
}

/* ============================
   DESCRIPTION
============================ */

.mob-description{
background:#fff;
margin-top:30px;
padding:22px;
border-radius:16px;
box-shadow:0 6px 26px rgba(0,0,0,0.05);
}

.mob-description h3{
font-size:20px;
margin-bottom:10px;
}

/* ============================
   RELATED
============================ */

.mob-related{
margin-top:30px;
}

.mob-related h3{
font-size:20px;
margin-bottom:12px;
}

/* ============================
   LIGHTBOX
============================ */

#mob-lightbox{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.92);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
}

#mob-lightbox img{
max-width:90%;
max-height:90%;
}

.mob-lightbox-close{
position:absolute;
top:20px;
right:30px;
font-size:42px;
color:#fff;
cursor:pointer;
}

.mob-lightbox-prev,
.mob-lightbox-next{
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:50px;
color:#fff;
cursor:pointer;
padding:10px;
user-select:none;
}

.mob-lightbox-prev{ left:20px; }
.mob-lightbox-next{ right:20px; }

/* ============================
   MOBILE
============================ */

@media(max-width:768px){

.mob-single-grid{
grid-template-columns:1fr;
}

.mob-single-info{
position:relative;
top:auto;
margin-top:10px;
}

.mob-price{
font-size:24px;
}

.mob-thumb{
width:70px;
height:55px;
}

}
/* ============================
   PRODUCT FEATURES (SAHIBINDEN STYLE)
============================ */

.mob-features{
background:#fff;
margin-top:30px;
padding:22px;
border-radius:16px;
box-shadow:0 6px 26px rgba(0,0,0,0.05);
}

.mob-features h3{
font-size:20px;
margin-bottom:14px;
}

.mob-features-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px 30px;
}

.mob-feature-item{
display:flex;
justify-content:space-between;
font-size:14px;
padding:6px 0;
border-bottom:1px solid #f1f1f1;
}

.mob-feature-item span{
color:#777;
}

.mob-feature-item strong{
color:#111;
font-weight:600;
}

/* Mobile */

@media(max-width:768px){
.mob-features-grid{
grid-template-columns:1fr;
}
}
.mob-specs{
width:100%;
border-collapse:collapse;
margin-top:10px;
}

.mob-specs td{
padding:10px;
border-bottom:1px solid #eee;
font-size:14px;
}

.mob-specs td:first-child{
width:40%;
color:#666;
}

.mob-specs td:last-child{
font-weight:600;
color:#111;
}
/* Son Eklenen – sabit kolon */
.mob-latest .mob-grid{
display:grid;
grid-template-columns:repeat(4, 1fr) !important;
gap:18px;
}
@media(max-width:768px){
.mob-latest .mob-grid{
grid-template-columns:repeat(2,1fr) !important;
}
}
/* ============================
   GRID FINAL
============================ */

.mob-grid{
display:grid;
gap:18px;
}

/* Desktop – Son Eklenen */
.mob-latest .mob-grid{
grid-template-columns:repeat(4,1fr) !important;
}

/* Mobile */
@media(max-width:768px){
.mob-latest .mob-grid{
grid-template-columns:repeat(2,1fr) !important;
}
}