/* =========================================================
   ISRAFIL GRAPHICS — STEP 1 FINAL MOBILE EXPERIENCE
   Scope: <= 900px only. Desktop remains untouched.
   Goal: premium, compact, readable, consistent mobile UI.
========================================================= */

@media (max-width:900px){
  :root{
    --m-bg:#f4f8fb;
    --m-card:#ffffff;
    --m-ink:#082b4b;
    --m-muted:#6b7f91;
    --m-line:#dce8ef;
    --m-teal:#079f7a;
    --m-navy:#062b50;
    --m-yellow:#ffca18;
    --m-shadow:0 10px 28px rgba(5,35,65,.08);
    --m-shadow-strong:0 16px 36px rgba(5,35,65,.12);
  }

  html,body{overflow-x:hidden!important}
  body{background:var(--m-bg)!important;padding-top:104px!important}
  .container{width:calc(100% - 24px)!important;max-width:100%!important}

  /* Header */
  .top-marquee{height:28px!important;font-size:9.5px!important;line-height:28px!important}
  .top-marquee .marquee-track{gap:28px!important;animation:marquee 22s linear infinite!important}
  .contact-bar{display:none!important}
  .site-header{top:28px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 8px 24px rgba(6,43,80,.09)!important;backdrop-filter:blur(14px)!important}
  .site-header .header-inner{height:76px!important;min-height:76px!important;padding:8px 0!important;gap:9px!important;align-items:center!important}
  .site-header .brand{min-width:0!important;max-width:none!important;flex:1 1 auto!important;padding:0!important}
  .site-header .brand-mark{font-size:40px!important;line-height:.84!important;letter-spacing:-4px!important;border-right-width:4px!important;padding-right:8px!important}
  .site-header .brand-copy{padding-left:8px!important}
  .site-header .brand-copy strong{font-size:18px!important;letter-spacing:-.4px!important;line-height:1!important}
  .site-header .brand-copy b{font-size:12px!important;letter-spacing:3px!important;margin-top:4px!important;line-height:1!important}
  .site-header .brand-copy small{display:none!important}
  .site-header .header-main{display:flex!important;flex:0 0 auto!important}
  .site-header .search-box,.site-header .desktop-nav,.site-header .whatsapp-btn{display:none!important}
  .site-header .cart-btn{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border:1px solid var(--m-line)!important;border-radius:11px!important;background:#f8fbfd!important;font-size:16px!important}
  .site-header #cartCount{right:-5px!important;top:-6px!important}
  .mobile-menu-btn{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border-radius:12px!important;font-size:21px!important;box-shadow:0 8px 18px rgba(6,43,80,.16)!important}
  .mobile-menu{position:fixed!important;top:104px!important;left:12px!important;right:12px!important;padding:10px!important;border:1px solid var(--m-line)!important;border-radius:0 0 18px 18px!important;background:rgba(255,255,255,.99)!important;box-shadow:0 18px 42px rgba(4,31,55,.18)!important;max-height:calc(100vh - 118px)!important;overflow:auto!important;z-index:2997!important}
  .mobile-menu.open{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .mobile-menu a{padding:10px 8px!important;border:1px solid #e6eef3!important;border-radius:10px!important;background:#f7fafc!important;color:var(--m-ink)!important;font-size:11.5px!important;font-weight:800!important;text-align:center!important}

  /* Hero */
  .hero{border-radius:0 0 24px 24px!important;overflow:hidden!important}
  .hero-grid{display:block!important;min-height:0!important;padding-bottom:16px!important}
  .hero-copy{padding:30px 0 16px!important}
  .eyebrow{display:inline-flex!important;align-items:center!important;padding:6px 10px!important;border:1px solid rgba(109,255,217,.22)!important;border-radius:999px!important;background:rgba(4,31,59,.22)!important;font-size:9px!important;letter-spacing:1.3px!important;margin-bottom:12px!important}
  .hero h1{font-size:clamp(34px,9.4vw,45px)!important;line-height:1.06!important;letter-spacing:-1px!important;margin-bottom:15px!important}
  .hero p{font-size:13px!important;line-height:1.68!important;color:#e0ecf5!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin:20px 0 0!important}
  .hero-actions .btn{width:100%!important;min-height:43px!important;padding:0 9px!important;border-radius:12px!important;font-size:11px!important}
  .hero-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;margin-top:23px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.14)!important}
  .hero-stats div{padding:0 9px!important;border-right:1px solid rgba(255,255,255,.18)!important;min-width:0!important}
  .hero-stats div:first-child{padding-left:0!important}.hero-stats div:last-child{padding-right:0!important;border-right:0!important}
  .hero-stats strong{font-size:18px!important}.hero-stats span{font-size:7.5px!important;line-height:1.35!important;margin-top:4px!important}
  .hero-visual{min-height:260px!important;padding:25px 0 20px!important;overflow:visible!important;background:radial-gradient(circle at 50% 48%,rgba(0,226,182,.14),transparent 58%)!important}
  .hero-image-main{width:90%!important;margin:4px auto 10px!important}
  .screen-art{height:auto!important;aspect-ratio:16/9!important;border-width:7px!important;border-radius:13px 13px 7px 7px!important;box-shadow:0 18px 32px rgba(0,0,0,.30)!important}
  .screen-toolbar{height:22px!important;padding:0 7px!important;font-size:6.5px!important}.screen-content.israfil-screen-slider{top:22px!important}
  .laptop-base{height:17px!important;border-radius:0 0 13px 13px!important}
  .floating-tag{font-size:7.5px!important;padding:6px 7px!important;border-radius:9px!important;line-height:1.2!important;box-shadow:0 9px 20px rgba(0,0,0,.20)!important}
  .floating-tag b{font-size:9.5px!important}.tag-design{left:1%!important;top:4%!important}.tag-video{right:0!important;top:16%!important}.tag-print{right:2%!important;bottom:8%!important}.hero-printer{left:1%!important;bottom:7%!important;font-size:31px!important}

  /* Benefits */
  .benefits{margin-top:0!important;padding:14px 0 4px!important;background:var(--m-bg)!important;border:0!important}
  .benefit-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  .benefit{min-height:76px!important;padding:10px!important;gap:8px!important;border:1px solid #e1eaf0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 7px 20px rgba(4,31,55,.05)!important;transform:none!important}
  .benefit:last-child{grid-column:1/-1!important}
  .benefit>span{width:35px!important;height:35px!important;flex:0 0 35px!important;font-size:14px!important}.benefit b{font-size:11px!important;line-height:1.28!important}.benefit small{font-size:8px!important;line-height:1.35!important;margin-top:2px!important}.benefit.active,.benefit:hover{transform:none!important}

  /* Section rhythm */
  .section{padding:38px 0!important}
  .section-heading,.store-heading{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:11px!important;margin-bottom:18px!important}
  .section-kicker{display:inline-flex!important;align-items:center!important;padding:6px 10px!important;border-radius:999px!important;background:#e8f7f2!important;color:#078168!important;font-size:9.5px!important;letter-spacing:.5px!important}
  .section h2,.store-heading h2{font-size:25px!important;line-height:1.17!important;letter-spacing:-.35px!important;margin:6px 0!important;color:var(--m-ink)!important}
  .section p,.store-heading p{font-size:11.5px!important;line-height:1.62!important;color:var(--m-muted)!important}
  .store-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}
  .see-all{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 8px!important;border-radius:12px!important;font-size:9px!important;text-align:center!important;white-space:normal!important}

  /* Categories: always moving marquee on mobile */
  .category-marquee-shell{overflow:hidden!important;overflow-x:hidden!important;margin:0 -12px!important;padding:5px 12px 16px!important;mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent)!important;touch-action:pan-y!important}
  .premium-category-grid,.premium-category-grid:hover,.premium-category-grid:active,.category-marquee-shell:hover .premium-category-grid,.category-marquee-shell:active .premium-category-grid{display:flex!important;width:max-content!important;gap:10px!important;animation:categoryMarquee 30s linear infinite!important;animation-play-state:running!important;will-change:transform!important}
  .premium-category-grid .category-card,.premium-category-grid .category-card[aria-hidden="true"]{display:flex!important;flex:0 0 210px!important;min-height:250px!important;border-radius:17px!important;box-shadow:var(--m-shadow)!important;overflow:hidden!important}
  .premium-category-grid .cat-thumb{height:122px!important;padding:12px!important}.cat-thumb-badge{top:10px!important;left:10px!important;padding:5px 8px!important;font-size:8px!important}.cat-thumb-title{font-size:13px!important}.premium-category-grid .cat-content{padding:13px!important}.premium-category-grid .cat-content h3{font-size:16px!important;line-height:1.24!important;margin-bottom:5px!important}.premium-category-grid .cat-content p{font-size:9.5px!important;line-height:1.45!important;min-height:28px!important;margin-bottom:8px!important}.premium-category-grid .cat-content b{font-size:9.5px!important;margin-top:6px!important}

  /* Design + video cards: premium 2-column */
  #designProductGrid.product-grid,#videoProductGrid.product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  #designProductGrid .product-card,#videoProductGrid .product-card{height:auto!important;min-width:0!important;grid-template-rows:112px auto!important;border-radius:16px!important;box-shadow:var(--m-shadow)!important;border:1px solid #dce8ef!important;overflow:hidden!important;background:#fff!important}
  #designProductGrid .product-thumb,#videoProductGrid .product-thumb{height:112px!important;min-height:112px!important;padding:0!important}.product-media{object-fit:cover!important}.play-overlay{width:42px!important;height:42px!important;border-width:2px!important;font-size:16px!important}.duration{right:7px!important;bottom:7px!important;font-size:7px!important;padding:3px 5px!important}
  #designProductGrid .product-info,#videoProductGrid .product-info{padding:9px!important;display:flex!important;flex-direction:column!important;min-height:190px!important;overflow:visible!important}
  #designProductGrid .product-info .category,#videoProductGrid .product-info .category{align-self:flex-start!important;font-size:7px!important;padding:4px 6px!important;margin-bottom:6px!important;border-radius:999px!important}
  #designProductGrid .product-info h3,#videoProductGrid .product-info h3{font-size:12.5px!important;line-height:1.25!important;min-height:32px!important;max-height:32px!important;margin:0 0 5px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:var(--m-ink)!important}
  #designProductGrid .product-info p,#videoProductGrid .product-info p{font-size:8.8px!important;line-height:1.42!important;min-height:26px!important;max-height:26px!important;margin:0 0 6px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:var(--m-muted)!important}
  #designProductGrid .product-bottom,#videoProductGrid .product-bottom{margin-top:auto!important;padding-top:7px!important;border-top:1px solid #edf2f5!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:100%!important;min-width:0!important}
  #designProductGrid .price,#videoProductGrid .price{font-size:15px!important;line-height:1.1!important}.showcase-label{font-size:7.5px!important;line-height:1.25!important;text-align:center!important;max-width:none!important}
  #designProductGrid .product-actions,#videoProductGrid .product-actions{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:100%!important;min-width:0!important;margin:0!important}
  #designProductGrid .preview-btn,#designProductGrid .buy-btn,#videoProductGrid .preview-btn,#videoProductGrid .buy-btn,#videoProductGrid .primary-link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;min-width:0!important;height:32px!important;padding:0 5px!important;margin:0!important;border-radius:9px!important;font-size:8.2px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important}

  /* Services */
  .service-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .service-panel{grid-template-columns:1fr!important;min-height:0!important;padding:17px!important;border-radius:18px!important;box-shadow:var(--m-shadow)!important}
  .service-panel h2{font-size:20px!important;line-height:1.22!important;margin:7px 0!important}.service-panel p{font-size:10.5px!important;line-height:1.55!important}.service-panel ul{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 8px!important;margin:11px 0 14px!important}.service-panel li{font-size:9.5px!important;line-height:1.35!important}.service-panel .btn{min-height:39px!important;padding:0 11px!important;border-radius:11px!important;font-size:10px!important}.service-art{display:none!important}
  .phase2-service-list{grid-template-columns:1fr 1fr!important;gap:8px!important}.phase2-service-list a{padding:10px!important;border-radius:12px!important;font-size:9px!important}

  /* Software */
  .software-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .software-card{padding:0!important;min-width:0!important;display:flex!important;flex-direction:column!important;border-radius:16px!important;overflow:hidden!important;box-shadow:var(--m-shadow)!important;border:1px solid #dce8ef!important}
  .software-thumb{height:105px!important;min-height:105px!important;padding:9px!important}.software-thumb-label{font-size:14px!important;line-height:1.15!important}.software-thumb-inner small{font-size:7px!important}.software-badge{font-size:7px!important;padding:4px 6px!important}
  .software-body{padding:9px!important;display:flex!important;flex-direction:column!important;flex:1!important}.software-meta-row{gap:4px!important}.software-meta,.software-status{font-size:7px!important;padding:4px 6px!important}.software-card h3{font-size:13px!important;line-height:1.25!important;min-height:33px!important;margin:6px 0 4px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.software-card p{font-size:8.5px!important;line-height:1.42!important;min-height:36px!important;max-height:36px!important;margin:0 0 7px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.software-info{margin-top:auto!important;gap:3px!important;padding-top:6px!important;border-top:1px solid #edf2f5!important}.software-info span{font-size:7.5px!important;line-height:1.3!important}.software-actions{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-top:8px!important}.software-actions .buy-btn,.software-actions .preview-btn{width:100%!important;min-width:0!important;height:31px!important;padding:0 4px!important;font-size:7.8px!important;border-radius:9px!important}

  /* Printing */
  .printing-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.printing-card{min-width:0!important;display:flex!important;flex-direction:column!important;border-radius:16px!important;overflow:hidden!important;box-shadow:var(--m-shadow)!important}.printing-thumb{height:105px!important;min-height:105px!important}.printing-badge{left:8px!important;top:8px!important;padding:4px 6px!important;font-size:7px!important}.printing-thumb-inner{padding:9px!important}.printing-thumb-title{font-size:15px!important;line-height:1.18!important}.printing-thumb-inner small{font-size:7px!important;margin-top:5px!important}.printing-body{padding:9px!important;gap:4px!important;display:flex!important;flex-direction:column!important;flex:1!important}.printing-meta{font-size:7px!important;padding:4px 6px!important}.printing-body h3{font-size:13px!important;line-height:1.25!important;min-height:33px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.printing-body p{font-size:8.5px!important;line-height:1.42!important;min-height:36px!important;max-height:36px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.printing-bottom{margin-top:auto!important;gap:6px!important;padding-top:7px!important}.printing-bottom .price{font-size:14px!important}.printing-actions{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.printing-actions .preview-btn,.printing-actions .buy-btn{width:100%!important;min-width:0!important;height:31px!important;padding:0 4px!important;font-size:7.8px!important;border-radius:9px!important}

  /* Latest / reviews */
  .latest-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.latest-item{border-radius:14px!important;box-shadow:var(--m-shadow)!important}.portfolio-grid .latest-thumb,.latest-thumb{min-height:96px!important;height:96px!important;font-size:13px!important}.latest-item span{font-size:8.5px!important;padding:7px!important}
  .reviews-grid{grid-template-columns:1fr!important;gap:9px!important}.review-card{padding:13px!important;border-radius:15px!important;box-shadow:var(--m-shadow)!important}.review-card .stars{font-size:11px!important;margin-bottom:6px!important}.review-card p{font-size:9.5px!important;line-height:1.5!important;margin-bottom:8px!important}.review-card b{font-size:10px!important}.review-card small{font-size:8px!important}

  /* Contact */
  .contact-section{background:linear-gradient(180deg,#f6fafc,#edf5f8)!important}.contact-grid{grid-template-columns:1fr!important;gap:11px!important;padding:13px!important;border-radius:18px!important;box-shadow:var(--m-shadow)!important}.contact-info-panel{padding:2px 2px 8px!important}.contact-profile-wrap{justify-content:center!important;margin-bottom:11px!important}.contact-profile-image{width:88px!important;height:88px!important;border-width:4px!important}.contact-copy{text-align:center!important;max-width:none!important}.contact-copy .section-kicker{margin:auto!important}.contact-grid h2{font-size:21px!important;margin:8px 0 6px!important}.contact-grid .contact-copy>p{font-size:10px!important}.contact-details{gap:4px!important;margin-top:10px!important}.contact-details p{font-size:10px!important}.contact-form{padding:12px!important;border-radius:14px!important;box-shadow:none!important;border:1px solid #e1eaf0!important}.contact-form input,.contact-form textarea,.contact-form select{padding:10px 11px!important;border-radius:10px!important;font-size:11px!important}.contact-form textarea{min-height:92px!important}.contact-form .btn{width:100%!important;min-height:39px!important;font-size:10px!important}

  /* Footer */
  .footer{padding-top:22px!important}.footer-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 12px!important;padding-bottom:14px!important}.footer-brand{grid-column:1/-1!important;padding-bottom:10px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.footer-logo{font-size:25px!important}.footer-logo span{font-size:14px!important}.footer-brand p{font-size:9.5px!important}.footer-brand small{font-size:8.5px!important}.footer h4{font-size:11px!important;margin-bottom:6px!important}.footer a,.footer p{font-size:9px!important;line-height:1.45!important;margin:4px 0!important}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){grid-column:1/-1!important}.footer-wa-btn{width:100%!important;min-height:38px!important;justify-content:center!important;margin-top:6px!important;font-size:10px!important}.footer-bottom{display:flex!important;flex-direction:column!important;gap:6px!important;text-align:center!important;padding:10px 0 13px!important;font-size:8px!important;line-height:1.5!important}

  /* Cart / modal */
  .cart-drawer{width:min(390px,94vw)!important}.modal{width:calc(100% - 24px)!important;max-height:90vh!important;overflow:auto!important;border-radius:16px!important}.modal-preview{height:190px!important}.modal-body{padding:15px!important}.modal-body h2{font-size:19px!important}.modal-body p{font-size:11px!important}.modal-buy{gap:10px!important}.modal-buy strong{font-size:19px!important}.modal-buy .btn{font-size:10px!important}
}

/* Slightly larger phones/tablets: let buttons sit side-by-side where there is room */
@media (min-width:480px) and (max-width:900px){
  #designProductGrid .product-actions,#videoProductGrid .product-actions,.software-actions,.printing-actions{grid-template-columns:1fr 1fr!important}
  #designProductGrid .product-card,#videoProductGrid .product-card{grid-template-rows:132px auto!important}
  #designProductGrid .product-thumb,#videoProductGrid .product-thumb{height:132px!important;min-height:132px!important}
  .software-thumb,.printing-thumb{height:125px!important;min-height:125px!important}
}

/* Very small phones: preserve two-column store while protecting readability */
@media (max-width:360px){
  .container{width:calc(100% - 18px)!important}
  .site-header .brand-mark{font-size:36px!important}.site-header .brand-copy strong{font-size:16px!important}.site-header .brand-copy b{font-size:10.5px!important;letter-spacing:2.4px!important}.site-header .cart-btn{display:none!important}.mobile-menu-btn{width:38px!important;height:38px!important}
  .hero h1{font-size:31px!important}.hero-actions{grid-template-columns:1fr!important}.hero-visual{min-height:235px!important}.floating-tag{padding:5px 6px!important}.hero-printer{font-size:27px!important}
  #designProductGrid.product-grid,#videoProductGrid.product-grid,.software-grid,.printing-grid{gap:7px!important}
  #designProductGrid .product-card,#videoProductGrid .product-card{grid-template-rows:100px auto!important}.product-thumb{min-height:100px!important}
  #designProductGrid .product-info,#videoProductGrid .product-info{padding:7px!important;min-height:183px!important}.software-body,.printing-body{padding:7px!important}
  #designProductGrid .product-info h3,#videoProductGrid .product-info h3,.software-card h3,.printing-body h3{font-size:11.5px!important}.software-card p,.printing-body p{font-size:7.8px!important}
  .premium-category-grid .category-card,.premium-category-grid .category-card[aria-hidden="true"]{flex-basis:195px!important}
}

@media (max-width:900px) and (prefers-reduced-motion:reduce){
  .premium-category-grid,.premium-category-grid:hover,.category-marquee-shell:hover .premium-category-grid,.category-marquee-shell:active .premium-category-grid{animation:categoryMarquee 30s linear infinite!important;animation-play-state:running!important}
}


/* =========================================================
   2026-10-19 FINAL MASTER MOBILE LOCK
   User-approved desktop is untouched. Mobile-only fixes below.
========================================================= */
@media (max-width:900px){
  /* 1) Category cards must keep moving on touch devices */
  .category-marquee-shell{overflow:hidden!important;touch-action:pan-y!important}
  .premium-category-grid{animation:categoryMarqueeMobileFinal 24s linear infinite!important;animation-play-state:running!important;transform:translateZ(0);backface-visibility:hidden}
  .premium-category-grid:hover,.premium-category-grid:active,.category-marquee-shell:hover .premium-category-grid,.category-marquee-shell:active .premium-category-grid{animation-play-state:running!important}
  @keyframes categoryMarqueeMobileFinal{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 5px),0,0)}}

  /* 2) Service panel contrast */
  .service-panel h2{color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.08)!important}
  .service-panel p{color:#e8f6f7!important;opacity:1!important}
  .service-panel li{color:#fff!important}
  .service-panel .section-kicker{color:#087d68!important;background:#f1fbf8!important}

  /* 3) Footer: larger type, shorter premium 2-column arrangement */
  .footer{padding-top:24px!important}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 18px!important;padding-bottom:18px!important}
  .footer-brand{grid-column:1/-1!important;padding-bottom:14px!important}
  .footer-logo{font-size:31px!important}.footer-logo span{font-size:18px!important}
  .footer-brand p{font-size:12px!important}.footer-brand small{font-size:11.5px!important;line-height:1.55!important;display:block!important;max-width:560px!important}
  .footer h4{font-size:15px!important;margin-bottom:9px!important}
  .footer a,.footer p{font-size:12px!important;line-height:1.5!important;margin:6px 0!important}
  .footer-grid>div:nth-child(2),.footer-grid>div:nth-child(3){grid-column:auto!important}
  .footer-grid>div:nth-child(4){grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px 12px!important;padding-top:3px!important}
  .footer-grid>div:nth-child(4) h4{grid-column:1/-1!important}
  .footer-grid>div:nth-child(5){grid-column:1/-1!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.09)!important}
  .footer-wa-btn{min-height:48px!important;font-size:14px!important;border-radius:14px!important}
  .footer-bottom{font-size:10px!important;line-height:1.55!important;padding:14px 0 18px!important}

  /* Catalog: exactly 3 rows on mobile = 6 items */
  .catalog-page .category-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .catalog-page .product-card{min-width:0!important;border-radius:16px!important;overflow:hidden!important}
  .catalog-page .product-thumb{min-height:120px!important;height:120px!important}
  .catalog-page .product-info{padding:10px!important}
  .catalog-page .product-info h3{font-size:13px!important;line-height:1.3!important}
  .catalog-page .product-info p{font-size:9.5px!important;line-height:1.45!important}
  .catalog-categories{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:4px 1px 12px!important;scrollbar-width:none!important}
  .catalog-categories::-webkit-scrollbar{display:none!important}
  .catalog-categories a{flex:0 0 auto!important;padding:9px 12px!important;border:1px solid #cfe2e8!important;border-radius:999px!important;background:#fff!important;color:#07345e!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important}
  .catalog-categories a.active{background:#00a986!important;color:#fff!important;border-color:#00a986!important}
  .catalog-pagination{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:8px!important}
  .catalog-pagination a{width:100%!important;min-height:42px!important;height:auto!important;font-size:11px!important;line-height:1.2!important;padding:8px 10px!important;text-align:center!important}
  .catalog-pagination .page-status{min-width:auto!important;height:auto!important;border:0!important;background:transparent!important;color:#6f8594!important;font-size:10px!important;padding:0 4px!important}
  .catalog-pagination .page-next{grid-column:3}.catalog-pagination .page-prev{grid-column:1}
}

@media (min-width:901px){
  .catalog-page .category-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .catalog-categories{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0 18px}
  .catalog-categories a{padding:9px 14px;border:1px solid #cfe2e8;border-radius:999px;background:#fff;color:#07345e;font-weight:800;text-decoration:none;font-size:12px}
  .catalog-categories a.active{background:#00a986;color:#fff;border-color:#00a986}
  .catalog-pagination .page-prev,.catalog-pagination .page-next{min-width:160px;padding:0 16px}
  .catalog-pagination .page-status{min-width:auto;border:0;background:transparent;color:#6f8594}
}