/* GAS approved compact mobile homepage, 2026-10-17. Desktop untouched. */
@media screen and (max-width:650px) {
body{container:gas / inline-size;overflow-x:hidden}
body.home .mf-container,body.home .gc-footer .mf-container{width:calc(100% - 32px)!important}
body.home .gc-header-row{height:auto!important;min-height:76px!important;display:flex!important;flex-wrap:wrap!important;gap:0 8px!important;padding:7px 0!important}
body.home .gc-brand{min-width:0!important;flex:1!important}
body.home .gc-brand-logo img,body.home .gc-brand-logo .custom-logo{width:137px!important;height:77px!important;object-fit:contain!important}
body.home .gas-social-links{order:3!important;flex:0 0 100%!important;justify-content:flex-start!important;margin:0!important;padding:0!important;gap:4px!important}
body.home .gas-social{width:29px!important;height:29px!important}
body.home .gc-nav{display:none!important}
body.home .mf-menu-toggle{display:flex!important}
body.home .gc-header-actions{gap:4px!important}
body.home .gc-announcement{height:28px!important}
body.home .gc-hero{overflow:hidden!important}
body.home .gc-hero-layout{min-height:0!important;grid-template-columns:1fr!important}
body.home .gc-hero-copy{padding:8px 0 0!important}
body.home .gc-hero h1{font-size:9cqw!important;line-height:1.08!important;letter-spacing:-.045em!important;margin:0 0 2px!important}
body.home .gc-hero h1 em{margin-top:0!important;color:#f00015!important}
body.home .gc-hero-copy>p{font-size:13.3px!important;line-height:1.75!important;max-width:none!important;margin:0!important;color:#f2ece6!important}
body.home .gc-hero-nowrap-tail{display:block!important;white-space:nowrap!important;font-size:.96em!important}
body.home .gc-hero-signoff{margin-top:22px!important;gap:9px!important;flex-wrap:nowrap!important;justify-content:space-between!important;font-size:2.1cqw!important;letter-spacing:.045em!important}
body.home .gc-hero-signoff span{white-space:nowrap!important}
body.home .gc-hero-signoff .gc-red-asterisk{font-size:23px!important;color:#f00015!important}
body.home .gc-hero-visual{height:auto!important;min-height:0!important;max-height:none!important;display:block!important;margin:-12px auto 0!important;padding:0!important}
body.home .gc-hero-engine-floating{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;display:block!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}
body.home .gc-hero-red-circle{display:none!important}
body.home .gc-tape{height:42px!important;transform:none!important;overflow:hidden!important}
body.home .gc-tape .gc-tape-track{display:flex!important;width:max-content!important;animation:gas-approved-marquee 60s linear infinite!important}
body.home .gc-tape .gc-tape-group{display:block!important;white-space:nowrap!important;padding-right:25px!important}
body.home .gc-tape div{font-size:18px!important}
body.home .gc-tape b{margin:0 20px!important}
body.home .gc-collections,body.home .gc-services,body.home .gc-products,body.home .gc-merch-section,body.home .gc-contact{padding:34px 0!important}
body.home .gc-section-intro{display:block!important;margin-bottom:20px!important}
body.home .gc-section-intro h2{font-size:7.72cqw!important;line-height:.98!important;margin:8px 0 0!important;letter-spacing:-.035em!important}
body.home .gc-label{font-size:10px!important;letter-spacing:.15em!important}
body.home .gc-collections .gc-label,body.home .gc-services .gc-label{display:none!important}
body.home .gc-text-link{font-size:11px!important;letter-spacing:.07em!important}
body.home .gc-section-intro .gc-text-link{margin-top:13px!important}
body.home .gc-collections .gc-section-intro h2{font-size:5.83cqw!important;white-space:nowrap!important;letter-spacing:-.045em!important}
body.home .gc-collection-grid{width:90%!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
body.home .gc-collection{height:133px!important;min-height:133px!important;padding:8px!important;overflow:hidden!important}
body.home .gc-collection .gc-category-small{font-size:6.5px!important;letter-spacing:.05em!important}
body.home .gc-collection img{position:absolute!important;height:74px!important;top:16px!important;width:70%!important;left:15%!important;object-fit:contain!important;opacity:1!important}
body.home .gc-collection:after{background:linear-gradient(transparent 60%,rgba(0,0,0,.7))!important}
body.home .gc-category-bottom strong{font-size:4.68cqw!important;line-height:.82!important;color:#fff!important}
body.home .gc-category-bottom b{font-size:15px!important;position:absolute!important;right:0!important;bottom:0!important}
body.home .gc-services-lead{font-size:13px!important;line-height:1.5!important;margin:0 0 15px!important}
body.home .gc-services-meta{display:block!important;margin-bottom:19px!important}
body.home .gc-service-area{display:inline-flex!important;align-items:center!important;gap:0!important;flex-wrap:nowrap!important;white-space:nowrap!important;max-width:100%!important;padding:9px 10px!important;margin:0 0 11px!important;font:600 clamp(8px,2.3cqw,10px)/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
body.home .gc-service-area .gas-area-line,body.home .gc-service-area .gas-appointment{display:inline!important;white-space:nowrap!important;color:#f5f0e8!important}
body.home .gc-service-area .gas-area-line::after{content:" ✱ "!important;color:#e3232d!important;font-weight:900!important}
body.home .gc-services-grid{grid-template-columns:1fr!important;gap:8px!important}
body.home .gc-services .gc-section-intro h2{font-size:7.72cqw!important}
body.home .gc-services .gc-section-intro h2 .gc-services-firstline{display:block!important;white-space:nowrap!important;font-size:5.5cqw!important;letter-spacing:-.045em!important}
body.home .gc-services .gc-section-intro h2 em{display:block!important}
body.home.gas-mobile-ready .gc-services-grid .gc-service-card{display:none!important}
body.home details.gas-service{display:block!important;background:#201d1c!important;color:#f5f0e8!important;border:1px solid #4c4140!important;border-left:4px solid #e3232d!important;padding:0!important;margin:0!important}
body.home .gas-service>summary{list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:58px!important;padding:15px 13px!important;color:#fff!important;font:800 clamp(15px,4.3cqw,18px)/1.15 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;cursor:pointer!important}
body.home .gas-service>summary::-webkit-details-marker{display:none!important}
body.home .gas-service>summary::after{content:'+';flex-shrink:0;font:400 25px/1 Arial,sans-serif;color:#ff3941}
body.home .gas-service[open]>summary::after{content:'−'}
body.home .gas-service-content{padding:0 14px 17px!important}
body.home .gas-service-content p{color:#eee7df!important;font:13px/1.55 Arial,sans-serif!important;margin:0 0 12px!important}
body.home .gas-service-content>a{color:#fff!important;display:inline-block!important;font:bold 11px/1.4 Arial,sans-serif!important;letter-spacing:.03em!important;border-bottom:1px solid #a59b93!important;padding-bottom:6px!important}
body.home .gas-service-content>a span{color:#ff3941!important}
body.home .gc-bikes{padding:0 0 34px!important}
body.home .gc-bikes-layout{display:block!important;min-height:0!important}
body.home .gc-bikes-copy{padding:34px 0 0!important}
body.home .gc-bikes h2{font-size:8.02cqw!important;line-height:.98!important;margin:10px 0 15px!important;letter-spacing:-.04em!important}
body.home .gc-bikes h2 em{display:block!important;font-size:6cqw!important;white-space:nowrap!important;letter-spacing:-.045em!important}
body.home .gc-bikes-copy>p{font-size:13px!important;line-height:1.5!important;margin-bottom:15px!important}
body.home .gc-button{font-size:11px!important;letter-spacing:.07em!important;min-height:44px!important;padding:13px 15px!important}
body.home .gc-bike-fine{font-size:10px!important;line-height:1.45!important;margin-top:11px!important}
body.home .gc-bikes-visual{height:166px!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;isolation:isolate!important;margin-top:12px!important}
body.home .gc-bikes-circle{width:34cqw!important;height:34cqw!important;right:10px!important;left:auto!important;top:2px!important;z-index:-1!important}
body.home .gc-bikes-real{display:block!important;position:static!important;width:75%!important;height:136px!important;max-height:136px!important;object-fit:contain!important;transform:none!important;margin:0 auto!important}
body.home .gc-bikes-visual-caption{position:static!important;inset:auto!important;transform:none!important;width:100%!important;text-align:right!important;padding:10px 0 0!important;font-size:8px!important;line-height:1.4!important}
body.home .gc-bikes-listings{padding-top:16px!important}
body.home .gc-bikes-listings-title{font-size:12px!important;margin-bottom:12px!important;letter-spacing:.06em!important}
body.home .gc-bikes-listings-title span{font-size:9px!important}
body.home .gc-bikes-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
body.home .gc-bike-product{padding:0 0 12px!important;min-width:0!important;overflow:hidden!important}
body.home .gc-bike-product-image{height:102px!important;background:#e2ddd5!important;padding:4px!important;width:100%!important;margin:0!important;overflow:hidden!important}
body.home .gc-bike-product-image img{display:block!important;width:100%!important;height:94px!important;object-fit:contain!important;object-position:center!important}
body.home .gc-bike-product h3{font-size:14px!important;line-height:1.15!important;letter-spacing:0!important;padding:0 9px!important;margin:11px 0 8px!important;min-height:48px!important;text-transform:uppercase!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important}
body.home .gc-bike-product-price{font-size:11px!important;margin:0!important;padding:0 9px!important}
body.home .gc-products-empty{padding:17px!important;gap:12px!important;min-height:0!important;display:grid!important;grid-template-columns:65px minmax(0,1fr)!important;align-items:center!important}
body.home .gc-products-empty-mark{width:65px!important;height:85px!important;min-height:0!important;padding:0!important}
body.home .gc-products-empty-mark img{width:65px!important;height:85px!important;object-fit:contain!important}
body.home .gc-products-empty>div:nth-child(2){min-width:0!important}
body.home .gc-products-empty .gc-label{font-size:8px!important;letter-spacing:.03em!important}
body.home .gc-products-empty h3{font-size:22px!important;margin:8px 0!important}
body.home .gc-products-empty p{font-size:11px!important;line-height:1.5!important;margin:0!important}
body.home .gc-products-empty>.gc-button{grid-column:1/-1!important;justify-self:start!important}
body.home .gc-merch-section h2{font-size:7.29cqw!important}
body.home .gc-merch-section h2 em{display:block!important}
body.home .gc-merch-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
body.home .gc-merch-photo{height:120px!important;min-height:0!important;padding:8px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
body.home .gc-merch-photo img{position:static!important;width:100%!important;height:83px!important;object-fit:contain!important;transform:none!important}
body.home .gc-merch-photo span{position:static!important;font-size:8px!important;letter-spacing:0!important;padding:0!important;color:#fff!important}
body.home .gc-merch-caption{font-size:11px!important;line-height:1.5!important;margin:12px 0 0!important}
body.home .gc-perks{padding:20px 0!important}
body.home .gc-perks-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
body.home .gc-perks-grid>div{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;border:0!important;text-align:center!important;justify-items:center!important;padding:0!important}
body.home .gc-perks-grid strong{font-size:14px!important;margin:0!important}
body.home .gc-perks-grid span{font-size:10px!important;margin:0!important}
body.home .gc-contact-grid{grid-template-columns:1fr!important;gap:15px!important}
body.home .gc-contact h2{font-size:8.02cqw!important;line-height:.95!important;margin:10px 0 0!important}
body.home .gc-contact p{font-size:13px!important;line-height:1.5!important;margin-bottom:12px!important}
body.home .gc-contact-area,body.home .gc-footer-area{font-family:Arial,Helvetica,sans-serif!important;text-transform:none!important;font-weight:600!important;letter-spacing:0!important;font-size:clamp(9px,2.65cqw,11px)!important;line-height:1.65!important}
body.home .gc-contact-area .gas-area-line,body.home .gc-footer-area .gas-area-line{display:block!important;white-space:nowrap!important}
body.home .gc-contact-area .gas-appointment,body.home .gc-footer-area .gas-appointment{display:block!important}
body.home .gc-contact-methods{margin:12px 0!important;gap:7px!important}
body.home .gc-contact-methods>a{font-size:19px!important;overflow-wrap:anywhere!important}
body.home .gc-contact-grid .gas-inquiry-trigger{display:inline-flex!important;cursor:pointer!important}
body.home.gas-mobile-ready .gc-contact-grid .gas-desktop-email-cta{display:none!important}
body.home .gas-inquiry-panel[hidden]{display:none!important}
body.home .gas-inquiry-panel{margin-top:20px!important;border-top:1px solid #54403e!important;padding-top:16px!important}
body.home .gc-inquiry-wrap{width:100%!important;margin:0!important;padding:18px 0!important;background:transparent!important;border:0!important}
body.home .gc-inquiry-heading{display:none!important}
body.home .ff-el-group{margin-bottom:13px!important}
body.home .gc-inquiry-wrap input:not([type=checkbox]),body.home .gc-inquiry-wrap select,body.home .gc-inquiry-wrap textarea{max-width:100%!important;width:100%!important;padding:10px!important}
body.home .gc-footer{padding:32px 0 18px!important}
body.home .gc-footer-top{display:block!important;padding-bottom:20px!important}
body.home .gc-footer-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:22px!important}
body.home .gc-footer-links>div{min-width:0!important}
body.home .gc-footer-links strong{font-size:10px!important;letter-spacing:.02em!important;margin-bottom:9px!important}
body.home .gc-footer-links a{font-size:10px!important;padding:4px 0!important;line-height:1.3!important}
body.home .gc-footer-direct{margin-top:10px!important;gap:4px!important}
body.home .gc-footer-direct a{font-size:12px!important}
body.home .gc-footer-bottom{margin-top:22px!important;padding-top:13px!important;gap:8px!important;font-size:8px!important;letter-spacing:.02em!important}
}
@keyframes gas-approved-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){body.home .gc-tape .gc-tape-track{animation:none!important}}
@media screen and (min-width:651px){body.home .gas-mobile-service,body.home .gas-inquiry-trigger{display:none!important}}


/* Keep preview-only copy variants from affecting desktop. */
.gas-contact-copy-mobile{display:none}
@media screen and (max-width:650px) {
  body.home .gc-hero-copy>p {
    font-size:clamp(10.6px,3.05cqw,12.25px)!important;
    letter-spacing:-.022em!important;
  }
  body.home .gc-hero-copy>p .gas-hero-line {
    display:block!important;
    white-space:nowrap!important;
  }
  body.home .gas-contact-copy-desktop{display:none!important}
  body.home .gas-contact-copy-mobile{display:inline!important}
}

/* October 17 mobile layout refinements – retain desktop presentation. */
@media screen and (max-width:650px) {
  body.home .gc-hero-copy>p {
    font-size:clamp(10.6px,3.05cqw,12.25px)!important;
    line-height:1.54!important;
    letter-spacing:-.022em!important;
    max-width:100%!important;
  }
  body.home .gc-hero-nowrap-tail {
    display:block!important;
    white-space:nowrap!important;
    font-size:1em!important;
    margin-top:1px!important;
  }
  body.home .gc-hero-signoff {
    margin-top:18px!important;
    gap:5px!important;
  }
  body.home .gc-hero-signoff .gc-red-asterisk {
    font-size:13px!important;
    line-height:1!important;
    flex-shrink:0!important;
  }
  body.home .gc-services-lead .gas-service-tellus {
    display:block!important;
    margin-top:2px!important;
  }
  body.home .gc-bikes-visual {
    /* Collapse the unused room below the raised motorcycle. */
    height:112px!important;
    min-height:112px!important;
    margin-top:0!important;
    justify-content:flex-start!important;
    position:relative!important;
    overflow:visible!important;
  }
  body.home .gc-bikes-real {
    position:relative!important;
    left:-24px!important;
    top:-14px!important;
    width:70%!important;
    height:132px!important;
    max-height:132px!important;
    flex-shrink:0!important;
    object-fit:contain!important;
    /* The bike artwork has transparent space above it: translate the visible bike into the circle without moving the caption or listings. */
    transform:translate(-70px,-88px)!important;
    z-index:2!important;
    margin:0 auto!important;
  }
  body.home .gc-bikes-circle {
    top:-5px!important;
    right:-6px!important;
    width:31cqw!important;
    height:31cqw!important;
    z-index:0!important;
  }
  body.home .gc-bikes-visual-caption {
    position:absolute!important;
    right:0!important;
    bottom:10px!important;
    text-align:right!important;
    padding:0!important;
    margin:0!important;
  }
  body.home .gc-bikes-listings {
    position:relative!important;
    z-index:3!important;
  }
  body.home .gc-merch-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body.home .gc-merch-grid>.gc-merch-photo:nth-child(3) {
    grid-column:auto!important;
    grid-row:auto!important;
    height:120px!important;
  }
  body.home .gc-merch-photo {
    min-width:0!important;
    padding:6px!important;
  }
  body.home .gc-merch-photo img {
    width:100%!important;
    height:87px!important;
  }
  body.home .gc-merch-photo span {
    white-space:nowrap!important;
    overflow:visible!important;
    font-size:clamp(6.1px,1.92cqw,8px)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
    padding:0!important;
  }
  body.home .gc-contact-grid>div:nth-child(2)>p:not(.gc-contact-area) {
    max-width:none!important;
    font-size:12.2px!important;
    line-height:1.5!important;
    margin:0 0 14px!important;
  }
  body.home .gc-contact-area {
    display:none!important;
  }
}

/* Merch-only: four across with accessible tap-to-expand. No other homepage styles changed. */
body.home .gc-merch-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(7px,1vw,14px)!important}
body.home .gc-merch-grid>.gc-merch-photo,
body.home .gc-merch-grid>.gc-merch-photo:nth-child(3){grid-column:auto!important;grid-row:auto!important;min-width:0!important;height:clamp(180px,27vw,360px)!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;padding:10px!important;overflow:hidden!important;cursor:pointer!important}
body.home .gc-merch-grid>.gc-merch-photo img,
body.home .gc-merch-grid>.gc-merch-photo:first-child img{position:static!important;display:block!important;width:100%!important;height:calc(100% - 34px)!important;min-height:0!important;max-width:100%!important;object-fit:contain!important;transform:none!important;background:transparent!important}
/* Merch only: restore the Chain tee's natural contrast; visually match the Slow Poke tee's display size. */
body.home .gc-merch-grid>.gc-merch-photo:first-child img{filter:none!important;object-fit:contain!important;transform:scale(1.12)!important;transform-origin:center!important}
body.home .gc-merch-grid>.gc-merch-photo:first-child,
body.home .gc-merch-grid>.gc-merch-photo:last-child{background:#5f5f5f!important}
@media(max-width:650px){body.home .gc-merch-grid>.gc-merch-photo:first-child img{height:90px!important;max-height:90px!important;margin-top:-5px!important;transform:none!important}}
body.home .gc-merch-grid>.gc-merch-photo span{position:static!important;display:block!important;margin-top:3px!important;padding:0!important;background:none!important;color:#fff!important;white-space:nowrap!important;font:800 clamp(8px,.95vw,12px)/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:-.015em!important;overflow:hidden!important;text-overflow:clip!important}
body.home .gc-merch-grid>.gc-merch-photo:focus-visible{outline:3px solid #e52b34!important;outline-offset:3px!important}
body.home .gc-merch-grid>.gc-merch-photo[aria-expanded="true"]{outline:2px solid #e52b34;outline-offset:-2px}
body.home .gas-merch-expanded[hidden]{display:none!important}
body.home .gas-merch-expanded{margin-top:10px;padding:15px;min-height:230px;background:#0b0b0d;color:#fff;border:1px solid #5a3031;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}
/* Expanded merch: identical square gray image areas for Chain Logo and Slow Poke, with artwork proportions preserved. */
body.home .gas-merch-expanded img{display:block;width:min(100%,420px)!important;height:420px!important;max-width:420px!important;max-height:420px!important;object-fit:contain!important;background-color:#5f5f5f!important;flex-shrink:0!important}
body.home .gas-merch-expanded strong{font:800 13px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.04em}
body.home .gas-merch-expanded small{font:11px/1.5 Arial,Helvetica,sans-serif;color:#bfb8b2}
@media(max-width:650px){
  body.home .gc-merch-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  body.home .gc-merch-grid>.gc-merch-photo,
  body.home .gc-merch-grid>.gc-merch-photo:nth-child(3){height:110px!important;padding:4px!important;min-width:0!important}
  body.home .gc-merch-grid>.gc-merch-photo img{height:79px!important;max-height:79px!important;min-height:0!important}
  body.home .gc-merch-grid>.gc-merch-photo span{font:800 clamp(5.8px,1.68cqw,8px)/1.08 Arial,Helvetica,sans-serif!important;letter-spacing:-.045em!important;white-space:nowrap!important}
  body.home .gas-merch-expanded{min-height:225px;padding:12px 8px}
  body.home .gas-merch-expanded img{width:min(90%,290px)!important;height:290px!important;max-width:290px!important;max-height:290px!important;object-fit:contain!important;background-color:#5f5f5f!important}
}