/* Rasht Neon mobile storefront. Desktop and production artwork stay unchanged. */
@media (max-width: 960px) {
  .site-header {z-index:100; isolation:isolate}
  .nav-wrap.container {min-height:70px; padding-block:9px; gap:12px}
  .nav-toggle {display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #31515e; border-radius:14px; background:#10202c; color:#91f7ff; font-size:24px; flex:0 0 44px; touch-action:manipulation}
  .nav-toggle[aria-expanded="true"] {background:#16404a; border-color:#69e4eb; color:#fff}
  .main-nav {display:none!important; position:fixed!important; inset:80px 12px auto!important; max-height:calc(100dvh - 104px); overflow-y:auto; overscroll-behavior:contain; padding:14px!important; gap:8px!important; border:1px solid #39505f!important; border-radius:22px!important; background:#0b1621!important; box-shadow:0 20px 65px #000b; z-index:110}
  .main-nav.open {display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch!important}
  .main-nav>a,.main-nav>.nav-logout-form button {display:flex; align-items:center; justify-content:center; min-height:46px; padding:10px!important; white-space:normal!important; text-align:center; font-size:13px!important; border:1px solid #263c4c!important; border-radius:12px!important; background:#102230}
  .main-nav>.nav-group {grid-column:1/-1; min-width:0; border:1px solid #2b4655; border-radius:14px; background:#0d1c28}
  .main-nav .nav-group summary {min-height:46px; padding:12px 14px!important; font-size:14px; color:#e5f9fc}
  .main-nav .nav-group-menu {position:static!important; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-width:0!important; width:auto!important; margin:0 8px 8px; padding:8px!important; gap:6px; border-radius:12px; box-shadow:none!important}
  .main-nav .nav-group-menu a,.main-nav .nav-group-menu button {min-height:44px; display:flex; align-items:center; font-size:12px!important; padding:10px!important; white-space:normal!important}
  .main-nav .nav-admin-group .nav-group-menu {grid-template-columns:minmax(0,1fr)}
  .main-nav .nav-group-menu .rn-admin-menu-grid {min-width:0; width:100%; grid-template-columns:repeat(2,minmax(0,1fr))}
  .main-nav .nav-group:not([open]) .nav-group-menu {display:none!important}
}
@media (max-width: 760px) {
  body {background:#080e17; background-image:radial-gradient(ellipse at 100% 0, #12313d80, transparent 52%),radial-gradient(ellipse at 0 45%,#27153450,transparent 48%); background-attachment:scroll; -webkit-text-size-adjust:100%}
  .container,.nav-wrap.container {width:calc(100% - 28px); max-width:100%}
  main {min-width:0}
  main .container>* {min-width:0}
  .brand {gap:9px}
  .brand-logo-crop {width:39px!important; height:39px!important; border-radius:12px}
  .brand-wordmark {width:112px!important; max-width:38vw}
  .section,.foundation-section {padding-block:28px!important}
  .page-hero {padding-block:24px!important}
  .page-hero h1,.product-info h1,.neon-sample-info h1 {font-size:clamp(24px,6.7vw,32px)!important; line-height:1.6!important; margin-bottom:10px!important; overflow-wrap:anywhere}
  .page-hero p,.product-info>p {font-size:13px!important; line-height:1.95!important}
  .section-head,.foundation-head {gap:12px!important; align-items:start!important; flex-wrap:wrap}
  .section-head h2,.foundation-head h2,.rn-section-title h2 {font-size:23px!important; line-height:1.6!important}
  .btn {min-height:44px; border-radius:13px!important; padding:11px 15px; font-size:13px; white-space:normal; text-align:center; touch-action:manipulation}
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]),select,textarea {max-width:100%; font-size:16px; min-height:46px; border-radius:12px; scroll-margin-top:90px}
  input[type="checkbox"],input[type="radio"] {width:19px; height:19px; flex-shrink:0; accent-color:#49e7ed}
  input[type="file"] {width:100%; min-width:0; font-size:12px!important}
  input[type="file"]::file-selector-button {min-height:36px; border:0; border-radius:8px; margin-inline-end:9px; padding:6px 10px; background:#17424e; color:#d9fcff}
  :is(a,button,input,select,textarea,summary):focus-visible {outline:2px solid #77eef3; outline-offset:3px}
  .site-breadcrumbs .breadcrumb-wrap {padding-block:10px}
  .site-breadcrumbs ol {flex-wrap:nowrap; overflow-x:auto; padding-bottom:5px; scrollbar-width:thin}
  .site-breadcrumbs li {flex-shrink:0; font-size:11px}
  /* Four compact entry points, visible without a long stack of cards. */
  .rn-quick-launch {padding:20px 0 18px; background:transparent; border:0}
  .rn-quick-heading {align-items:center; justify-content:space-between; gap:8px; margin-bottom:14px}
  .rn-quick-heading span {font-size:10px; padding:5px 9px}
  .rn-quick-heading strong {font-size:13px}
  .rn-quick-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important}
  .rn-quick-card {grid-template-columns:1fr!important; align-content:end; align-items:end; min-height:150px!important; padding:13px!important; gap:0!important; border:1px solid #2b4453!important; border-radius:18px!important; background:linear-gradient(0deg,#08121a 0%,#08121adc 42%,#08121a18 100%),var(--quick-image) center/cover!important; box-shadow:inset 0 1px #ffffff08}
  .rn-quick-card::before {display:none!important}
  .rn-quick-card>span {position:relative; z-index:1; display:grid; gap:5px; min-width:0}
  .rn-quick-card b {font-size:14px!important; line-height:1.7; color:#f3fcff; text-shadow:0 2px 8px #000}
  .rn-quick-card small {font-size:10px!important; line-height:1.7; color:#c5d5df}
  .rn-quick-card em {position:absolute; top:10px; left:10px; display:grid; place-items:center; width:25px; height:25px; border:1px solid #ffffff26; border-radius:50%; background:#08121aaa; color:var(--quick); font-size:14px}
  .rn-home-search {padding:0 0 18px!important}
  .rn-design-search {grid-template-columns:minmax(0,1fr) auto!important; gap:10px!important; padding:13px!important; border-radius:17px!important; background:#0e1d29; box-shadow:none}
  .rn-design-search>div {grid-column:1/-1}
  .rn-design-search strong {font-size:14px}
  .rn-design-search span {font-size:11px}
  .rn-design-search>label {min-width:0}
  .rn-design-search input {margin:0!important; min-height:46px}
  .rn-design-search button {min-height:46px; padding:10px 12px; font-size:11px; max-width:105px}
  .rn-home-hero {padding:18px 0 26px!important}
  .rn-home-hero-grid {grid-template-columns:minmax(0,1fr)!important; gap:22px!important}
  .rn-home-copy {text-align:right!important}
  .rn-home-copy h1 {font-size:38px!important; gap:8px!important; margin:9px 0 13px!important; line-height:1.35!important}
  .rn-home-copy h1 .neon-blink {font-size:22px!important; animation:none!important; line-height:1.7}
  .rn-home-copy>p {font-size:13px!important; line-height:2!important; margin:10px 0 17px}
  .rn-mini-signature {font-size:12px!important; letter-spacing:2px}
  .rn-home-copy .eyebrow {font-size:10px!important; margin-bottom:4px}
  .rn-hero-cta {min-height:45px; padding:10px 17px!important; font-size:13px!important; border-radius:13px!important}
  .rn-home-photo {width:100%!important; max-width:none!important; height:230px!important; min-height:0!important; border-radius:20px!important; margin:0!important}
  .rn-home-photo img {width:100%; height:100%!important; object-fit:cover!important; object-position:center 35%!important}
  .rn-service-section,.rn-benefit-section,.rn-order-steps,.rn-seo-copy {padding-block:27px!important}
  .rn-section-title {margin-bottom:18px!important}
  .rn-section-title p {font-size:12px!important; line-height:1.9!important}
  .rn-service-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important}
  .rn-service-card {padding:0!important; border-radius:18px!important; min-height:0!important}
  .rn-service-art {height:130px!important; min-height:0!important}
  .rn-service-art img {height:100%!important; object-fit:cover}
  .rn-service-art i {font-size:9px!important; padding:4px 7px!important; max-width:calc(100% - 16px); white-space:normal}
  .rn-service-content {padding:13px 11px!important}
  .rn-service-content h3 {font-size:14px!important; line-height:1.8!important; margin:0 0 6px!important}
  .rn-service-content p {font-size:11px!important; line-height:1.95!important; margin:0 0 12px!important}
  .rn-service-content>b {display:block; font-size:10px!important; line-height:1.8}
  .rn-service-number {font-size:17px!important; position:static!important; display:block; margin-bottom:6px}
  .rn-benefit-grid,.rn-seo-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important}
  .rn-benefit-grid article {padding:15px 12px!important; border-radius:16px!important}
  .rn-benefit-grid h3 {font-size:13px!important; line-height:1.8}
  .rn-benefit-grid p,.rn-seo-grid p {font-size:11px!important; line-height:1.95}
  .rn-seo-copy> .container>p {font-size:12px!important; line-height:2.1}
  .rn-seo-copy h2 {font-size:22px!important; line-height:1.7}
  .rn-seo-grid article {padding:14px!important; border-radius:15px}
  .rn-seo-grid h3 {font-size:13px!important; line-height:1.9}
  /* Gallery images stay whole; two columns give customers a useful overview. */
  .catalog-hero {padding:20px 0!important}
  .catalog-hero h1 {font-size:27px!important; line-height:1.6!important}
  .catalog-hero-actions {gap:8px!important; flex-wrap:wrap}
  .catalog-search-bar {grid-template-columns:minmax(0,1fr) auto!important; gap:8px!important; padding:12px!important}
  .catalog-search-bar>label {min-width:0}
  .catalog-search-bar .btn {padding:10px 12px; font-size:11px}
  .category-slider-track {grid-auto-columns:145px!important; gap:9px!important}
  .category-card {height:135px!important; border-radius:15px!important}
  .category-card h3 {font-size:12px!important; line-height:1.8!important}
  .category-card-content {padding:10px!important}
  .category-inline-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important}
  .category-inline-item {min-height:44px; font-size:12px!important; white-space:normal}
  .card-grid,.catalog-photo-grid,.neon-gallery-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important}
  .design-card,.catalog-photo-card,.neon-gallery-card {min-width:0; border-radius:16px!important}
  .card-body {padding:12px!important}
  .card-body h3,.neon-gallery-card h3 {font-size:13px!important; line-height:1.8!important; overflow-wrap:anywhere}
  .card-body p {font-size:11px!important; line-height:1.9}
  .catalog-card-actions {display:flex; flex-wrap:wrap; gap:6px}
  .catalog-card-actions a,.catalog-similar-link {min-height:40px; padding:8px!important; font-size:11px!important}
  .product-grid,.neon-sample-grid,.form-layout {grid-template-columns:minmax(0,1fr)!important; gap:18px!important}
  .product-preview,.neon-sample-preview {min-height:240px!important; height:auto!important; border-radius:20px!important}
  .product-preview img {height:auto; max-height:65dvh; object-fit:contain!important}
  .neon-sample-info {padding:17px!important; border-radius:20px!important}
  .sample-seo-caption {padding:14px!important; border-radius:15px!important; font-size:12px}
  .form-card,.auth-card,.side-note {padding:18px!important; border-radius:20px!important; min-width:0}
  .form-card h1,.auth-card h1 {font-size:26px!important; line-height:1.6}
  .form-grid {grid-template-columns:minmax(0,1fr)!important; gap:14px}
  .form-grid>* {min-width:0; grid-column:auto}
  .form-card label,.auth-card label {font-size:13px; line-height:1.9}
  .site-footer {padding:30px 0!important}
  .footer-grid {display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:22px!important}
  .footer-wordmark {max-width:140px!important}
  .footer-nav {display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px}
  .footer-nav a {min-height:42px; display:flex; align-items:center; padding:8px 11px; border:1px solid #263a48; border-radius:11px; font-size:12px}
  .footer-links {font-size:12px; line-height:2}
  .footer-links a {min-height:42px; display:flex; align-items:center}
}
@media (max-width: 359px) {
  .rn-quick-card {min-height:140px!important; padding:11px!important}
  .rn-quick-card b {font-size:12px!important}
  .rn-service-grid,.rn-benefit-grid,.rn-seo-grid {grid-template-columns:minmax(0,1fr)!important}
  .brand-wordmark {width:96px!important}
}
@media (prefers-reduced-motion: reduce) {
  .nav-toggle,.main-nav {transition:none!important}
}
@media (max-width:760px) {
  .catalog-visual-page .catalog-visual-head-v2 {padding:19px!important; border-radius:20px!important}
  .catalog-visual-page .catalog-visual-head-v2 h1 {font-size:26px!important; line-height:1.6!important}
  .catalog-visual-page .category-showcase {padding:13px!important; border-radius:19px!important}
  .catalog-visual-page .category-slider-viewport {touch-action:auto!important}
  .catalog-visual-page .category-slider-track {grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-auto-flow:row!important; grid-auto-columns:auto!important; width:100%!important; min-width:0!important; gap:8px!important}
  .catalog-visual-page .category-card {height:112px!important; border-radius:13px!important}
  .catalog-visual-page .category-card-content {padding:9px!important}
  .catalog-visual-page .category-card-content h3 {font-size:11px!important; line-height:1.8!important}
  .catalog-visual-page .unified-gallery-grid {display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; columns:auto!important}
  .catalog-visual-page .catalog-photo-body {padding:11px!important}
  .catalog-visual-page .catalog-photo-body h2 {font-size:13px!important; line-height:1.8!important}
  .catalog-visual-page .catalog-order-link {min-height:42px; display:flex; align-items:center; justify-content:center; border-radius:11px; font-size:12px!important; background:#174652!important; color:#dfffff!important; border-color:#38818b!important}
  .catalog-visual-page .catalog-similar-link {min-height:40px; background:#111f2f!important; color:#b9d0e3!important; border-color:#32445b!important}
  .catalog-visual-page .catalog-search-bar {position:relative!important; top:auto!important}
}