/* ═══════════════════════════════════════════════
   mobile.css — پوسته اپ‌مانند موبایل (≤768px)
   فونت‌ها: ۸ تا ۱۱ پیکسل | اسپیسینگ: ۲ تا ۵ پیکسل
   هر لیستی که خط دوم می‌شود → ریل اسکرول افقی
   ═══════════════════════════════════════════════ */

/* ── ناوبری پایین ── */
.bottom-nav{
  position:fixed;bottom:0;left:0;right:0;z-index:990;display:none;
  background:rgba(250,252,255,.97);
  border-top:1px solid rgba(22,48,95,.1);
  box-shadow:0 -8px 24px rgba(22,48,95,.1);
  padding:6px 5px calc(3px + env(safe-area-inset-bottom));
}
.bn-item{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;
  padding:6px 0;font-size:9px;font-weight:700;color:#7285a8;
  border-radius:9px;transition:color .15s,transform .15s;
}
.bn-item:active{transform:scale(.94)}
.bn-item .ico-g{width:19px;height:19px}
.bn-item.active{color:var(--blue-dark)}
.bn-item.active .ico-g{stroke-width:2.4}
.bn-ic{position:relative;display:inline-flex}
.bn-ic .cart-count{top:-6px;left:-9px}
@media(max-width:768px){.bottom-nav{display:flex}}
@media(min-width:769px){.bottom-nav{display:none!important}}

@media(max-width:768px){
/* v15.1: دراور خارج صفحه نباید اسکرول افقی بسازد */
html,body{overflow-x:hidden}
/* ═══ v15: خدمات — ۴تای ساده کنار هم ═══ */
.services{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px;overflow:visible}
.service{flex:none;width:auto!important;flex-direction:column;text-align:center;gap:5px;padding:9px 3px 8px;border-radius:12px;min-width:0}
.service .pic3d{width:30px!important;height:30px!important}
.service b{font-size:9px;line-height:1.5}
.service span{display:none}
.service div{display:contents}
/* ═══ v15: بنرها — باکس حرفه‌ای موبایل ═══ */
.banner-wide{min-height:118px;border-radius:13px}
.banner-wide .bw-body{padding:12px 14px;max-width:92%;gap:5px}
.banner-wide b{font-size:12px}
.banner-wide .cta{font-size:9.5px;padding:5px 10px;border-radius:8px}
.banner-wide.slim{min-height:78px}
.banner-wide.slim b{font-size:11px}
/* هیرو: باکس بنری حرفه‌ای (نه تمام‌صفحه) */
.hero-full{margin:6px 3px 10px;border-radius:14px;overflow:hidden}
.hero-full,.hero-full .hero-slide{min-height:128px!important;max-height:128px!important}
.hero-full .txt{min-height:128px!important;max-height:128px!important;padding:10px 16px}
.hero-full .bg img,.hero-full .bg{border-radius:14px}
.hero-full .bg img{object-position:right center}
.hero-full .hero-slide::after{background:linear-gradient(to left,rgba(9,20,42,.90) 34%,rgba(9,20,42,.42) 62%,rgba(9,20,42,.06) 86%)}
.hero-full .kicker{font-size:8.5px;padding:2px 9px;margin-bottom:5px}
.hero-full .hero-slide h2{font-size:12.5px;margin-bottom:8px}
.hero-cta{font-size:9.5px!important;padding:6px 13px!important}
.hero-dots{bottom:7px;gap:4px;left:14px;right:auto;transform:none}

/* ═══ v14: هیرو موبایل = هم‌اندازه بنرهای میانی (کامپکت مثل دیجی‌کالا) ═══ */
.hero-full,.hero-full .hero-slide{
  min-height:130px!important;max-height:130px!important;
}
.hero-full .txt{min-height:130px!important;max-height:130px!important;justify-content:center;padding:10px 14px}
.hero-full .hero-slide p{display:none}
.hero-full .kicker{font-size:9px;padding:2px 10px;margin-bottom:6px}
.hero-full .hero-slide h2{font-size:13px;line-height:1.65;margin-bottom:9px}
.cta-row{margin-bottom:0;gap:8px}
.hero-cta{font-size:10px!important;padding:7px 14px!important}
.hero-cta-ghost{display:none}
.hero-dots{bottom:8px;gap:5px}
.hero-dots button{width:16px;height:4px}
.hero-dots button.on{width:24px}
.hero-full .hero-slide::after{background:linear-gradient(to left,rgba(9,20,42,.90) 30%,rgba(9,20,42,.48) 60%,rgba(9,20,42,.10) 88%)}
.hero-full .bg img{object-position:center}
.hero-full{margin-bottom:10px}


/* v12: فاصله بغلی خیلی کم */
.grid-products{gap:7px}
.hscroll{gap:7px}
.section-sm{margin-top:16px}
.pcard{padding:8px 8px 9px}
.container{padding-left:3px!important;padding-right:3px!important}


  /* ── فونت پایه ── */
  html{-webkit-text-size-adjust:100%}
  body{font-size:10.5px}
  h1,h2,h3,h4,h5{line-height:1.7}

  body:not(.compact){padding-bottom:calc(58px + env(safe-area-inset-bottom))}

  /* ── اسپیسینگ اپ: ۲ تا ۵ پیکسل ── */
  .container{padding:0 8px}
  .section,.section-sm{margin:8px 0}
  .section-head{gap:5px;margin-bottom:8px;padding:0 1px}
  .section-head h2{font-size:11px}
  .section-head .icon{width:24px;height:24px;border-radius:8px}
  .section-head .icon .ico3d{width:22px;height:22px}
  .section-head .line{min-width:14px}
  .section-head .more{font-size:9.5px}
  .divider{margin:7px 0}

  /* ══ هدر موبایل: تک‌ردیفه تمیز ══ */
  .svc-bar{display:none}
  .fab.totop{display:none}
  .header-sticky .container{padding:0 7px}
  .h-row1{padding:7px 0 6px;gap:5px}
  .brand{gap:5px}
  .brand .ico3d.xl{width:27px;height:27px}
  .brand .name{font-size:10.5px}
  .live-search{margin:0 5px}
  .live-search .box{border-radius:10px;padding:0 9px;gap:5px}
  .live-search input{font-size:10px;padding:6px 0}
  .live-search input::placeholder{font-size:9.5px}
  .search-go{display:inline-flex}
  .search-go .ico-g{width:14px;height:14px}
  .live-search .icon .ico-g{width:13px;height:13px}
  .icon-btn{width:30px;height:30px;border-radius:9px}
  .icon-btn .ico-g{width:15px;height:15px}
  .cart-btn{padding:8px 8px}
  .cart-btn .ico-g{width:15px;height:15px}
  .cart-btn .cart-count{font-size:9px;min-width:14px;height:14px;top:-4px;left:-5px}
  .login-chip{display:none}
  .live-search .results{padding:8px;max-height:58vh;overflow-y:auto}
  .live-search .r-item{padding:8px 7px;gap:8px}
  .live-search .r-item img{width:30px;height:30px;border-radius:8px}
  .live-search .r-item .t{font-size:9.5px}
  .live-search .r-item .p{font-size:9px}
  .live-search .r-all{font-size:9.5px}
  .live-search .r-empty{font-size:9.5px;padding:13px}

  /* ── دراور ── */
  .m-drawer{width:min(280px,82vw);padding:9px}
  .m-brand b{font-size:11.5px}
  .m-brand .ico3d{width:24px;height:24px}
  .m-close{width:28px;height:28px;border-radius:9px}
  .m-user{padding:8px 10px;margin-bottom:9px;border-radius:11px;gap:8px}
  .m-user .ico3d{width:30px;height:30px}
  .m-user b{font-size:10.5px}
  .m-user small{font-size:9px}
  .m-links{gap:1px}
  .m-links a{padding:6px 9px;font-size:10.5px;gap:8px;border-radius:10px}
  .m-links .ico3d.sm{width:19px;height:19px}
  .m-cats-title{font-size:9px;margin:10px 6px 6px;padding-top:9px}
  .m-cats a{padding:7px 8px;font-size:10px;gap:7px}
  .m-cats .ico3d.sm{width:17px;height:17px}
  .m-call{padding:8px;font-size:10.5px;gap:7px}
  .m-call .ico3d.sm{width:16px;height:16px}

  /* ── هیرو اپ‌مانند ── */
  .hero{margin-top:7px}
  .hero-slider{border-radius:13px;min-height:0;box-shadow:0 8px 22px rgba(15,35,71,.28)}
  .hero-slide{min-height:138px}
  .hero-slide .img{position:absolute;inset:0;flex:none;opacity:.28}
  .hero-slide .img::before{background:linear-gradient(to left,rgba(15,35,71,.82),rgba(15,35,71,.12) 70%)}
  .hero-slide .txt{max-width:100%;padding:11px 12px}
  .hero-slide .kicker{font-size:9px;padding:1px 8px;margin-bottom:8px}
  .hero-slide h2{font-size:12.5px;margin-bottom:6px}
  .hero-slide p{font-size:9.5px;margin-bottom:8px;max-width:92%}
  .hero-cta{padding:6px 13px;font-size:10px;border-radius:9px}
  .hero-dots{bottom:7px;right:12px;gap:5px}
  .hero-dots button{width:8px;height:8px}
  .hero-dots button.on{width:20px}



  /* ── دایره‌های دسته ── */
  .cats-rail{gap:8px;padding:5px 0 7px}
  .cat-bub{width:60px;gap:3px}
  .cat-bub .cb-ic{width:44px;height:44px}
  .cat-bub .cb-ic .ico3d{width:25px;height:25px}
  .cb-ic.all .ico-g{width:18px;height:18px}
  .cat-bub b{font-size:9px}
  .cat-bub small{display:none}

  /* ── شگفت‌انگیز ── */
  .amazing-dark{padding:7px;border-radius:13px}
  .amazing-head{gap:6px;margin-bottom:6px}
  .amz-badge{width:27px;height:27px;border-radius:8px}
  .amz-badge .ico-g{width:13px;height:13px}
  .amz-title b{font-size:11px}
  .amz-title small{font-size:9px}
  .amazing-dark .countdown{gap:3px}
  .amazing-dark .cd-box{min-width:28px;padding:5px 7px;border-radius:7px}
  .amazing-dark .cd-box b{font-size:10.5px}
  .amazing-dark .cd-box span{font-size:9px}
  .amazing-dark .colon{font-size:10px}
  .amz-all{padding:7px 9px;font-size:9.5px}

  /* ── بنرها ── */
  .banners-duo{gap:4px}
  .banner{padding:7px 9px;gap:7px;min-height:0;border-radius:11px}
  .banner .bn-ic{width:36px;height:36px;border-radius:10px}
  .banner .bn-ic .ico3d{width:27px;height:27px}
  .banner b{font-size:10px;margin-bottom:1px}
  .banner p{font-size:9px;margin-bottom:6px}
  .banner .cta{font-size:9px}
  .banner .cta::after{width:10px}

  /* ── تب‌ها ── */
  .tabs{padding:6px;gap:2px;border-radius:10px;margin-bottom:8px}
  .tabs .tab{font-size:9.5px;padding:7px 9px;border-radius:8px}

  /* ── آمار: ریل اسکرولی ── */
  .stats{display:flex;gap:4px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
  .stats::-webkit-scrollbar{display:none}
  .stat{flex:none;width:104px;padding:6px 7px;border-radius:10px;scroll-snap-align:start}
  .stat .n{font-size:12.5px}
  .stat p{font-size:9px}

  /* ── نظرات: ریل اسکرولی ── */
  .testimonials{display:flex;gap:4px;overflow-x:auto;padding:1px 0 8px;scroll-snap-type:x proximity;scrollbar-width:none}
  .testimonials::-webkit-scrollbar{display:none}
  .testimonial{flex:none;width:236px;scroll-snap-align:start;padding:9px;border-radius:12px}
  .testimonial .quote{font-size:13px}
  .testimonial p{font-size:9.5px;min-height:0;margin:7px 0 7px}
  .testimonial .avatar{width:26px;height:26px;border-radius:8px}
  .testimonial .avatar .ico3d{width:14px;height:14px}
  .testimonial b{font-size:9.5px}
  .testimonial .who span{font-size:9px}

  /* ── مجله: ریل اسکرولی ── */
  .blog-grid{display:flex;gap:4px;overflow-x:auto;padding:1px 0 8px;scroll-snap-type:x proximity;scrollbar-width:none}
  .blog-grid::-webkit-scrollbar{display:none}
  .blog-card{flex:none;width:178px;scroll-snap-align:start;border-radius:12px}
  .blog-card .thumb{height:58px;margin:6px;border-radius:9px}
  .blog-card .thumb .ico3d{width:34px;height:34px}
  .blog-card .body{padding:0 8px 8px}
  .blog-card b{font-size:9.5px}
  .blog-card p{font-size:9px;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .blog-card .read{font-size:9px}

  /* ── برندها: ریل اسکرولی ── */
  .brands-strip{display:flex;gap:4px;overflow-x:auto;padding:1px 0 8px;scrollbar-width:none}
  .brands-strip::-webkit-scrollbar{display:none}
  .brand-card{flex:none;width:96px;padding:7px 7px;border-radius:10px;scroll-snap-align:start}
  .brand-card b{font-size:9.5px}
  .brand-card span{font-size:9px}

  /* ── بلوک معرفی فوتر ── */
  .footer-about{padding:9px;margin:7px 0 5px;border-radius:12px}
  .fa-head{gap:8px}
  .fa-head .ico3d{width:28px;height:28px}
  .fa-head b{font-size:10px;margin-bottom:5px}
  .fa-head p{font-size:9px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .fa-badges{gap:4px;margin-top:7px;padding-top:7px}
  .fa-badges span{font-size:9px;padding:6px 8px}
  .fa-badges .ico-g{width:10px;height:10px}

  /* ── فوتر ── */
  .footer-trust{display:none}
  .footer-widgets{padding:12px 0 0}
  .footer-widgets .cols{gap:11px;padding-bottom:10px}
  .footer-widgets h4{font-size:10.5px;margin-bottom:6px}
  .footer-widgets p{font-size:9px;line-height:1.9}
  .footer-widgets a{font-size:9.5px;padding:6px 0}
  .footer-widgets .c-line{font-size:9px;margin-bottom:8px;gap:6px}
  .footer-widgets .c-line .ico-g{width:11px;height:11px}
  .newsletter-box{padding:8px;margin-top:7px;border-radius:10px}
  .newsletter-box p{font-size:9px;margin-bottom:6px}
  .newsletter-box input{padding:7px 9px;font-size:9.5px;border-radius:9px}
  .newsletter-box button{padding:7px 11px;font-size:9.5px;border-radius:9px}
  .footer-bottom{padding:8px 0;font-size:9px;justify-content:center;text-align:center}
  .footer-bottom .pay{font-size:13px}

  /* ══ اجزای عمومی ══ */
  .neu,.neu-lg{border-radius:12px}
  .btn{font-size:10px;padding:6px 12px;border-radius:9px;gap:5px}
  .btn .ico-g{width:13px;height:13px}
  .btn-lg{padding:8px 16px;font-size:10.5px;border-radius:10px}
  .btn-sm{padding:7px 9px;font-size:9px;border-radius:8px}
  .btn-icon{width:32px;height:32px;font-size:13px}
  .input,.select,.textarea{padding:7px 10px;font-size:10.5px;border-radius:9px}
  .input::placeholder,.textarea::placeholder{font-size:9.5px}
  .field{margin-bottom:8px}
  .field label{font-size:9.5px;margin-bottom:6px}
  .field .hint,.field .err-msg{font-size:9px}
  .select{background-size:10px 7px}
  .alert{padding:6px 9px;font-size:9.5px;border-radius:9px;margin-bottom:6px}
  .radio-card{padding:8px 9px;margin-bottom:6px;border-radius:10px;gap:9px}
  .radio-card b{font-size:10px}
  .radio-card .desc{font-size:9px}
  .radio-card .dot{width:17px;height:17px;margin-top:5px}
  .chip{font-size:9.5px;padding:6px 9px}
  .badge{font-size:9px;padding:1px 6px;border-radius:7px}
  .discount-badge{font-size:9px;padding:1px 7px}
  .modal{padding:12px;border-radius:13px}
  .modal h3{font-size:11.5px;margin-bottom:10px}
  .toast{font-size:10px;padding:7px 13px;max-width:92vw}
  .toast-wrap{bottom:calc(112px + env(safe-area-inset-bottom))}
  body.compact ~ .toast-wrap,.toast-wrap{bottom:calc(112px + env(safe-area-inset-bottom))}
  .pagination{gap:5px;margin-top:12px}
  .pagination button{min-width:28px;height:28px;font-size:10px;border-radius:8px}
  .empty-state{padding:18px 10px}
  .empty-state h3{font-size:11px}
  .empty-state p{font-size:9.5px;margin-bottom:12px}
  .empty-state .ico3d{width:44px;height:44px}
  .table{font-size:9.5px}
  .table th{padding:6px 8px;font-size:9px}
  .table td{padding:6px 8px}
  .breadcrumb{font-size:9px;padding:6px 0 5px;gap:6px}
  .check{font-size:9.5px;gap:7px}
  .check .box{width:16px;height:16px;font-size:9px}
  .qty{padding:6px;border-radius:10px}
  .qty button{width:26px;height:26px;font-size:13px}
  .qty input{width:30px;font-size:10.5px}
  .switch{width:44px;height:24px}
  .switch .track::before{width:18px;height:18px;top:3px;right:3px}
  .switch input:checked + .track::before{transform:translateX(-20px)}
  .fab-wrap{bottom:calc(64px + env(safe-area-inset-bottom));left:8px;gap:7px}
  .fab{width:37px;height:37px;border-radius:11px}
  .fab .ico-g{width:15px;height:15px}
  .fab .fab-tip{display:none}
  .hscroll{gap:4px;padding:5px 1px 7px}
  .hscroll > *{min-width:138px;max-width:138px}
  .related .hscroll > *{min-width:134px;max-width:134px}

  /* ══ چیدمان صفحات ══ */
  .shop-layout,.product-layout,.cart-layout,.checkout-layout,
  .account-layout,.contact-layout,.reviews-grid{gap:5px}
  .filters{padding:8px;border-radius:11px}
  .filters .f-group{margin-bottom:9px}
  .filters .f-title{font-size:9.5px;margin-bottom:8px}
  .filters .check{padding:6px 0;font-size:9.5px}
  .filters .price-row .input{padding:6px 9px;font-size:9.5px}
  .shop-toolbar{gap:5px;margin-bottom:6px}
  .shop-toolbar .result{font-size:9px}
  .shop-toolbar .select{padding:6px 30px 6px 12px;font-size:9.5px}
  .filter-toggle{font-size:9.5px}
  .active-chips{gap:4px;margin-bottom:8px}
  .summary,.cart-items,.checkout-card,.account-menu,.account-panel,
  .buybox,.auth-card,.gallery .main-img{padding:9px;border-radius:12px}
  .summary h3{font-size:11px;margin-bottom:8px}
  .summary .row{font-size:9.5px;margin-bottom:7px}
  .summary .total .lbl{font-size:10px}
  .summary .total .val{font-size:12.5px}
  .cart-row{padding:6px 0;gap:7px}
  .cart-row img{width:50px;height:50px;border-radius:9px}
  .cart-row .t{font-size:9.5px}
  .cart-row .unit-price{font-size:9px}
  .cart-row .line-total{font-size:10.5px}
  .cart-row .remove{font-size:9px}
  .free-ship-note{font-size:9px;padding:8px 9px}
  .coupon-box{margin:8px 0;gap:5px}
  .coupon-box .input{padding:7px 10px;font-size:9.5px}
  .coupon-chip{font-size:9px;padding:8px 10px;gap:5px}
  .summary-items{max-height:150px}
  .summary-item{font-size:9px;gap:8px;padding:6px 0}
  .summary-item img{width:38px;height:38px;border-radius:8px}
  .checkout-card h3{font-size:11px;margin-bottom:9px;gap:7px}
  .checkout-card h3 .n{width:21px;height:21px;font-size:10px}
  .form-grid{gap:0 10px}
  .result-hero{padding:15px 10px;border-radius:13px}
  .result-hero .big .ico3d{width:46px;height:46px}
  .result-hero h1{font-size:12.5px}
  .result-hero .code{font-size:11px;padding:7px 16px;margin-top:9px}
  .order-timeline{margin:12px 0 8px}
  .order-timeline::before{top:15px}
  .order-timeline .dot{width:30px;height:30px;font-size:12px}
  .order-timeline .dot .ico-g{width:13px;height:13px}
  .order-timeline p{font-size:9px}
  .order-timeline .node{min-width:66px}
  .auth-wrap{margin:6px auto 26px}
  .auth-card .head .logo{width:44px;height:44px;border-radius:13px}
  .auth-card .head .logo .ico3d{width:26px;height:26px}
  .auth-card h1{font-size:12px}
  .auth-card .head p{font-size:9px}
  .demo-creds{font-size:9px;padding:8px 11px;line-height:1.9}
  .auth-switch{font-size:9.5px}
  .stat-mini-grid{gap:4px;margin-bottom:9px}
  .stat-mini{padding:8px 7px;border-radius:10px}
  .stat-mini b{font-size:12.5px}
  .stat-mini span{font-size:9px}
  .stat-mini .ico3d{width:17px;height:17px}
  .account-menu{padding:8px}
  .account-menu a{font-size:10px;padding:8px 10px;gap:8px}
  .account-menu a .ico-g{width:15px;height:15px}
  .account-menu .avatar{width:32px;height:32px;border-radius:10px}
  .account-menu .who b{font-size:10.5px}
  .account-menu .who span{font-size:9px}
  .account-panel > h2{font-size:11.5px;margin-bottom:10px}
  .addr-card{padding:9px;margin-bottom:7px;border-radius:11px}
  .addr-card b{font-size:10px}
  .addr-card p{font-size:9px}
  .orders-list .order-mini{padding:8px;gap:7px;margin-bottom:6px;border-radius:11px}
  .orders-list .order-mini .code{font-size:10px}
  .orders-list .order-mini .date{font-size:9px}
  .orders-list .order-mini .amt{font-size:10px}
  .review-item{padding:9px;margin-bottom:7px;border-radius:11px}
  .review-item .who{font-size:10px}
  .review-item p{font-size:9.5px}
  .review-item .pc-list{font-size:9px;gap:12px}
  .rate-picker{font-size:13px}
  .tab-panels .panel{padding:9px;margin-top:6px}
  .spec-table{font-size:9.5px}
  .spec-table td{padding:7px 9px}
  .spec-table td:first-child{width:130px;font-size:9px}
  .gallery .thumbs{gap:5px;margin-top:6px}
  .gallery .thumbs button{width:48px;height:48px;border-radius:9px}
  .buybox h1{font-size:12.5px}
  .buybox .sub-row{font-size:9px;gap:9px;margin-bottom:9px}
  .trust-item{font-size:9px;padding:6px 7px;gap:4px;border-radius:8px}
  .trust-item .ico-g{width:11px;height:11px}
  .price-panel{padding:9px;border-radius:11px}
  .price-panel .row{font-size:10px}
  .price-panel .final-row .lbl{font-size:10px}
  .price-panel .final-row .val{font-size:13px}
  .stock-state{font-size:10px}
  .contact-info .c-item{padding:8px;margin-bottom:6px;gap:9px}
  .contact-info b{font-size:10px}
  .contact-info span{font-size:9px}
  .contact-info .ico3d.md{width:28px;height:28px}
  .faq-item .q{padding:8px 10px;font-size:10px;gap:8px}
  .faq-item .q .sign{font-size:13px}
  .faq-item .a{padding:0 10px 9px;font-size:9.5px}
  .about-feature{padding:9px;border-radius:11px}
  .about-feature b{font-size:10px}
  .about-feature p{font-size:9px}
  .gateway-wrap{margin:12px auto}
  .gateway-head{padding:9px 12px}
  .gateway-head b{font-size:11.5px}
  .gateway-body{padding:11px}
  .nf-hero{padding:22px 10px 30px}
  .nf-hero .code{font-size:46px}
  .nf-hero h1{font-size:12.5px}
  .mega{width:calc(100vw - 10px)}
  .popular-searches{font-size:9.5px;gap:6px;margin-top:8px}
  .popular-searches a{padding:7px 11px;font-size:9px}
  .popular-searches .ps-title{font-size:9.5px}

  /* ══ کارت محصول ══ */
  .grid-products{gap:4px}
  .pcard{padding:6px;border-radius:11px}
  .pcard .img-wrap{border-radius:8px;padding:6px}
  .pcard .img-wrap img{border-radius:6px}
  .pcard .flags{top:4px;right:4px;gap:2px}
  .pcard .flags .badge{font-size:9px;padding:1px 8px}
  .pcard .flags .discount-badge{font-size:9px;padding:1px 6px}
  .pcard .fav-btn{width:24px;height:24px;top:4px;left:4px;border-radius:8px}
  .pcard .fav-btn .ico-g{width:11px;height:11px}
  .pcard h3{font-size:10px;min-height:34px;margin:6px 0 5px;line-height:1.7}
  .pcard .meta{font-size:9px;gap:3px}
  .pcard .rating-row{font-size:9px;gap:3px}
  .pcard .badge.warn{font-size:9px;padding:1px 8px}
  .pcard .price-zone{padding-top:8px;min-height:42px}
  .pcard .price-zone .price-old{font-size:9px}
  .pcard .price-zone .price-final{font-size:11px}
  .pcard .price-zone .price-final .toman{font-size:9px}
  .pcard .add-btn{width:29px;height:27px;border-radius:8px}
  .pcard .add-btn .ico-g{width:13px;height:13px}
  .pcard .stock-out{font-size:9px}
}

@media(max-width:390px){
  .container{padding:0 7px}
  .cat-bub{width:54px}
  .cat-bub .cb-ic{width:40px;height:40px}
  .hscroll > *{min-width:130px;max-width:130px}
  .service{width:158px}
  .testimonial{width:216px}
  .blog-card{width:164px}
  .brand-card{width:88px}
  .banner p{display:none}
}

/* دکمه‌های شناور در اپ موبایل لازم نیستند (پشتیبانی در دراور هست) */
.fab-wrap{display:none}

/* ── پرفورمنس: بلور سبک‌تر برای موبایل (بدون لگ) ── */
body{--blur:blur(9px) saturate(150%);--blur-lg:blur(12px) saturate(155%)}
.header-sticky{-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%)}
.m-drawer{-webkit-backdrop-filter:blur(14px) saturate(155%);backdrop-filter:blur(14px) saturate(155%)}
.live-search .results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pcard,.neu,.neu-lg,.neu-sm{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}

/* آیکون سه‌بعدی موبایل */
.cat-bub .cb-ic{width:54px;height:54px}
.bn-ic img.cat3d{width:46px;height:46px}
.mega .cat3d.sm, .d-link .cat3d{width:22px;height:22px}
.logo3d{width:30px!important;height:30px!important}
.m-brand .logo3d{width:24px!important;height:24px!important}

@media(max-width:768px){
/* ── v9: بنر تمام‌صفحه واقعی در موبایل (هم‌تراز دسکتاپ) ── */
.hero-full,.hero-full .hero-slide,.hero-full .txt{
  min-height:calc(100svh - 39px);
}
.hero-full .txt{justify-content:flex-end;padding-bottom:86px;padding-top:70px}
.hero-full .kicker{font-size:10px;padding:6px 12px;margin-bottom:9px}
.hero-full .hero-slide h2{font-size:14px}
.hero-full .hero-slide p{font-size:10.5px}
.hero-cta{font-size:10.5px!important;padding:9px 16px!important}
.hero-cta-ghost{font-size:10.5px;padding:9px 14px}
/* فاصله‌های استاندارد حرفه‌ای (لغو فشرده ۲-۵px قدیم) */
body{--pg:12px}
.section-sm{margin-top:18px}
.pcard{padding:10px 10px 11px;border-radius:14px}
.pcard .img{border-radius:11px;margin-bottom:9px}
.service{padding:12px 11px;border-radius:14px;gap:9px}
.cat-bub{min-width:64px;gap:6px}
.cat-bub .cb-ic{width:56px;height:56px}
.tabs .tab,.chip,.btn{padding-left:12px;padding-right:12px}
.bn-item,.m-cats a,.m-links a{padding-top:10px;padding-bottom:10px}
.footer-links{gap:12px}

}

/* ریل موبایل: بدون اسکرول‌بار زشت */
.hscroll{scrollbar-width:none;-ms-overflow-style:none}
.hscroll::-webkit-scrollbar{display:none}
/* v10.2: موبایل محصول — ستون سوم زیر بقیه؛ hero تک‌CTA */
@media(max-width:1100px){
  .product-layout{grid-template-columns:1fr!important}
  .buybox-side{grid-column:auto;position:static}
}
.hero-cta-ghost{display:none}
.hero-full .txt{padding-bottom:16px}
.hero-dots{bottom:10px}
.cta-row{margin-bottom:40px}
.hero-dots{bottom:16px}
.search-go{display:flex}
.bn-ic{position:relative;display:inline-flex}
.bn-ic .cart-count{top:-4px;left:-8px}

/* بنر عریض موبایل */
.banner-wide .bw-body{padding:12px 14px;max-width:88%;gap:5px}
.banner-wide b{font-size:12.5px}
.banner-wide .cta{font-size:10px;padding:6px 11px}
.banner-wide.slim{min-height:88px}
.banner-wide.slim .bw-body{padding:10px 13px;gap:8px}
.banner-wide.slim b{font-size:11.5px}

@media(max-width:768px){
/* ═══ v13: ریپاسنو کامل صفحات غیرخانه (موبایل) — گرید ۴/۸ ═══ */
/* صفحه اصلی: همان ۳px کاربر — بقیه: ۱۲px استاندارد دیجی‌کالایی */
body:not(.pg-home) .container{padding-left:12px!important;padding-right:12px!important}
body:not(.pg-home) .section,body:not(.pg-home) .section-sm{margin-top:20px}
body:not(.pg-home) .section-head{margin-bottom:12px}
/* کارت محصول: ۸/۱۲ */
body:not(.pg-home) .pcard{padding:8px 8px 12px;border-radius:14px}
body:not(.pg-home) .pcard .img{border-radius:10px;margin-bottom:8px}
body:not(.pg-home) .grid-products{gap:8px}
body:not(.pg-home) .hscroll{gap:8px}
/* فرم */
body:not(.pg-home) .input,body:not(.pg-home) .select,body:not(.pg-home) textarea{padding:10px 12px;font-size:11px}
body:not(.pg-home) .btn{border-radius:11px}
/* فروشگاه: فیلترها بالای گرید */
body:not(.pg-home) .shop-layout{display:block}
body:not(.pg-home) .filters{margin-bottom:12px;position:static}
/* محصول تک‌ستونه با تنفس */
body:not(.pg-home) .product-layout{gap:14px}
body:not(.pg-home) .buybox,body:not(.pg-home) .buybox-side{padding:14px}
body:not(.pg-home) .product-tabs{margin-top:20px}
/* کارت‌های واقعی سبد/تسویه/حساب */
body:not(.pg-home) .checkout-card,body:not(.pg-home) .account-panel,body:not(.pg-home) .cart-layout .neu,body:not(.pg-home) .order-info{padding:14px;border-radius:14px}
body:not(.pg-home) .cart-row{padding:12px 0}
body:not(.pg-home) .checkout-layout,body:not(.pg-home) .account-layout,body:not(.pg-home) .cart-layout{gap:14px}
/* لیست حساب: ردیف لمسی */
body:not(.pg-home) .account-menu a{min-height:46px}
/* بردرکامب */
body:not(.pg-home) .breadcrumb{padding-top:10px;margin-bottom:8px}
}
/* v13.1: تونل بالای نوار پایین، نه زیر آن */
body:not(.pg-home) .ck-progress{bottom:calc(var(--bnH,66px) + env(safe-area-inset-bottom))!important;z-index:970}
body:not(.pg-home) .fab-wrap,body:not(.pg-home) .fab{bottom:calc(var(--bnH,66px) + 74px)!important}

/* ═══ v14: پالایش موبایل ═══ */
.pcard:active{transform:scale(.98)}
.btn:active{transform:scale(.96)}
/* نوار پایین: سایه ملایم‌تر و ارتفاع امن */
.bottom-nav{box-shadow:0 -4px 16px rgba(22,48,95,.08)}
/* تایتل سکشن‌ها: فشرده‌تر */
.section-head{gap:8px}
/* بنرهای میانی: کمی کوتاه‌تر برای موبایل جمع‌وجور */
.banner-wide.slim{min-height:84px}

/* ═══ v16: هدر موبایل دو بخشی — ردیف۱: لوگو+حساب+سبد | ردیف۲: جستجوی تمام‌عرض ═══ */
.header-sticky .container{padding:0 10px}
.h-row1{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:8px 0 6px}
.h-row1 .live-search{display:none}
.h-row2-search{display:flex;flex:1}
.brand{gap:7px}
.brand .logo3d{width:32px!important;height:32px!important}
.brand .name{font-size:11px}
.h-row1 .icon-btn,.h-row1 .login-chip{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}
.h-row1 .login-chip{width:auto;padding:0 10px;font-size:10px}
.cart-btn .lbl{display:none}
.cart-btn{width:34px;height:34px;padding:0;justify-content:center}
/* ردیف جستجو */
.h-row1 + .h-row-search{display:flex;padding:0 0 8px}
.h-row-search .live-search{display:flex;flex:1;margin:0}
.h-row-search .box{width:100%;border-radius:11px;padding:0 11px;gap:7px}
.h-row-search input{font-size:10.5px;padding:8px 0}
.search-go{display:inline-flex}
/* ردیف ناوبری حذف در موبایل (درواکس هست) */
.main-nav{display:none}
/* v16.1: جستجوی ردیف دوم روی محتوا */
.h-row-search{position:relative;z-index:80}
.h-row-search .results{z-index:95}
.h-row-search .box{height:36px}
.h-row-search input{width:100%;border:0;outline:none;background:transparent;text-align:right}
/* بنر اول خیلی بالای صفحه: فاصله کم بعد از هدر */
.hero-full{margin-top:6px}
/* v16.2: موبایل */
.h-row-search input{direction:rtl;text-align:right}
.h-row1 .h-actions{margin-inline-start:auto}
.brand .tagline{display:none}