/* Desktop safety: mobile app UI must never affect laptop/desktop view. */
.gs-mobile-app-topbar,.gs-mobile-bottom-nav{display:none!important;}
.gs-mobile-bottom-nav svg{display:block;}

/* GoldSparrow mobile app-like experience. Desktop is untouched. */
@media (max-width: 767px){
  :root{--gs-app-gold:#d4a017;--gs-app-gold2:#f4c65a;--gs-app-dark:#101010;--gs-app-bg:#fffaf0;--gs-app-border:rgba(212,160,23,.24)}
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;scroll-behavior:smooth!important;background:var(--gs-app-bg)!important}
  body{padding-top:70px!important;padding-bottom:94px!important;-webkit-tap-highlight-color:transparent!important}
  *,*:before,*:after{box-sizing:border-box!important;max-width:100%}
  img,video,iframe,canvas,svg{max-width:100%!important;height:auto}
  .site-header.gs-public-header,.gs-site-header{display:none!important}
  .gs-mobile-app-topbar{display:flex!important;position:fixed;top:0;left:0;right:0;height:64px;z-index:1000001;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--gs-app-border);box-shadow:0 10px 28px rgba(0,0,0,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .gs-mobile-app-brand{display:flex;align-items:center;gap:9px;min-width:0;text-decoration:none;color:#111!important}
  .gs-mobile-app-brand img.gs-mobile-wordmark{width:min(72vw,290px)!important;height:52px!important;object-fit:contain!important;flex:0 1 auto!important}
  .gs-mobile-app-title{display:flex;flex-direction:column;line-height:1.02;min-width:0}.gs-mobile-app-title strong{font-family:Georgia,'Times New Roman',serif;font-size:18px;font-weight:800;white-space:nowrap;color:#111}.gs-mobile-app-title span{font-size:11px;font-weight:800;color:#9b7100;letter-spacing:.25px;text-transform:uppercase}.gs-mobile-app-cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 11px;border-radius:999px;background:linear-gradient(135deg,#111,#3a2a05);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:900;box-shadow:0 10px 22px rgba(212,160,23,.20)}
  .gs-mobile-bottom-nav{display:grid!important;position:fixed;left:10px;right:10px;bottom:10px;z-index:1000002;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));border:1px solid rgba(212,160,23,.28);border-radius:24px;background:rgba(17,17,17,.94);box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  .gs-mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:52px;border-radius:18px;text-decoration:none!important;color:rgba(255,255,255,.70)!important;font-size:10px;font-weight:800;line-height:1.05;letter-spacing:.05px;transition:transform .22s ease,background .22s ease,color .22s ease}.gs-mobile-bottom-nav a svg{width:20px!important;height:20px!important;display:block;stroke:currentColor;fill:none}.gs-mobile-bottom-nav a img{width:22px!important;height:22px!important;object-fit:contain!important;filter:grayscale(1) contrast(1.2)!important;mix-blend-mode:screen!important}.gs-mobile-bottom-nav a.active,.gs-mobile-bottom-nav a:active{color:#111!important;background:linear-gradient(135deg,#f8d770,#d4a017);box-shadow:0 8px 18px rgba(212,160,23,.30);transform:translateY(-2px)}
  section,.section,.container,.footer-shell,.hero,.gsi-hero,.gsaf-section,.what-we-offer,.testimonials,.resources,.contact-section{width:100%!important;max-width:100%!important;overflow:hidden!important}.container{padding-left:16px!important;padding-right:16px!important}.hero,.gsi-hero,#home{min-height:auto!important;padding-top:26px!important;padding-bottom:36px!important}.hero-content,.gsi-hero-content,.gsaf-grid,.footer-grid,.contact-grid,.about-grid,.offer-grid,.services-grid,.blog-grid,.testimonial-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}.hero h1,.gsi-hero h1,.section-title,h2{font-size:clamp(26px,8vw,38px)!important;line-height:1.08!important;text-align:center!important}.hero p,.gsi-hero p,.section-intro,.gsaf-main-copy{font-size:15px!important;line-height:1.58!important;text-align:center!important}.hero-actions,.gsi-hero-actions,.cta-actions,.gsi-hero-buttons{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.hero-actions a,.gsi-hero-actions a,.cta-actions a,.gsi-bid-now-btn,button,.btn{width:100%!important;min-height:48px!important;border-radius:16px!important;justify-content:center!important;text-align:center!important}.card,.service-card,.offer-card,.blog-card,.testimonial-card,.resource-card,.gsaf-card{border-radius:22px!important;box-shadow:0 12px 34px rgba(0,0,0,.08)!important}.site-footer{padding-bottom:112px!important}.footer-grid{gap:22px!important;text-align:center!important}.footer-list,.social-links{justify-content:center!important}.whatsapp-btn,.gs-call-btn{bottom:96px!important;transform:scale(.86)!important}.whatsapp-btn{right:12px!important}.gs-call-btn{left:12px!important;right:auto!important}.gs-chat-widget,.gs-bot-launcher,.sparrow-ai,.chatbot,.bot-launcher{display:none!important}
  input,select,textarea{font-size:16px!important;width:100%!important}.dropdown-menu,.gs-dropdown-menu{max-width:calc(100vw - 24px)!important}.slick-slider,.swiper,.slider,.carousel,[class*="slider"],[class*="carousel"]{max-width:100vw!important;overflow:hidden!important}
}


@media (min-width: 768px){
  html,body{overflow-x:initial;}
  .gs-mobile-app-topbar,.gs-mobile-bottom-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important;}
}

@media (max-width: 767px){
  .gs-mobile-app-brand{width:100%!important;justify-content:center!important;text-align:center!important;}
  .gs-mobile-wordmark{display:none!important;}
  .gs-mobile-app-brand:before{content:"GoldSparrow.in";display:block;margin:0 auto;font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-weight:900!important;font-size:32px!important;letter-spacing:-1.4px!important;color:#000!important;line-height:1!important;}
  .gs-mobile-app-cta{display:none!important;}
  .gs-mobile-bottom-nav{background:rgba(255,255,255,.97)!important;border-color:rgba(12,12,12,.12)!important;}
  .gs-mobile-bottom-nav a{color:#111!important;}
  .gs-mobile-bottom-nav a span{color:#111!important;}
  .gs-mobile-bottom-nav a img{filter:grayscale(1) contrast(1.35)!important;mix-blend-mode:multiply!important;}
  .gs-mobile-bottom-nav a[data-app-nav="rates"] img{width:30px!important;height:30px!important;}
  .gs-mobile-bottom-nav a.active,.gs-mobile-bottom-nav a:active{background:#f6a313!important;color:#fff!important;}
  .gs-mobile-bottom-nav a.active span,.gs-mobile-bottom-nav a:active span{color:#fff!important;}
  .gs-mobile-bottom-nav a.active img,.gs-mobile-bottom-nav a:active img{filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important;}
}

/* Final phone-only header centering + new orange icon set */
@media (max-width: 767px){
  .gs-mobile-app-topbar{
    justify-content:center!important;
    text-align:center!important;
  }
  .gs-mobile-app-brand{
    width:100%!important;
    max-width:100%!important;
    justify-content:center!important;
    text-align:center!important;
    margin:0 auto!important;
  }
  .gs-mobile-app-brand:before{
    width:100%!important;
    text-align:center!important;
    margin:0 auto!important;
    display:block!important;
  }
  .gs-mobile-bottom-nav a img{
    width:24px!important;
    height:24px!important;
    object-fit:contain!important;
    filter:none!important;
    mix-blend-mode:normal!important;
  }
  .gs-mobile-bottom-nav a span{color:#111!important;}
  .gs-mobile-bottom-nav a[data-app-nav="rates"] img{width:32px!important;height:32px!important;}
  .gs-mobile-bottom-nav a.active img,
  .gs-mobile-bottom-nav a:active img{
    filter:brightness(0) invert(1)!important;
    mix-blend-mode:normal!important;
  }
  .gs-mobile-choice .gs-choice-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    object-fit:contain!important;
    filter:none!important;
    mix-blend-mode:normal!important;
  }
}


/* =========================================================
   FINAL PHONE-ONLY FIXES - CENTER HEADER + CLEAN ICON STATES
   Desktop is protected and untouched.
   ========================================================= */
@media (min-width: 768px){
  .gs-mobile-app-topbar,
  .gs-mobile-bottom-nav,
  .gs-mobile-app-nav,
  .gs-mobile-nav-overlay,
  .gs-mobile-popover,
  .gs-account-drawer{
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important;
  }
  .gs-mobile-app-brand:before,
  header.site-header.gs-public-header .header-logo:before{content:none!important;display:none!important;}
}

@media (max-width: 767px){
  .gs-mobile-app-topbar{
    display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0 12px!important;
  }
  .gs-mobile-app-brand{
    width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  }
  .gs-mobile-app-brand:before{
    content:"GoldSparrow.in"!important;display:block!important;width:100%!important;margin:0 auto!important;text-align:center!important;font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-weight:900!important;font-size:32px!important;letter-spacing:-1.35px!important;line-height:1!important;color:#000!important;
  }
  .gs-mobile-wordmark,.gs-mobile-app-brand img{display:none!important;}
  .gs-mobile-bottom-nav,
  .gs-mobile-app-nav.gs-mobile-app-v2,
  nav.gs-mobile-app-nav{
    background:rgba(255,255,255,.985)!important;border:1px solid rgba(242,138,0,.22)!important;box-shadow:0 16px 42px rgba(27,16,0,.18),0 2px 12px rgba(242,138,0,.08)!important;
  }
  .gs-mobile-bottom-nav a,
  .gs-mobile-app-nav .gs-mobile-app-link{
    color:#161616!important;background:transparent!important;border:1px solid transparent!important;
  }
  .gs-mobile-bottom-nav a span,
  .gs-mobile-app-nav .gs-mobile-app-link span{color:#161616!important;}
  .gs-mobile-bottom-nav a img,
  .gs-mobile-app-nav .gs-mobile-app-link .gs-nav-icon{
    width:25px!important;height:25px!important;min-width:25px!important;max-width:25px!important;object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;
  }
  .gs-mobile-bottom-nav a[data-app-nav="rates"] img,
  .gs-mobile-app-nav .gs-mobile-app-link[data-gs-nav="rates"] .gs-nav-icon{
    width:29px!important;height:29px!important;min-width:29px!important;max-width:29px!important;flex-basis:29px!important;
  }
  .gs-mobile-bottom-nav a:hover,
  .gs-mobile-bottom-nav a.active,
  .gs-mobile-bottom-nav a:active,
  .gs-mobile-app-nav .gs-mobile-app-link:hover,
  .gs-mobile-app-nav .gs-mobile-app-link.active,
  .gs-mobile-app-nav .gs-mobile-app-link:active{
    background:#111111!important;color:#fff!important;border-color:rgba(242,138,0,.55)!important;box-shadow:0 10px 22px rgba(17,17,17,.24)!important;transform:translateY(-2px)!important;
  }
  .gs-mobile-bottom-nav a:hover span,
  .gs-mobile-bottom-nav a.active span,
  .gs-mobile-bottom-nav a:active span,
  .gs-mobile-app-nav .gs-mobile-app-link:hover span,
  .gs-mobile-app-nav .gs-mobile-app-link.active span,
  .gs-mobile-app-nav .gs-mobile-app-link:active span{color:#fff!important;}
  .gs-mobile-bottom-nav a:hover img,
  .gs-mobile-bottom-nav a.active img,
  .gs-mobile-bottom-nav a:active img,
  .gs-mobile-app-nav .gs-mobile-app-link:hover .gs-nav-icon,
  .gs-mobile-app-nav .gs-mobile-app-link.active .gs-nav-icon,
  .gs-mobile-app-nav .gs-mobile-app-link:active .gs-nav-icon{
    filter:none!important;mix-blend-mode:normal!important;opacity:1!important;
  }
  .gs-mobile-choice .gs-choice-icon{width:40px!important;height:40px!important;min-width:40px!important;object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important;}
}

/* =========================================================
   GOLDSparrow FINAL MOBILE FIX: centered wordmark + gold hover
   Added 2026-07-04. Phone only. Desktop remains untouched.
   ========================================================= */
@media (min-width: 768px){
  .gs-mobile-app-topbar,
  .gs-mobile-bottom-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
  .gs-mobile-app-brand:before{content:none!important;display:none!important;}
}
@media (max-width: 767px){
  .gs-mobile-app-topbar{
    display:flex!important;
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    width:100vw!important;height:64px!important;
    align-items:center!important;justify-content:center!important;
    padding:0!important;text-align:center!important;
  }
  .gs-mobile-app-brand{
    position:absolute!important;
    left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;max-width:none!important;
    margin:0!important;padding:0!important;
    display:block!important;text-align:center!important;
  }
  .gs-mobile-wordmark,.gs-mobile-app-brand img,.gs-mobile-app-cta{display:none!important;visibility:hidden!important;opacity:0!important;}
  .gs-mobile-app-brand:before{
    content:"GoldSparrow.in"!important;
    display:block!important;
    width:max-content!important;max-width:92vw!important;
    margin:0!important;text-align:center!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-style:italic!important;font-weight:900!important;
    font-size:31px!important;letter-spacing:-1.35px!important;
    line-height:1!important;color:#000!important;white-space:nowrap!important;
  }

  .gs-mobile-bottom-nav{
    background:rgba(255,255,255,.985)!important;
    border:1px solid rgba(242,138,0,.24)!important;
    box-shadow:0 16px 42px rgba(27,16,0,.18),0 2px 12px rgba(242,138,0,.08)!important;
  }
  .gs-mobile-bottom-nav a{
    background:transparent!important;
    border:1px solid transparent!important;
    color:#141414!important;
  }
  .gs-mobile-bottom-nav a span{color:#141414!important;font-weight:900!important;}
  .gs-mobile-bottom-nav a img{
    width:25px!important;height:25px!important;min-width:25px!important;max-width:25px!important;
    object-fit:contain!important;object-position:center!important;
    filter:none!important;mix-blend-mode:normal!important;opacity:1!important;
  }
  .gs-mobile-bottom-nav a[data-app-nav="rates"] img{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;}
  .gs-mobile-bottom-nav a:hover,
  .gs-mobile-bottom-nav a.active,
  .gs-mobile-bottom-nav a:active{
    background:linear-gradient(135deg,#fff8e8,#ffe0a3)!important;
    color:#111!important;
    border-color:rgba(242,138,0,.62)!important;
    box-shadow:0 10px 24px rgba(242,138,0,.22)!important;
    transform:translateY(-2px)!important;
  }
  .gs-mobile-bottom-nav a:hover span,
  .gs-mobile-bottom-nav a.active span,
  .gs-mobile-bottom-nav a:active span{color:#111!important;}
  .gs-mobile-bottom-nav a:hover img,
  .gs-mobile-bottom-nav a.active img,
  .gs-mobile-bottom-nav a:active img{filter:none!important;mix-blend-mode:normal!important;opacity:1!important;}
}


/* gs-final-fix-20260704-mobile-header-icons-css */
/* Phone-only final fix: show centered GoldSparrow.in header and correct dropdown icons. Desktop untouched. */
@media only screen and (min-width:768px){
  .gs-mobile-wordmark-text{display:none!important;}
}
@media only screen and (max-width:767px){
  /* Restore and center the mobile header text inside the existing header area */
  header.site-header.gs-public-header,
  header.site-header.gs-public-header.scrolled{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:76px!important;
    min-height:76px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    background:#fff!important;
    border-bottom:1px solid rgba(242,138,0,.30)!important;
    z-index:999997!important;
  }
  header.site-header.gs-public-header .header-inner,
  header.site-header.gs-public-header.scrolled .header-inner{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    text-align:center!important;
  }
  header.site-header.gs-public-header .header-logo,
  header.site-header.gs-public-header.scrolled .header-logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    text-align:center!important;
  }
  header.site-header.gs-public-header .header-logo img,
  header.site-header.gs-public-header.scrolled .header-logo img,
  header.site-header.gs-public-header .logo-text,
  header.site-header.gs-public-header.scrolled .logo-text,
  header.site-header.gs-public-header nav,
  header.site-header.gs-public-header .nav-links,
  header.site-header.gs-public-header .header-actions,
  header.site-header.gs-public-header .menu-toggle{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
  }
  header.site-header.gs-public-header .header-logo:before,
  header.site-header.gs-public-header.scrolled .header-logo:before{
    content:"GoldSparrow.in"!important;
    display:block!important;
    width:max-content!important;
    max-width:92vw!important;
    margin:0 auto!important;
    text-align:center!important;
    color:#000!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-style:italic!important;
    font-weight:900!important;
    font-size:31px!important;
    letter-spacing:-1.35px!important;
    line-height:1!important;
    white-space:nowrap!important;
    background:transparent!important;
  }

  /* If the separate mobile topbar is present on any page, center its text too */
  .gs-mobile-app-topbar{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:#fff!important;}
  .gs-mobile-app-brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-42%)!important;width:auto!important;max-width:none!important;text-align:center!important;}
  .gs-mobile-app-brand img,.gs-mobile-wordmark,.gs-mobile-app-cta{display:none!important;visibility:hidden!important;opacity:0!important;}
  .gs-mobile-app-brand:before,.gs-mobile-wordmark-text{
    content:"GoldSparrow.in"!important;
    display:block!important;
    width:max-content!important;
    max-width:92vw!important;
    margin:0 auto!important;
    text-align:center!important;
    color:#000!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-style:italic!important;
    font-weight:900!important;
    font-size:31px!important;
    letter-spacing:-1.35px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Theme matching active state - no black hover */
  .gs-mobile-bottom-nav a:hover,
  .gs-mobile-bottom-nav a.active,
  .gs-mobile-bottom-nav a:active,
  .gs-mobile-app-nav .gs-mobile-app-link:hover,
  .gs-mobile-app-nav .gs-mobile-app-link.active,
  .gs-mobile-app-nav .gs-mobile-app-link:active{
    background:linear-gradient(135deg,#fff4d6,#f6a313)!important;
    color:#111!important;
    border-color:rgba(242,138,0,.70)!important;
    box-shadow:0 10px 24px rgba(242,138,0,.24)!important;
    transform:translateY(-2px)!important;
  }
  .gs-mobile-bottom-nav a:hover span,
  .gs-mobile-bottom-nav a.active span,
  .gs-mobile-bottom-nav a:active span,
  .gs-mobile-app-nav .gs-mobile-app-link:hover span,
  .gs-mobile-app-nav .gs-mobile-app-link.active span,
  .gs-mobile-app-nav .gs-mobile-app-link:active span{color:#111!important;}
  .gs-mobile-choice .gs-choice-icon{width:42px!important;height:42px!important;min-width:42px!important;object-fit:contain!important;object-position:center!important;filter:none!important;mix-blend-mode:normal!important;}
}


/* Final requested tweak: move mobile GoldSparrow.in slightly down and update Gold Rate icon spacing. Desktop untouched. */
@media only screen and (max-width:767px){
  header.site-header.gs-public-header .header-logo,
  header.site-header.gs-public-header.scrolled .header-logo{
    top:calc(50% + 8px)!important;
    transform:translate(-50%,-50%)!important;
  }
  .gs-mobile-app-brand{
    top:calc(50% + 8px)!important;
    transform:translate(-50%,-50%)!important;
  }
  .gs-mobile-bottom-nav a[data-app-nav="rates"] img{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:none!important;
    mix-blend-mode:normal!important;
    opacity:1!important;
  }
  .gs-mobile-choice img[src*="mobile-choice-rate-final"]{
    width:42px!important;
    height:42px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}
/* =========================================================
   FINAL MOBILE RESPONSIVE + PROFESSIONAL NAV ACTIVE STATE
   Request: make phone site responsive and replace heavy hover with premium gold style.
   Desktop/laptop remains untouched.
   ========================================================= */
@media only screen and (max-width: 767px){
  html, body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body{
    position:relative!important;
  }

  body > *,
  main,
  .main,
  .page,
  .page-wrapper,
  .site-wrapper,
  .content,
  .section-padding,
  section,
  .container,
  .gsi-premium-hero,
  .gs-portal-access-section,
  .gs-about-final2026,
  .gs-blog-section,
  .gs-services-section,
  .gs-reviews-section,
  .gs-contact-section{
    max-width:100vw!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  .container,
  .gs-info-container,
  .gsaf-wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .gsi-hero-grid,
  .gsaf-wrap,
  .contact-grid,
  .services-grid,
  .gs-card-grid-3,
  .gs-info-card-row,
  .footer-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    gap:18px!important;
  }

  .gsi-hero-content,
  .gsi-participant-card,
  .gs-info-card,
  .gsaf-card,
  .gsaf-visual,
  .gsaf-content,
  .service-card,
  .glass-card,
  .review-card,
  .contact-form,
  .map-wrapper,
  .gs-blog-card{
    width:100%!important;
    max-width:calc(100vw - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  .gsi-premium-hero,
  .gs-portal-access-section,
  .gs-about-final2026,
  .gs-blog-section,
  .gs-services-section,
  .gs-reviews-section,
  .gs-contact-section{
    padding-left:0!important;
    padding-right:0!important;
  }

  .gsi-premium-hero{
    min-height:auto!important;
    padding-top:24px!important;
    padding-bottom:34px!important;
  }

  h1,h2,h3,
  .section-title,
  .gsaf-dynamic-title,
  .gs-heading-like-about,
  .gs-blog-single-line-title,
  .gs-card-title{
    max-width:100%!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  .section-title,
  .gsaf-dynamic-title,
  .gs-heading-like-about,
  .gs-blog-single-line-title{
    font-size:clamp(28px,8vw,42px)!important;
    line-height:1.08!important;
  }

  .section-intro,
  .gsaf-main-copy,
  .gsaf-secondary-copy,
  .gsi-hero-content p,
  .gs-info-card small,
  .service-card li,
  .review-text{
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }

  img, video, iframe, canvas, svg{
    max-width:100%!important;
    height:auto!important;
  }

  .gsaf-device,
  .gsaf-device img,
  .gs-blog-thumb,
  .gs-blog-thumb img,
  .gsi-action-card,
  .gs-service-card-pro{
    max-width:100%!important;
  }

  .gs-blog-viewport,
  .gs-blog-marquee,
  .reviews-track,
  .slider,
  .carousel,
  [class*="marquee"],
  [class*="slider"],
  [class*="carousel"]{
    max-width:100vw!important;
    overflow:hidden!important;
  }

  .gs-mobile-bottom-nav{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
    padding:8px 7px calc(8px + env(safe-area-inset-bottom))!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.985)!important;
    border:1px solid rgba(226,159,43,.28)!important;
    box-shadow:0 16px 40px rgba(44,27,0,.18), 0 4px 16px rgba(226,159,43,.10)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  .gs-mobile-bottom-nav a{
    min-width:0!important;
    min-height:54px!important;
    padding:7px 4px!important;
    border-radius:18px!important;
    border:1px solid transparent!important;
    background:transparent!important;
    color:#1b1b1b!important;
    box-shadow:none!important;
    transform:none!important;
    transition:background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease!important;
  }

  .gs-mobile-bottom-nav a span{
    color:#1b1b1b!important;
    font-weight:850!important;
    font-size:9.5px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }

  .gs-mobile-bottom-nav a img{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    max-width:23px!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:none!important;
    mix-blend-mode:normal!important;
    opacity:1!important;
    transition:transform .22s ease!important;
  }

  .gs-mobile-bottom-nav a[data-app-nav="rates"] img{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    max-width:27px!important;
  }

  .gs-mobile-bottom-nav a:hover,
  .gs-mobile-bottom-nav a.active,
  .gs-mobile-bottom-nav a:active,
  .gs-mobile-app-nav .gs-mobile-app-link:hover,
  .gs-mobile-app-nav .gs-mobile-app-link.active,
  .gs-mobile-app-nav .gs-mobile-app-link:active{
    background:linear-gradient(180deg,#fffaf1 0%,#ffe8b8 100%)!important;
    border-color:rgba(226,159,43,.72)!important;
    color:#6f4300!important;
    box-shadow:0 7px 18px rgba(226,159,43,.22), inset 0 1px 0 rgba(255,255,255,.80)!important;
    transform:translateY(-2px)!important;
  }

  .gs-mobile-bottom-nav a:hover span,
  .gs-mobile-bottom-nav a.active span,
  .gs-mobile-bottom-nav a:active span,
  .gs-mobile-app-nav .gs-mobile-app-link:hover span,
  .gs-mobile-app-nav .gs-mobile-app-link.active span,
  .gs-mobile-app-nav .gs-mobile-app-link:active span{
    color:#6f4300!important;
    font-weight:900!important;
  }

  .gs-mobile-bottom-nav a:hover img,
  .gs-mobile-bottom-nav a.active img,
  .gs-mobile-bottom-nav a:active img,
  .gs-mobile-app-nav .gs-mobile-app-link:hover .gs-nav-icon,
  .gs-mobile-app-nav .gs-mobile-app-link.active .gs-nav-icon,
  .gs-mobile-app-nav .gs-mobile-app-link:active .gs-nav-icon{
    filter:none!important;
    mix-blend-mode:normal!important;
    opacity:1!important;
    transform:scale(1.06)!important;
  }

  .gs-mobile-choice,
  .gs-mobile-popover,
  .gs-mobile-nav-overlay,
  .gs-account-drawer{
    max-width:calc(100vw - 24px)!important;
    box-sizing:border-box!important;
  }
}


/* Gold Auction Portal mobile header/nav match with goldsparrow.in - phone only */
@media only screen and (max-width:767px){
  body{padding-top:64px!important;padding-bottom:92px!important;}
  header.site-header.gs-public-header{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;min-height:0!important;overflow:hidden!important;}
  .gs-mobile-app-topbar{display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100vw!important;height:64px!important;z-index:1000001!important;align-items:center!important;justify-content:center!important;background:#fff!important;border-bottom:1px solid rgba(242,138,0,.24)!important;box-shadow:0 10px 28px rgba(33,18,0,.10)!important;}
  .gs-mobile-app-brand{position:absolute!important;left:50%!important;top:calc(50% + 4px)!important;transform:translate(-50%,-50%)!important;text-decoration:none!important;}
  .gs-mobile-app-brand:before{content:"GoldSparrow.in"!important;display:block!important;font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-weight:900!important;font-size:31px!important;letter-spacing:-1.35px!important;line-height:1!important;color:#000!important;white-space:nowrap!important;}
  .gs-mobile-wordmark,.gs-mobile-wordmark-text,.gs-mobile-app-brand img,.gs-mobile-app-cta{display:none!important;}
  .gs-mobile-app-nav.gs-mobile-app-v2{display:grid!important;}
  .gs-account-drawer{max-width:390px!important;}
}
@media only screen and (min-width:768px){
  .gs-mobile-app-topbar,.gs-mobile-app-nav,.gs-mobile-nav-overlay,.gs-mobile-popover,.gs-account-drawer{display:none!important;}
}

/* =========================================================
   PHONE ONLY FIX 20260709: keep GoldSparrow mobile app nav fixed
   This fixes unstyled mobile navigation falling into footer.
   Desktop remains untouched.
   ========================================================= */
@media only screen and (min-width:768px){
  .gs-mobile-app-nav,
  .gs-mobile-nav-overlay,
  .gs-mobile-popover,
  .gs-account-drawer,
  .gs-mobile-app-topbar{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

@media only screen and (max-width:767px){
  body{padding-top:64px!important;padding-bottom:102px!important;}

  .gs-mobile-app-topbar{
    display:flex!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:64px!important;
    z-index:2147483000!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    border-bottom:1px solid rgba(242,138,0,.24)!important;
    box-shadow:0 10px 28px rgba(33,18,0,.10)!important;
  }

  .gs-mobile-app-nav.gs-mobile-app-v2,
  nav.gs-mobile-app-nav{
    display:grid!important;
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    width:auto!important;
    max-width:none!important;
    z-index:2147483001!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
    padding:8px 7px calc(8px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.985)!important;
    border:1px solid rgba(226,159,43,.28)!important;
    box-shadow:0 16px 40px rgba(44,27,0,.18),0 4px 16px rgba(226,159,43,.10)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-width:0!important;
    min-height:54px!important;
    width:auto!important;
    padding:7px 4px!important;
    margin:0!important;
    border-radius:18px!important;
    border:1px solid transparent!important;
    background:transparent!important;
    color:#1b1b1b!important;
    text-decoration:none!important;
    font-family:'DM Sans',Arial,sans-serif!important;
    line-height:1.05!important;
    box-shadow:none!important;
    transform:none!important;
    cursor:pointer!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link span{
    display:block!important;
    color:#1b1b1b!important;
    font-size:9.5px!important;
    font-weight:850!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link .gs-nav-icon{
    display:block!important;
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    max-width:23px!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:none!important;
    mix-blend-mode:normal!important;
    opacity:1!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link[data-gs-nav="rates"] .gs-nav-icon{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    max-width:27px!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link:hover,
  .gs-mobile-app-nav .gs-mobile-app-link.active,
  .gs-mobile-app-nav .gs-mobile-app-link:active{
    background:linear-gradient(180deg,#fffaf1 0%,#ffe8b8 100%)!important;
    border-color:rgba(226,159,43,.72)!important;
    color:#6f4300!important;
    box-shadow:0 7px 18px rgba(226,159,43,.22),inset 0 1px 0 rgba(255,255,255,.80)!important;
    transform:translateY(-2px)!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link:hover span,
  .gs-mobile-app-nav .gs-mobile-app-link.active span,
  .gs-mobile-app-nav .gs-mobile-app-link:active span{color:#6f4300!important;font-weight:900!important;}

  .gs-mobile-nav-overlay{
    display:none!important;
    position:fixed!important;
    inset:0!important;
    z-index:2147482998!important;
    background:rgba(0,0,0,.38)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }
  .gs-mobile-nav-overlay.open{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}

  .gs-mobile-popover{
    display:block!important;
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:100px!important;
    z-index:2147482999!important;
    max-width:420px!important;
    margin:0 auto!important;
    padding:16px!important;
    border-radius:24px!important;
    background:#fffaf0!important;
    border:1px solid rgba(226,159,43,.30)!important;
    box-shadow:0 20px 55px rgba(0,0,0,.25)!important;
    transform:translateY(18px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .gs-mobile-popover.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;}
  .gs-mobile-popover-title{font-size:13px!important;font-weight:900!important;color:#7a5200!important;margin:0 0 10px!important;text-align:left!important;}
  .gs-mobile-choice{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:66px!important;padding:12px!important;margin:8px 0!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(226,159,43,.20)!important;text-decoration:none!important;color:#151515!important;box-shadow:0 8px 22px rgba(44,27,0,.08)!important;}
  .gs-mobile-choice .gs-choice-icon{display:block!important;width:40px!important;height:40px!important;min-width:40px!important;object-fit:contain!important;}
  .gs-mobile-choice span{display:flex!important;flex-direction:column!important;gap:2px!important;line-height:1.2!important;}
  .gs-mobile-choice b{font-size:15px!important;font-weight:950!important;color:#111!important;}
  .gs-mobile-choice small{font-size:12px!important;color:#585858!important;font-weight:700!important;}

  .gs-account-drawer{
    display:block!important;
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:min(390px,92vw)!important;
    max-width:92vw!important;
    z-index:2147483002!important;
    background:#fffaf0!important;
    box-shadow:-22px 0 55px rgba(0,0,0,.28)!important;
    transform:translateX(105%)!important;
    transition:transform .28s ease!important;
    overflow-y:auto!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .gs-account-drawer.open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;}
  .gs-account-hero{position:relative!important;padding:22px 18px 18px!important;background:linear-gradient(180deg,#fff8e8 0%,#fffaf0 100%)!important;border-bottom:1px solid rgba(226,159,43,.22)!important;}
  .gs-account-close{position:absolute!important;right:14px!important;top:12px!important;width:38px!important;height:38px!important;border-radius:999px!important;border:1px solid rgba(0,0,0,.15)!important;background:#fff!important;color:#111!important;font-size:22px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .gs-account-help{display:inline-flex!important;margin-bottom:18px!important;color:#7a5200!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important;}
  .gs-account-brand{display:flex!important;align-items:center!important;gap:12px!important;margin:10px 0 16px!important;}
  .gs-account-brand img{width:70px!important;height:70px!important;border-radius:50%!important;object-fit:contain!important;background:#000!important;}
  .gs-account-brand strong{display:block!important;font-size:18px!important;font-weight:950!important;color:#111!important;}
  .gs-account-brand span{display:block!important;font-size:12px!important;font-weight:800!important;color:#6f4300!important;}
  .gs-account-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .gs-account-actions a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;border-radius:14px!important;background:#111!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;}
  .gs-account-actions a:nth-child(2){background:linear-gradient(135deg,#f6a313,#d48b00)!important;color:#111!important;}
  .gs-account-list{padding:12px 16px!important;}
  .gs-account-list a{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 8px!important;border-bottom:1px solid rgba(226,159,43,.16)!important;color:#151515!important;text-decoration:none!important;font-weight:850!important;}
  .gs-account-list i{font-style:normal!important;color:#b27600!important;font-size:22px!important;}
  .gs-account-socials{display:flex!important;justify-content:center!important;gap:12px!important;padding:18px 16px 28px!important;}
  .gs-account-socials a{display:flex!important;width:42px!important;height:42px!important;border-radius:999px!important;align-items:center!important;justify-content:center!important;background:#111!important;color:#fff!important;}
  .gs-account-socials svg{width:22px!important;height:22px!important;fill:currentColor!important;}
  .gs-drawer-open{overflow:hidden!important;}
}

/* =========================================================
   FINAL PHONE-ONLY FIX 20260709: GoldSparrow.in exact nav icons
   and account/help drawer styling. Desktop untouched.
   ========================================================= */
@media only screen and (min-width:768px){
  .gs-support-drawer{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important;}
}
@media only screen and (max-width:767px){
  .gs-mobile-app-nav.gs-mobile-app-v2,
  nav.gs-mobile-app-nav{
    height:68px!important;
    min-height:68px!important;
    left:10px!important;right:10px!important;bottom:10px!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(242,138,0,.24)!important;
    box-shadow:0 14px 34px rgba(42,25,0,.18)!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
    overflow:visible!important;
  }
  .gs-mobile-app-nav .gs-mobile-app-link{
    min-height:54px!important;height:54px!important;
    padding:4px 3px!important;
    border-radius:17px!important;
    color:#111!important;
    background:transparent!important;
    border:1px solid transparent!important;
    overflow:visible!important;
  }
  .gs-mobile-app-nav .gs-mobile-app-link .gs-nav-icon{
    display:block!important;
    width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;
    flex:0 0 24px!important;
    object-fit:contain!important;object-position:center!important;
    filter:none!important;mix-blend-mode:normal!important;opacity:1!important;
    border:0!important;background:transparent!important;padding:0!important;margin:0!important;
  }
  .gs-mobile-app-nav .gs-mobile-app-link[data-gs-nav="rates"] .gs-nav-icon{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;flex-basis:28px!important;}
  .gs-mobile-app-nav .gs-mobile-app-link span{display:block!important;font-size:9px!important;line-height:1.05!important;font-weight:900!important;color:#111!important;white-space:nowrap!important;}
  .gs-mobile-app-nav .gs-mobile-app-link:hover,
  .gs-mobile-app-nav .gs-mobile-app-link.active,
  .gs-mobile-app-nav .gs-mobile-app-link:active{
    background:linear-gradient(180deg,#fffaf1 0%,#ffe8b8 100%)!important;
    color:#6f4300!important;
    border-color:rgba(242,138,0,.62)!important;
    box-shadow:0 8px 18px rgba(242,138,0,.20)!important;
    transform:translateY(-2px)!important;
  }
  .gs-mobile-app-nav .gs-mobile-app-link:hover span,
  .gs-mobile-app-nav .gs-mobile-app-link.active span,
  .gs-mobile-app-nav .gs-mobile-app-link:active span{color:#111!important;}
  .gs-mobile-app-nav .gs-mobile-app-link:hover .gs-nav-icon,
  .gs-mobile-app-nav .gs-mobile-app-link.active .gs-nav-icon,
  .gs-mobile-app-nav .gs-mobile-app-link:active .gs-nav-icon{filter:none!important;mix-blend-mode:normal!important;opacity:1!important;transform:none!important;}

  .gs-account-drawer,
  .gs-support-drawer{
    display:block!important;
    position:fixed!important;
    top:7px!important;right:8px!important;bottom:7px!important;
    width:min(390px,92vw)!important;
    height:auto!important;
    max-width:92vw!important;
    z-index:2147483002!important;
    background:#fff!important;
    border-radius:28px!important;
    box-shadow:-18px 0 52px rgba(29,17,0,.28)!important;
    transform:translateX(110%)!important;
    transition:transform .34s cubic-bezier(.22,.61,.36,1)!important;
    overflow-y:auto!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .gs-account-drawer.open,
  .gs-support-drawer.open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;}
  .gs-account-hero,
  .gs-support-hero{
    position:relative!important;
    min-height:238px!important;
    padding:30px 24px 24px!important;
    color:#fff!important;
    background:radial-gradient(circle at 86% 72%,rgba(255,255,255,.14) 0 24%,transparent 25%),linear-gradient(135deg,#f28a00 0%,#b43b4b 100%)!important;
    border-radius:0 0 28px 28px!important;
    overflow:hidden!important;
  }
  .gs-account-close,.gs-support-close{
    position:absolute!important;left:18px!important;top:18px!important;right:auto!important;
    width:36px!important;height:36px!important;border-radius:999px!important;
    border:0!important;background:rgba(255,255,255,.20)!important;color:#fff!important;
    font-size:30px!important;font-weight:900!important;line-height:1!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  .gs-account-help,.gs-support-pill{
    position:absolute!important;right:22px!important;top:18px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:64px!important;height:38px!important;padding:0 16px!important;border-radius:999px!important;
    border:0!important;background:rgba(102,47,14,.34)!important;color:#fff!important;
    font-size:13px!important;font-weight:950!important;text-decoration:none!important;
  }
  .gs-account-brand{display:flex!important;align-items:center!important;gap:16px!important;margin:74px 0 26px!important;position:relative!important;z-index:2!important;}
  .gs-account-brand img{width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;flex:0 0 72px!important;padding:0!important;background:#000!important;border:0!important;border-radius:50%!important;object-fit:contain!important;box-shadow:none!important;}
  .gs-account-brand strong{display:block!important;font-size:23px!important;line-height:1.05!important;font-weight:950!important;color:#fff!important;white-space:nowrap!important;}
  .gs-account-brand span{display:block!important;margin-top:4px!important;font-size:11px!important;line-height:1!important;font-weight:950!important;text-transform:uppercase!important;color:#fff!important;letter-spacing:.3px!important;}
  .gs-account-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;position:relative!important;z-index:2!important;}
  .gs-account-actions a{height:44px!important;min-height:44px!important;border-radius:14px!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important;font-size:14px!important;}
  .gs-account-actions a:first-child{background:#fff!important;color:#f28a00!important;}
  .gs-account-actions a:nth-child(2){background:rgba(80,36,23,.45)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;}
  .gs-account-card.gs-account-support{display:flex!important;align-items:center!important;gap:12px!important;width:calc(100% - 32px)!important;margin:20px 16px 12px!important;padding:14px 16px!important;border-radius:18px!important;border:1px solid rgba(0,0,0,.08)!important;background:#fff!important;box-shadow:0 12px 28px rgba(29,17,0,.10)!important;text-align:left!important;color:#111!important;}
  .gs-support-agent-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:16px!important;background:linear-gradient(135deg,#fff4d6,#f6a313)!important;border:1px solid rgba(242,138,0,.28)!important;position:relative!important;}
  .gs-support-agent-icon:before{content:'👩‍💼'!important;position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:26px!important;}
  .gs-account-support b{display:block!important;font-size:15px!important;font-weight:950!important;color:#222!important;}
  .gs-account-support small{display:block!important;font-size:12px!important;font-weight:800!important;color:#756b60!important;margin-top:3px!important;}
  .gs-account-list{margin:12px 16px 10px!important;padding:0!important;border-radius:22px!important;background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 14px 32px rgba(29,17,0,.08)!important;overflow:hidden!important;}
  .gs-account-list a{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 18px!important;border-bottom:1px solid rgba(0,0,0,.06)!important;color:#5c5148!important;text-decoration:none!important;font-size:16px!important;font-weight:950!important;}
  .gs-account-list a:last-child{border-bottom:0!important;}
  .gs-account-list i{font-style:normal!important;color:#b8afa6!important;font-size:28px!important;font-weight:950!important;line-height:1!important;}
  .gs-account-socials{display:flex!important;justify-content:center!important;gap:12px!important;padding:14px 16px 96px!important;}
  .gs-account-socials a{display:flex!important;width:43px!important;height:43px!important;border-radius:14px!important;align-items:center!important;justify-content:center!important;color:#fff!important;box-shadow:0 10px 20px rgba(0,0,0,.14)!important;}
  .gs-social-ig{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)!important}.gs-social-fb{background:#1877f2!important}.gs-social-yt{background:#ff0000!important}.gs-social-in{background:#0a66c2!important}.gs-social-wa{background:#25d366!important}
  .gs-account-socials svg{width:22px!important;height:22px!important;fill:currentColor!important;}

  .gs-support-hero{min-height:256px!important;padding-top:88px!important;}
  .gs-support-hero h3{margin:0 0 8px!important;font-family:Georgia,'Times New Roman',serif!important;font-size:29px!important;line-height:1.05!important;color:#fff!important;}
  .gs-support-hero p{margin:0!important;font-size:13px!important;line-height:1.45!important;font-weight:900!important;color:#fff!important;max-width:275px!important;}
  .gs-support-body{padding:20px 18px 110px!important;}
  .gs-support-action{position:relative!important;display:block!important;margin:0 0 14px!important;padding:18px 42px 18px 16px!important;border-radius:18px!important;border:1px solid rgba(0,0,0,.08)!important;background:#fff!important;text-decoration:none!important;color:#222!important;box-shadow:0 10px 24px rgba(29,17,0,.08)!important;}
  .gs-support-action b{display:block!important;font-size:15px!important;font-weight:950!important;color:#222!important;}
  .gs-support-action small{display:block!important;margin-top:6px!important;font-size:12px!important;font-weight:800!important;color:#756b60!important;}
  .gs-support-action i{position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;font-style:normal!important;color:#b8afa6!important;font-size:28px!important;font-weight:950!important;}
}

/* =========================================================
   FINAL REQUEST FIX 20260709: phone-only mobile nav polish
   - Home points to GoldSparrow.in from PHP
   - Explore blur/popover fills mobile width cleanly
   - Account header controls match reference
   - Account text changed to Gold Auction Portal from PHP
   - SparrowAI image + real social colours
   Desktop remains untouched.
   ========================================================= */
@media only screen and (min-width:768px){
  .gs-mobile-nav-overlay,.gs-mobile-popover,.gs-account-drawer,.gs-support-drawer{display:none!important;}
}
@media only screen and (max-width:767px){
  .gs-mobile-nav-overlay{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;bottom:0!important;
    width:100vw!important;height:100dvh!important;max-width:none!important;
    margin:0!important;padding:0!important;
    z-index:2147482998!important;
    background:rgba(0,0,0,.40)!important;
    backdrop-filter:blur(6px)!important;
    -webkit-backdrop-filter:blur(6px)!important;
  }
  .gs-mobile-popover{
    left:50%!important;right:auto!important;
    width:calc(100vw - 24px)!important;
    max-width:420px!important;
    transform:translate(-50%,18px)!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .gs-mobile-popover.open{transform:translate(-50%,0)!important;}

  .gs-account-drawer,.gs-support-drawer{
    right:10px!important;left:auto!important;
    width:calc(100vw - 20px)!important;
    max-width:390px!important;
  }
  .gs-account-hero{
    min-height:276px!important;
    padding:104px 24px 24px!important;
    border-radius:0 0 28px 28px!important;
  }
  .gs-account-close,.gs-support-close{
    left:18px!important;top:18px!important;right:auto!important;
    width:38px!important;height:38px!important;
    background:rgba(255,255,255,.22)!important;
    color:#fff!important;border:0!important;
    font-size:30px!important;font-weight:950!important;
  }
  .gs-account-help{
    right:22px!important;top:18px!important;left:auto!important;
    height:38px!important;min-width:64px!important;
    border-radius:999px!important;background:rgba(102,47,14,.34)!important;
    color:#fff!important;font-weight:950!important;
  }
  .gs-account-brand{
    margin:0 0 24px!important;
    align-items:center!important;
    gap:16px!important;
  }
  .gs-account-brand strong{font-size:24px!important;color:#fff!important;line-height:1.05!important;}
  .gs-account-brand span{font-size:11px!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.35px!important;}

  .gs-support-agent-icon{
    width:48px!important;height:48px!important;min-width:48px!important;
    border-radius:50%!important;background:#fff5dc!important;
    border:1px solid rgba(242,138,0,.34)!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    overflow:hidden!important;padding:3px!important;
  }
  .gs-support-agent-icon:before{content:none!important;display:none!important;}
  .gs-support-agent-icon img{
    display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;
  }

  .gs-account-socials a{border-radius:14px!important;color:#fff!important;background:#111!important;}
  .gs-account-socials .gs-social-ig{background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 52%,#fcb045 100%)!important;}
  .gs-account-socials .gs-social-fb{background:#1877f2!important;}
  .gs-account-socials .gs-social-yt{background:#ff0000!important;}
  .gs-account-socials .gs-social-in{background:#0a66c2!important;}
  .gs-account-socials .gs-social-wa{background:#25d366!important;}
  .gs-account-socials svg{fill:#fff!important;color:#fff!important;}
}

/* =========================================================
   PHONE ONLY POLISH 20260709-2
   Header gap, footer readability, WhatsApp hide, drawer alignment,
   support icon and bottom nav visibility. Desktop untouched.
   ========================================================= */
@media only screen and (max-width:767px){
  /* 1. remove extra space between mobile header and page */
  body{padding-top:64px!important;padding-bottom:104px!important;}
  .homepage-main{padding-top:0!important;margin-top:0!important;}
  header.site-header.gs-public-header,
  header.site-header.gs-public-header.scrolled,
  .gs-mobile-app-topbar{height:64px!important;min-height:64px!important;}
  .hero-section{margin-top:0!important;}

  /* 2. footer must stack cleanly and remain fully readable above bottom nav */
  .site-footer{padding:42px 0 128px!important;background:#fff!important;overflow:visible!important;}
  .site-footer .container{width:100%!important;max-width:100%!important;padding:0 18px!important;margin:0 auto!important;}
  .site-footer .footer-grid{display:flex!important;flex-direction:column!important;align-items:center!important;gap:30px!important;text-align:center!important;}
  .site-footer .footer-brand,.site-footer .footer-links{width:100%!important;max-width:380px!important;text-align:center!important;display:block!important;}
  .site-footer .gold-text{display:block!important;font-size:30px!important;line-height:1.05!important;margin:0 auto 16px!important;color:#c69416!important;}
  .site-footer .footer-brand-text{max-width:310px!important;margin:0 auto 18px!important;line-height:1.65!important;color:#81776f!important;}
  .site-footer .social-links{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin:18px auto 6px!important;}
  .site-footer .social-link{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:12px!important;}
  .site-footer .footer-links h4{display:block!important;margin:0 0 14px!important;font-size:16px!important;color:#222!important;font-weight:950!important;}
  .site-footer .footer-list{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:center!important;margin:0!important;padding:0!important;list-style:none!important;}
  .site-footer .footer-list li{display:block!important;margin:0!important;padding:0!important;line-height:1.35!important;}
  .site-footer .footer-list a{display:inline-block!important;color:#7c746e!important;text-decoration:none!important;font-size:14px!important;line-height:1.45!important;}
  .site-footer .state-columns{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:center!important;width:100%!important;}
  .site-footer .footer-bottom{width:100%!important;max-width:380px!important;margin:12px auto 0!important;padding-top:22px!important;text-align:center!important;border-top:1px solid rgba(0,0,0,.10)!important;}
  .site-footer .footer-bottom p{margin:0!important;font-size:13px!important;line-height:1.6!important;color:#7c746e!important;}

  /* 3. hide floating WhatsApp only on phone/responsive */
  .whatsapp-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

  /* 4. make overlay cover full width without right side gap */
  .gs-mobile-nav-overlay.open{display:block!important;left:0!important;right:0!important;width:100vw!important;max-width:none!important;}
  .gs-mobile-popover{left:50%!important;right:auto!important;width:calc(100vw - 24px)!important;max-width:420px!important;}

  /* 5. account/help buttons alignment - no overlap */
  .gs-account-close,.gs-support-close{left:18px!important;top:18px!important;right:auto!important;z-index:6!important;pointer-events:auto!important;}
  .gs-account-help,.gs-support-pill{position:absolute!important;right:22px!important;top:18px!important;left:auto!important;z-index:5!important;height:38px!important;min-width:64px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;}
  .gs-account-hero{padding-top:104px!important;}
  .gs-account-brand{margin-top:0!important;}
  .gs-account-brand span{font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.35px!important;}

  /* 6. Sparrow AI uploaded image - exact clean circular icon */
  .gs-support-agent-icon{width:48px!important;height:48px!important;min-width:48px!important;border-radius:50%!important;background:#fff4cc!important;border:1px solid rgba(242,138,0,.32)!important;overflow:hidden!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .gs-support-agent-icon:before{content:none!important;display:none!important;}
  .gs-support-agent-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;}

  /* 7. keep bottom app navigation visible over account/help drawer like GoldSparrow.in */
  .gs-mobile-app-nav.gs-mobile-app-v2,nav.gs-mobile-app-nav{z-index:2147483005!important;display:grid!important;}
  .gs-account-drawer,.gs-support-drawer{bottom:0!important;padding-bottom:84px!important;z-index:2147483003!important;}
  .gs-account-socials{padding-bottom:24px!important;}
}

/* =========================================================
   PHONE ONLY POLISH 20260709-2
   Header gap, footer readability, WhatsApp hide, drawer alignment,
   support icon and bottom nav visibility. Desktop untouched.
   ========================================================= */
@media only screen and (max-width:767px){
  body{padding-top:64px!important;padding-bottom:104px!important;}
  .homepage-main{padding-top:0!important;margin-top:0!important;}
  header.site-header.gs-public-header,
  header.site-header.gs-public-header.scrolled,
  .gs-mobile-app-topbar{height:64px!important;min-height:64px!important;}
  .hero-section{margin-top:0!important;}

  .site-footer{padding:42px 0 128px!important;background:#fff!important;overflow:visible!important;}
  .site-footer .container{width:100%!important;max-width:100%!important;padding:0 18px!important;margin:0 auto!important;}
  .site-footer .footer-grid{display:flex!important;flex-direction:column!important;align-items:center!important;gap:30px!important;text-align:center!important;}
  .site-footer .footer-brand,.site-footer .footer-links{width:100%!important;max-width:380px!important;text-align:center!important;display:block!important;}
  .site-footer .gold-text{display:block!important;font-size:30px!important;line-height:1.05!important;margin:0 auto 16px!important;color:#c69416!important;}
  .site-footer .footer-brand-text{max-width:310px!important;margin:0 auto 18px!important;line-height:1.65!important;color:#81776f!important;}
  .site-footer .social-links{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin:18px auto 6px!important;}
  .site-footer .social-link{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:12px!important;}
  .site-footer .footer-links h4{display:block!important;margin:0 0 14px!important;font-size:16px!important;color:#222!important;font-weight:950!important;}
  .site-footer .footer-list{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:center!important;margin:0!important;padding:0!important;list-style:none!important;}
  .site-footer .footer-list li{display:block!important;margin:0!important;padding:0!important;line-height:1.35!important;}
  .site-footer .footer-list a{display:inline-block!important;color:#7c746e!important;text-decoration:none!important;font-size:14px!important;line-height:1.45!important;}
  .site-footer .state-columns{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:center!important;width:100%!important;}
  .site-footer .footer-bottom{width:100%!important;max-width:380px!important;margin:12px auto 0!important;padding-top:22px!important;text-align:center!important;border-top:1px solid rgba(0,0,0,.10)!important;}
  .site-footer .footer-bottom p{margin:0!important;font-size:13px!important;line-height:1.6!important;color:#7c746e!important;}

  .whatsapp-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

  .gs-mobile-nav-overlay.open{display:block!important;left:0!important;right:0!important;width:100vw!important;max-width:none!important;}
  .gs-mobile-popover{left:50%!important;right:auto!important;width:calc(100vw - 24px)!important;max-width:420px!important;}

  .gs-account-close,.gs-support-close{left:18px!important;top:18px!important;right:auto!important;z-index:6!important;pointer-events:auto!important;}
  .gs-account-help,.gs-support-pill{position:absolute!important;right:22px!important;top:18px!important;left:auto!important;z-index:5!important;height:38px!important;min-width:64px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;}
  .gs-account-hero{padding-top:104px!important;}
  .gs-account-brand{margin-top:0!important;}
  .gs-account-brand span{font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.35px!important;}

  .gs-support-agent-icon{width:48px!important;height:48px!important;min-width:48px!important;border-radius:50%!important;background:#fff4cc!important;border:1px solid rgba(242,138,0,.32)!important;overflow:hidden!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .gs-support-agent-icon:before{content:none!important;display:none!important;}
  .gs-support-agent-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;}

  .gs-mobile-app-nav.gs-mobile-app-v2,nav.gs-mobile-app-nav{z-index:2147483005!important;display:grid!important;}
  .gs-account-drawer,.gs-support-drawer{bottom:0!important;padding-bottom:84px!important;z-index:2147483003!important;}
  .gs-account-socials{padding-bottom:24px!important;}
}


/* =========================================================
   PHONE ONLY FINAL ACCOUNT + BOTTOM NAV FIX 20260709-3
   Requested: wide Help bar, safe close button, perfect drawer margin,
   clean WhatsApp icon box and GoldSparrow.in style bottom nav spacing.
   Desktop remains untouched.
   ========================================================= */
@media only screen and (max-width:767px){
  /* Account drawer should not stick to the right edge */
  .gs-account-drawer,
  .gs-support-drawer{
    left:18px!important;
    right:18px!important;
    top:6px!important;
    bottom:6px!important;
    width:auto!important;
    max-width:none!important;
    border-radius:28px!important;
    overflow:hidden auto!important;
  }
  .gs-account-drawer.open,
  .gs-support-drawer.open{
    transform:translateX(0)!important;
  }

  /* Account hero top controls like GoldSparrow.in */
  .gs-account-hero{
    padding-top:96px!important;
    min-height:272px!important;
    border-radius:0 0 28px 28px!important;
  }
  .gs-account-help{
    left:44px!important;
    right:16px!important;
    top:12px!important;
    width:auto!important;
    height:48px!important;
    min-width:0!important;
    padding:0!important;
    border-radius:999px!important;
    background:rgba(114,53,14,.36)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    z-index:4!important;
    pointer-events:auto!important;
    font-size:13px!important;
    font-weight:950!important;
    color:#fff!important;
  }
  .gs-account-close{
    left:16px!important;
    top:12px!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:50%!important;
    z-index:8!important;
    background:rgba(255,255,255,.22)!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
  }
  .gs-account-close::before{
    content:""!important;
    position:absolute!important;
    inset:-8px!important;
    border-radius:50%!important;
  }

  /* Keep Help Center drawer close/help layout unchanged enough but aligned */
  .gs-support-close{left:16px!important;top:16px!important;z-index:8!important;}
  .gs-support-pill{right:22px!important;top:20px!important;z-index:5!important;}

  /* Sparrow AI support icon - uploaded round support agent image */
  .gs-support-agent-icon{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    border-radius:50%!important;
    background:#ffc928!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(242,138,0,.38)!important;
  }
  .gs-support-agent-icon img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:50%!important;
  }

  /* Bottom navigation spacing like the reference image */
  .gs-mobile-app-nav.gs-mobile-app-v2,
  nav.gs-mobile-app-nav{
    left:14px!important;
    right:14px!important;
    bottom:10px!important;
    width:auto!important;
    max-width:none!important;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;
    border-radius:24px!important;
    gap:5px!important;
    box-shadow:0 16px 36px rgba(44,27,0,.18),0 3px 12px rgba(226,159,43,.10)!important;
  }
  .gs-mobile-app-nav .gs-mobile-app-link{
    min-height:52px!important;
    border-radius:17px!important;
    padding:6px 3px!important;
  }
  .gs-mobile-app-nav .gs-mobile-app-link span{
    font-size:8.8px!important;
    line-height:1.05!important;
    font-weight:900!important;
  }
  .gs-mobile-app-nav .gs-mobile-app-link .gs-nav-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
  }
  .gs-mobile-app-nav .gs-mobile-app-link[data-gs-nav="rates"] .gs-nav-icon{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    max-width:26px!important;
  }

  /* Social icons: ensure WhatsApp looks perfectly round/centered */
  .gs-account-socials{
    gap:14px!important;
    padding:14px 16px 26px!important;
  }
  .gs-account-socials a{
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    border-radius:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .gs-account-socials .gs-social-wa{
    background:#25d366!important;
    color:#fff!important;
  }
  .gs-account-socials .gs-social-wa svg{
    width:23px!important;
    height:23px!important;
    display:block!important;
    fill:#fff!important;
    transform:none!important;
  }
}

/* =========================================================
   PHONE ONLY FINAL SMOOTH NAV ANIMATION 20260709-4
   Matches GoldSparrow.in soft mobile navigation movement.
   Desktop remains untouched.
   ========================================================= */
@media only screen and (max-width:767px){
  .gs-mobile-app-nav.gs-mobile-app-v2,
  nav.gs-mobile-app-nav{
    transition:transform .32s cubic-bezier(.22,.61,.36,1),
               box-shadow .32s cubic-bezier(.22,.61,.36,1),
               background .32s ease!important;
    will-change:transform!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link,
  .gs-mobile-app-v2 .gs-mobile-app-link{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    transition:background .26s cubic-bezier(.22,.61,.36,1),
               border-color .26s cubic-bezier(.22,.61,.36,1),
               box-shadow .26s cubic-bezier(.22,.61,.36,1),
               transform .26s cubic-bezier(.22,.61,.36,1),
               color .22s ease!important;
    -webkit-tap-highlight-color:transparent!important;
    will-change:transform,background,box-shadow!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link span,
  .gs-mobile-app-v2 .gs-mobile-app-link span,
  .gs-mobile-app-nav .gs-mobile-app-link .gs-nav-icon,
  .gs-mobile-app-v2 .gs-mobile-app-link .gs-nav-icon{
    position:relative!important;
    z-index:2!important;
    transition:transform .26s cubic-bezier(.22,.61,.36,1),
               color .22s ease,
               opacity .22s ease,
               filter .22s ease!important;
    will-change:transform!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link::before,
  .gs-mobile-app-v2 .gs-mobile-app-link::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:linear-gradient(180deg,#ffffff 0%,#fff6e6 100%)!important;
    border:1px solid rgba(242,138,0,.48)!important;
    box-shadow:0 7px 18px rgba(95,57,0,.12), inset 0 0 0 1px rgba(255,255,255,.82)!important;
    opacity:0!important;
    transform:scale(.88)!important;
    transition:opacity .24s cubic-bezier(.22,.61,.36,1),
               transform .28s cubic-bezier(.22,.61,.36,1)!important;
    z-index:0!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link:hover,
  .gs-mobile-app-nav .gs-mobile-app-link.active,
  .gs-mobile-app-nav .gs-mobile-app-link:active,
  .gs-mobile-app-v2 .gs-mobile-app-link:hover,
  .gs-mobile-app-v2 .gs-mobile-app-link.active,
  .gs-mobile-app-v2 .gs-mobile-app-link:active{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    color:#1f160e!important;
    transform:translateY(-1px)!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link:hover::before,
  .gs-mobile-app-nav .gs-mobile-app-link.active::before,
  .gs-mobile-app-nav .gs-mobile-app-link:active::before,
  .gs-mobile-app-v2 .gs-mobile-app-link:hover::before,
  .gs-mobile-app-v2 .gs-mobile-app-link.active::before,
  .gs-mobile-app-v2 .gs-mobile-app-link:active::before{
    opacity:1!important;
    transform:scale(1)!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link.active::after,
  .gs-mobile-app-v2 .gs-mobile-app-link.active::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:6px!important;
    width:22px!important;
    height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#f7bd42,#f28a00)!important;
    box-shadow:0 4px 10px rgba(242,138,0,.20)!important;
    transform:translateX(-50%) scaleX(1)!important;
    transform-origin:center!important;
    opacity:1!important;
    transition:transform .28s cubic-bezier(.22,.61,.36,1), opacity .22s ease!important;
    z-index:3!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link:not(.active)::after,
  .gs-mobile-app-v2 .gs-mobile-app-link:not(.active)::after{
    opacity:0!important;
    transform:translateX(-50%) scaleX(.35)!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link.active .gs-nav-icon,
  .gs-mobile-app-v2 .gs-mobile-app-link.active .gs-nav-icon{
    transform:scale(1.04)!important;
  }

  .gs-mobile-app-nav .gs-mobile-app-link:active,
  .gs-mobile-app-v2 .gs-mobile-app-link:active{
    transform:translateY(0) scale(.985)!important;
  }

  .gs-mobile-nav-overlay{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .24s ease, visibility .24s ease!important;
  }
  .gs-mobile-nav-overlay.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .gs-mobile-popover{
    transition:opacity .26s cubic-bezier(.22,.61,.36,1),
               transform .30s cubic-bezier(.22,.61,.36,1),
               visibility .26s ease!important;
    will-change:opacity,transform!important;
  }

  .gs-mobile-choice{
    transition:transform .24s cubic-bezier(.22,.61,.36,1),
               box-shadow .24s ease,
               border-color .24s ease!important;
  }
  .gs-mobile-choice:active{
    transform:scale(.985)!important;
  }

  .gs-account-drawer,
  .gs-support-drawer{
    transition:transform .34s cubic-bezier(.22,.61,.36,1),
               opacity .24s ease,
               visibility .24s ease!important;
    will-change:transform,opacity!important;
  }
}

/* =========================================================
   PHONE ONLY FINAL ACCOUNT DRAWER ALIGNMENT 20260709-5
   Fixes Account drawer left/right spacing and top Help / Close alignment.
   Desktop remains untouched.
   ========================================================= */
@media only screen and (max-width:767px){
  /* Account drawer: GoldSparrow.in style centered card with equal side breathing space */
  .gs-account-drawer{
    position:fixed!important;
    left:30px!important;
    right:30px!important;
    top:7px!important;
    bottom:7px!important;
    width:auto!important;
    max-width:none!important;
    margin:0 auto!important;
    border-radius:30px!important;
    background:#fff!important;
    overflow:hidden auto!important;
    box-shadow:0 24px 60px rgba(0,0,0,.28)!important;
    transform:translateX(120%)!important;
  }
  .gs-account-drawer.open{
    transform:translateX(0)!important;
  }

  /* Orange top panel proportion and rounded bottom corners */
  .gs-account-hero{
    min-height:270px!important;
    padding:106px 22px 24px!important;
    border-radius:0 0 28px 28px!important;
    overflow:hidden!important;
  }

  /* Close button: safely separate from Help button and perfectly centered */
  .gs-account-close{
    position:absolute!important;
    left:18px!important;
    top:18px!important;
    right:auto!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    font-size:28px!important;
    font-weight:950!important;
    color:#fff!important;
    background:rgba(255,255,255,.22)!important;
    border:0!important;
    z-index:20!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  .gs-account-close::before{
    content:""!important;
    position:absolute!important;
    inset:-6px!important;
    border-radius:50%!important;
    background:transparent!important;
    z-index:-1!important;
  }

  /* Help button: same level as close, right aligned, no overlap */
  .gs-account-help{
    position:absolute!important;
    top:18px!important;
    right:22px!important;
    left:auto!important;
    width:64px!important;
    min-width:64px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 12px!important;
    margin:0!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    color:#fff!important;
    background:rgba(100,45,15,.36)!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1!important;
    z-index:10!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  /* Brand row matches GoldSparrow.in spacing */
  .gs-account-brand{
    margin:0 0 22px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
  }
  .gs-account-brand img{
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    border-radius:50%!important;
    object-fit:contain!important;
    background:#000!important;
  }
  .gs-account-brand strong{
    font-size:23px!important;
    line-height:1.05!important;
    font-weight:950!important;
    color:#fff!important;
    white-space:nowrap!important;
  }
  .gs-account-brand span{
    margin-top:4px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
    color:#fff!important;
    letter-spacing:.25px!important;
    text-transform:uppercase!important;
  }

  /* Content cards keep equal margin inside drawer */
  .gs-account-card.gs-account-support{
    width:auto!important;
    margin:20px 18px 12px!important;
    border-radius:18px!important;
  }
  .gs-account-list{
    margin:12px 18px 10px!important;
    border-radius:22px!important;
  }
  .gs-account-socials{
    padding:14px 18px 96px!important;
    gap:13px!important;
  }

  /* Bottom navigation visible with same side spacing inside drawer view */
  .gs-mobile-app-nav.gs-mobile-app-v2,
  nav.gs-mobile-app-nav{
    left:18px!important;
    right:18px!important;
    bottom:10px!important;
    border-radius:24px!important;
  }
}

@media only screen and (max-width:390px){
  .gs-account-drawer{left:20px!important;right:20px!important;}
  .gs-account-brand strong{font-size:21px!important;}
  .gs-account-actions a{font-size:13px!important;}
  .gs-account-socials{gap:10px!important;}
}

/* =========================================================
   PHONE ONLY ACCOUNT DRAWER RIGHT EDGE FIX 20260709
   Makes Account/Help drawer sit flush to the right edge like GoldSparrow.in.
   Desktop untouched.
   ========================================================= */
@media only screen and (max-width:767px){
  .gs-account-drawer,
  .gs-support-drawer{
    right:0!important;
    left:auto!important;
    width:calc(100vw - 10px)!important;
    max-width:390px!important;
  }
}

/* =========================================================
   PHONE ONLY ACCOUNT DRAWER LEFT SPACING FIX 20260709
   Keeps Account/Help drawer flush on the right while adding
   a small GoldSparrow.in-style breathing space on the left.
   Desktop untouched.
   ========================================================= */
@media only screen and (max-width:767px){
  .gs-account-drawer,
  .gs-support-drawer{
    left:10px!important;
    right:0!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
  }
}


/* =========================================================
   PHONE ONLY PUBLIC PAGES + ACCOUNT MENU FINAL FIX 20260709
   Fixes all_auctions.php, auction_public_details.php and
   auction_public_documents.php mobile header/footer/bottom nav display.
   Desktop remains untouched.
   ========================================================= */
@media only screen and (max-width:767px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}

  /* Public auction pages use gold_public_header.php; keep its header clean on phone */
  body.gs-public-page{padding-top:74px!important;padding-bottom:104px!important;background:#fbf7ed!important;}
  body.gs-public-page .gs-public-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:2147482500!important;background:#fff!important;}
  body.gs-public-page .gs-public-header-inner{height:72px!important;min-height:72px!important;padding:0 20px!important;}
  body.gs-public-page .gs-public-logo img{height:58px!important;width:auto!important;max-width:74px!important;object-fit:contain!important;}
  body.gs-public-page .gs-public-logo-text{display:none!important;}
  body.gs-public-page .gs-public-nav,
  body.gs-public-page .gs-public-actions{display:none!important;}
  body.gs-public-page .gs-public-menu-btn{display:flex!important;margin-left:auto!important;}
  body.gs-public-page .gs-public-mobile{display:none!important;}
  body.gs-public-page .gs-public-header.is-open .gs-public-mobile{display:block!important;max-height:calc(100vh - 74px)!important;overflow:auto!important;}
  body.gs-public-page .gs-public-mobile a{font-size:14px!important;line-height:1.25!important;padding:13px 16px!important;}

  /* Footer must stay readable and must not push huge raw nav icons into page flow */
  body.gs-public-page .site-footer{padding:42px 0 128px!important;background:#fff!important;overflow:visible!important;}
  body.gs-public-page .site-footer .container{width:100%!important;max-width:100%!important;padding:0 18px!important;margin:0 auto!important;box-sizing:border-box!important;}
  body.gs-public-page .site-footer .footer-grid{display:flex!important;flex-direction:column!important;align-items:center!important;gap:30px!important;text-align:center!important;}
  body.gs-public-page .site-footer .footer-brand,
  body.gs-public-page .site-footer .footer-links{width:100%!important;max-width:380px!important;text-align:center!important;display:block!important;}
  body.gs-public-page .site-footer .gold-text{display:block!important;font-size:30px!important;line-height:1.05!important;margin:0 auto 16px!important;color:#c69416!important;}
  body.gs-public-page .site-footer .footer-brand-text{max-width:310px!important;margin:0 auto 18px!important;line-height:1.65!important;color:#81776f!important;}
  body.gs-public-page .site-footer .social-links{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin:18px auto 6px!important;}
  body.gs-public-page .site-footer .social-link{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:12px!important;}
  body.gs-public-page .site-footer .footer-links h4{display:block!important;margin:0 0 14px!important;font-size:16px!important;color:#222!important;font-weight:950!important;}
  body.gs-public-page .site-footer .footer-list{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:center!important;margin:0!important;padding:0!important;list-style:none!important;}
  body.gs-public-page .site-footer .footer-list li{display:block!important;margin:0!important;padding:0!important;line-height:1.35!important;}
  body.gs-public-page .site-footer .footer-list a{display:inline-block!important;color:#7c746e!important;text-decoration:none!important;font-size:14px!important;line-height:1.45!important;}
  body.gs-public-page .site-footer .state-columns{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:center!important;width:100%!important;}
  body.gs-public-page .site-footer .footer-bottom{width:100%!important;max-width:380px!important;margin:12px auto 0!important;padding-top:22px!important;text-align:center!important;border-top:1px solid rgba(0,0,0,.10)!important;}
  body.gs-public-page .site-footer .footer-bottom p{margin:0!important;font-size:13px!important;line-height:1.6!important;color:#7c746e!important;}

  /* Bottom app nav must always be fixed on these public pages */
  body.gs-public-page .gs-mobile-app-topbar{display:none!important;}
  body.gs-public-page .gs-mobile-app-nav.gs-mobile-app-v2,
  body.gs-public-page nav.gs-mobile-app-nav{
    display:grid!important;
    position:fixed!important;
    left:18px!important;
    right:18px!important;
    bottom:10px!important;
    width:auto!important;
    height:68px!important;
    min-height:68px!important;
    max-width:none!important;
    z-index:2147483005!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    gap:5px!important;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(242,138,0,.24)!important;
    box-shadow:0 16px 36px rgba(44,27,0,.18),0 3px 12px rgba(226,159,43,.10)!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body.gs-public-page .gs-mobile-app-nav .gs-mobile-app-link{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:52px!important;
    height:52px!important;
    padding:6px 3px!important;
    border-radius:17px!important;
    text-decoration:none!important;
    background:transparent!important;
    border:1px solid transparent!important;
    color:#111!important;
    font-family:'DM Sans',Arial,sans-serif!important;
    position:relative!important;
    overflow:visible!important;
  }
  body.gs-public-page .gs-mobile-app-nav .gs-mobile-app-link span{display:block!important;font-size:8.8px!important;line-height:1.05!important;font-weight:900!important;color:#111!important;margin-top:2px!important;text-align:center!important;white-space:nowrap!important;}
  body.gs-public-page .gs-mobile-app-nav .gs-mobile-app-link .gs-nav-icon{display:block!important;width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;object-fit:contain!important;filter:none!important;opacity:1!important;}
  body.gs-public-page .gs-mobile-app-nav .gs-mobile-app-link[data-gs-nav="rates"] .gs-nav-icon{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;}

  /* Account menu requested order: About, FAQS, Blogs, Auction Guides, Contact */
  .gs-account-list a{font-size:16px!important;}
}


/* =========================================================
   FINAL PUBLIC AUCTION PAGES HEADER MATCH FIX 20260709
   Makes all_auctions.php, auction_public_details.php and
   auction_public_documents.php use the same phone header/nav
   experience as index.php. Desktop remains untouched.
   ========================================================= */
@media only screen and (max-width:767px){
  body.gs-public-page{
    padding-top:64px!important;
    padding-bottom:104px!important;
    background:#fbf7ed!important;
    overflow-x:hidden!important;
  }

  /* Hide old public-page header on phone so it cannot show the logo + long pill menu */
  body.gs-public-page .gs-public-header,
  body.gs-public-page #gsPublicHeader,
  body.gs-public-page .gs-public-mobile{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
  }

  /* Use same fixed GoldSparrow.in phone header as index.php */
  body.gs-public-page .gs-mobile-app-topbar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:64px!important;
    min-height:64px!important;
    z-index:2147483006!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid rgba(212,160,23,.22)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.10)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  body.gs-public-page .gs-mobile-app-brand{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    text-align:center!important;
    text-decoration:none!important;
  }
  body.gs-public-page .gs-mobile-wordmark,
  body.gs-public-page .gs-mobile-app-brand img,
  body.gs-public-page .gs-mobile-wordmark-text{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }
  body.gs-public-page .gs-mobile-app-brand:before{
    content:"GoldSparrow.in"!important;
    display:block!important;
    width:max-content!important;
    max-width:92vw!important;
    margin:0!important;
    text-align:center!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-style:italic!important;
    font-weight:900!important;
    font-size:31px!important;
    letter-spacing:-1.35px!important;
    line-height:1!important;
    color:#000!important;
    white-space:nowrap!important;
  }

  /* Keep the app navigation fixed and clean on public pages */
  body.gs-public-page .gs-mobile-app-nav.gs-mobile-app-v2,
  body.gs-public-page nav.gs-mobile-app-nav{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:fixed!important;
    left:18px!important;
    right:18px!important;
    bottom:10px!important;
    width:auto!important;
    height:68px!important;
    min-height:68px!important;
    max-width:none!important;
    z-index:2147483005!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    gap:5px!important;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(242,138,0,.24)!important;
    box-shadow:0 16px 36px rgba(44,27,0,.18),0 3px 12px rgba(226,159,43,.10)!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body.gs-public-page .gs-mobile-app-nav .gs-mobile-app-link{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:52px!important;
    height:52px!important;
    padding:6px 3px!important;
    border-radius:17px!important;
    text-decoration:none!important;
    background:transparent!important;
    border:1px solid transparent!important;
    color:#111!important;
    font-family:'DM Sans',Arial,sans-serif!important;
    position:relative!important;
    overflow:visible!important;
  }
  body.gs-public-page .gs-mobile-app-nav .gs-mobile-app-link span{
    display:block!important;
    font-size:8.8px!important;
    line-height:1.05!important;
    font-weight:900!important;
    color:#111!important;
    margin-top:2px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  body.gs-public-page .gs-mobile-app-nav .gs-mobile-app-link .gs-nav-icon{
    display:block!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    object-fit:contain!important;
    filter:none!important;
    opacity:1!important;
  }
  body.gs-public-page .gs-mobile-app-nav .gs-mobile-app-link[data-gs-nav="rates"] .gs-nav-icon{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    max-width:26px!important;
  }

  /* Account section list order/design safeguard */
  .gs-account-list a{font-size:16px!important;}
}