/* Cowboy Coating design layer. Loaded after css/site.css.
   Values follow github.com/elayadesign/ai-design-skills (landing-page-design, Part B):
   Tailwind type scale, the spacing tokens, Tailwind radii, flat backgrounds and one motion curve.
   The brand stays as published: Gilroy, the rust, cream and charcoal palette, the logo and the video hero. */
:root {
  /* Buttons use the brand orange of the live site, logo and promo strip. Small text on light
     backgrounds keeps the deeper rust so it stays easy to read. */
  --cc-button: #d16527; --cc-button-hover: #b9551f; --cc-accent: #a9562e; --cc-accent-strong: #8c4323;
  --cc-ink: #242321; --cc-warm-white: #fffaf6;
  --cc-line: #dfcec0; --cc-muted: #625a53;
  --space-0: 0; --space-25: 2px; --space-50: 4px; --space-75: 8px; --space-100: 12px; --space-200: 16px;
  --space-300: 24px; --space-400: 32px; --space-500: 40px; --space-600: 48px; --space-700: 64px;
  --space-800: 80px; --space-900: 96px;
  --radius-md: 6px; --radius-lg: 8px; --radius-xl: 12px; --radius-2xl: 16px; --radius-full: 9999px;
  --ease: cubic-bezier(.22, 1, .36, 1); --fast: 300ms; --slow: 500ms;
  --header-h: 128px; /* promo strip plus navigation, fixed to the top of every page */
}

/* Named text styles (B1). Apply these instead of loose size and weight pairs. */
.heading-1 { font-size: 60px; line-height: 1; font-weight: 600; }
.heading-2 { font-size: 48px; line-height: 1; font-weight: 600; }
.heading-3 { font-size: 36px; line-height: 40px; font-weight: 600; }
.heading-4 { font-size: 30px; line-height: 36px; font-weight: 600; }
.heading-5 { font-size: 24px; line-height: 32px; font-weight: 600; }
.heading-6 { font-size: 20px; line-height: 28px; font-weight: 600; }
.title-1 { font-size: 20px; line-height: 28px; font-weight: 500; }
.title-2 { font-size: 18px; line-height: 28px; font-weight: 500; }
.title-3 { font-size: 16px; line-height: 24px; font-weight: 500; }
.title-4 { font-size: 14px; line-height: 20px; font-weight: 500; }
.title-5 { font-size: 12px; line-height: 16px; font-weight: 500; }
.body-1 { font-size: 16px; line-height: 24px; font-weight: 600; }
.body-2 { font-size: 16px; line-height: 24px; font-weight: 500; }
.body-3 { font-size: 16px; line-height: 24px; font-weight: 400; }
.body-4 { font-size: 14px; line-height: 20px; font-weight: 600; }
.body-5 { font-size: 14px; line-height: 20px; font-weight: 500; }
.body-6 { font-size: 14px; line-height: 20px; font-weight: 400; }
.button-lg { font-size: 18px; line-height: 28px; font-weight: 600; }
.button-md { font-size: 16px; line-height: 24px; font-weight: 600; }
.button-sm { font-size: 14px; line-height: 20px; font-weight: 600; }
.button-xsm { font-size: 12px; line-height: 16px; font-weight: 600; }
.caption-1 { font-size: 14px; line-height: 20px; font-weight: 500; }
.caption-2 { font-size: 14px; line-height: 20px; font-weight: 400; }
.caption-3 { font-size: 12px; line-height: 16px; font-weight: 600; }
.caption-4 { font-size: 12px; line-height: 16px; font-weight: 500; }
.caption-5 { font-size: 12px; line-height: 16px; font-weight: 400; }

/* Base */
html { font-size: 16px; scroll-padding-top: var(--header-h); }
body { font-size: 16px; line-height: 24px; }
em, i, cite, address, .text-style-italic { font-style: normal; }
h1, h2, h3, .heading-style-h1, .heading-style-h2 { max-width: 100%; min-width: 0; white-space: normal; overflow-wrap: break-word; text-wrap: balance; }
/* The longhand keeps inherited nowrap (the service ticker) intact; the shorthand would reset it. */
p, li, dd, summary { text-wrap-style: pretty; }
h1, .heading-style-h1 { font-size: 60px; line-height: 1; }
h2, .heading-style-h2 { font-size: 36px; line-height: 40px; }
.text-size-medium { font-size: 16px; line-height: 24px; }
.text-size-small { font-size: 14px; line-height: 20px; }
.padding-global { padding-inline: var(--space-700); }
.container-large { max-width: 1240px; min-width: 0; }
.container-medium, .container-small { min-width: 0; width: 100%; }
.padding-section-medium { padding-block: var(--space-800); }
.div-block-13, .div-block-25 { gap: var(--space-600); }
.div-block-14, .div-block-27 { min-width: 0; max-width: 100%; gap: var(--space-200); }
.div-block-14 { width: 100%; text-align: center; align-items: center; }
.div-block-14 h2 { width: 100%; }
.div-block-13 > *, .div-block-16 > *, .div-block-25 > *, .div-block-33 > *, .div-block-34 > *, .div-block-44 > *, .div-block-56 > *, .div-block-62 > *, .div-block-48 > *, .div-block-49 > * { min-width: 0; }
/* Four service cards: one row on wide screens, two by two on laptops and tablets. */
.div-block-16 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-300); }
@media (max-width: 1199px) { .div-block-16 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.div-block-15 { height: auto; min-height: 32px; padding: var(--space-50) var(--space-100); align-items: center; font-size: 12px; line-height: 16px; font-weight: 600; color: var(--cc-accent); border-color: #c99170; }
.div-block-17 { border-radius: var(--radius-xl); }
.div-block-18 { padding: var(--space-300); gap: var(--space-300); }
.div-block-20 { gap: var(--space-75); }
.div-block-22 { align-items: baseline; }
.div-block-23 { align-self: flex-start; margin-top: var(--space-75); }
.div-block-28 { padding: var(--space-400); border-radius: var(--radius-xl); }
.rew_text { font-size: 16px; line-height: 24px; }

/* Hero (B5): heading and subheading share a 680px measure. The video stays full width. */
.section_home-1 { min-height: 720px; padding-top: calc(var(--header-h) + var(--space-600)); padding-bottom: var(--space-700); }
.section_home-1 .padding-section-medium { padding-block: var(--space-500); }
.section_home-1 .heading { font-size: 60px; line-height: 1; }
.section_home-1 .div-block { gap: var(--space-300); }
.section_home-1 .div-block-2 { gap: var(--space-200); width: 100%; max-width: 680px; }
.section_home-1 .div-block-3 { max-width: 680px; }
.section_home-1 .text-size-medium { font-size: 18px; line-height: 28px; }
.section_hero-1 { padding-top: calc(var(--header-h) + var(--space-900)); padding-bottom: var(--space-900); }
.section_hero-1 h1, .section_hero-1 h1 + p, .section_hero-1 .text-size-medium { max-width: 680px; }
/* Detailing page: a shop photo behind a flat dark overlay, and photos where other service pages use video. */
.section_hero-1.is-detailing { background-image: linear-gradient(#000000a6, #000000a6), url(/assets/544b45092c64-69f9c675e9bc2ec6080f7895_DSC07913-1.avif); }
.code-embed-4 .cc-fill { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
/* The process photo column fills the height of the steps beside it. */
.section_service-4 .div-block-34 { align-self: stretch; }
.section_legal { padding-top: calc(var(--header-h) + var(--space-700)); }
.div-block-54 { gap: var(--space-200); }
.div-block-45 { background-image: linear-gradient(#0000007d, #0000007d), url(/assets/0acfbdd35aee-69f8faa26b988c7d9e322c87_Auto-detailing-co-to-jest-i-ile-kosztuje-2048x1365.webp); }

/* Buttons (B2, B9): 8px by 12px padding, Button-md text, with hover, active and focus states. */
.button:not(.is-link) { aspect-ratio: auto; min-width: 128px; min-height: 44px; height: auto; max-width: 100%; padding: var(--space-75) var(--space-100); border: 1px solid transparent; border-radius: var(--radius-lg); background-image: none; background-color: var(--cc-button); color: #fff; font-size: 16px; line-height: 24px; font-weight: 600; white-space: normal; text-align: center; display: inline-flex; align-items: center; justify-content: center; transition: background-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--slow) var(--ease); }
.button:not(.is-link):hover { background-color: var(--cc-button-hover); }
.button:not(.is-link):active, .cc-review-link:active, .rev-modal__item:active { transform: scale(.98); }
.button.is-white { background-color: var(--cc-warm-white); color: var(--cc-ink); }
.button.is-white:hover { background-color: #eee2d7; }
.button.is-black { background-color: #292825; }
.button.is-black:hover { background-color: #11110f; }
.button.is-navbar2-button { min-height: 40px; min-width: 112px; font-size: 14px; line-height: 20px; }
.button.is-large { width: 100%; }
.button-group { gap: var(--space-100); flex-wrap: wrap; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 2px solid #9b4b27; outline-offset: 4px; }
[tabindex="-1"]:focus-visible { outline: none; }
.navbar2_component a:focus-visible, .section_home-1 a:focus-visible, .div-block-77 a:focus-visible { outline-color: #fffaf6; }
.navbar2_link, .navbar2_dropdwn-toggle { font-size: 16px; line-height: 24px; font-weight: 500; transition: color var(--fast) var(--ease), opacity var(--fast) var(--ease); }
.navbar2_link.w--current { text-decoration: underline; text-underline-offset: 8px; }
.navbar2_component { background-color: rgba(36, 35, 32, .92); }
.menu-icon2_line-top, .menu-icon2_line-middle, .menu-icon2_line-bottom, .menu-icon2_line-middle-inner { transition: transform var(--slow) var(--ease), opacity var(--fast) var(--ease); }
.link-2 { transition: color var(--fast) var(--ease); }
.link-2:hover { color: var(--cc-accent); }

/* Forms */
.text-field { min-height: 48px; font-size: 16px; line-height: 24px; padding: var(--space-100) var(--space-200); border-radius: var(--radius-lg); transition: border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease); }
.text-field::placeholder { color: #71685f; }
.form-block { border-radius: var(--radius-xl); }
.form { column-gap: var(--space-300); row-gap: var(--space-300); }
.div-block-69 { min-width: 0; width: 100%; gap: var(--space-75); }
.div-block-69 .text-size-medium { font-size: 16px; line-height: 24px; }
.checkbox-field:not(._2) { display: flex; align-items: center; gap: var(--space-75); min-height: 44px; margin-bottom: 0; }
.checkbox-field:not(._2) .checkbox { flex: 0 0 24px; width: 24px; height: 24px; margin: 0; }
.checkbox-field:not(._2) .w-form-label { margin: 0; }
.quote-form-status { margin: 0; font-size: 14px; line-height: 20px; font-weight: 500; color: #8a2c14; }
.quote-form-status:empty { display: none; }
.field-error { margin: var(--space-50) 0 0; font-size: 14px; line-height: 20px; font-weight: 500; color: #8a2c14; }
.text-field[aria-invalid="true"], .checkbox[aria-invalid="true"] { border-color: #8a2c14; box-shadow: 0 0 0 1px #8a2c14; }
::selection { background: #a9562e; color: #fffaf6; }

/* Skip link (B10) */
.skip-link { position: fixed; left: var(--space-200); top: var(--space-200); z-index: 10000; padding: var(--space-75) var(--space-100); border-radius: var(--radius-lg); background: var(--cc-warm-white); color: var(--cc-ink); font-size: 14px; line-height: 20px; font-weight: 600; text-decoration: none; transform: translateY(-64px); opacity: 0; transition: transform var(--slow) var(--ease), opacity var(--fast) var(--ease); }
.skip-link:focus { transform: none; opacity: 1; }

/* Tagline reveal (B11): large type, each word lights up as it crosses the trigger line. */
.cc-tagline { background: var(--cc-ink); padding-block: var(--space-900); }
.cc-tagline_text { max-width: 680px; margin: 0 auto; color: var(--cc-warm-white); font-family: Gilroy, Arial, sans-serif; font-size: 48px; line-height: 1; font-weight: 600; text-wrap: balance; }
.cc-tagline_text .word { opacity: .3; transition: opacity var(--slow) var(--ease); }
.cc-tagline_text .word.is-lit { opacity: 1; }

/* FAQ (A2, A7): plain questions and answers, mirrored in FAQPage structured data. */
.cc-faq { background: var(--cc-warm-white); }
.cc-faq_layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--space-700); align-items: start; }
.cc-faq_intro { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-200); }
.cc-faq_intro a { color: var(--cc-accent-strong); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.cc-faq_list { display: flex; flex-direction: column; gap: var(--space-100); }
.cc-faq_item { border: 1px solid var(--cc-line); border-radius: var(--radius-xl); background: #fff; transition: border-color var(--fast) var(--ease); }
.cc-faq_item:hover, .cc-faq_item[open] { border-color: var(--cc-button); }
.cc-faq_question { display: flex; align-items: center; justify-content: space-between; gap: var(--space-200); padding: var(--space-200) var(--space-300); cursor: pointer; list-style: none; color: var(--cc-ink); border-radius: var(--radius-xl); }
.cc-faq_question::-webkit-details-marker { display: none; }
.cc-faq_icon { flex: 0 0 20px; color: var(--cc-button); transition: transform var(--slow) var(--ease); }
.cc-faq_item[open] .cc-faq_icon { transform: rotate(180deg); }
.cc-faq_answer { padding: 0 var(--space-300) var(--space-300); color: var(--cc-muted); }
.cc-faq_answer p { margin: 0; max-width: 680px; }

/* 404 (B10) */
.cc-404 { padding-top: calc(var(--header-h) + var(--space-900)); padding-bottom: var(--space-900); background: var(--cc-warm-white); }
.cc-404_inner { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-300); max-width: 680px; }
.cc-404_inner h1 { color: var(--cc-ink); }

/* Scroll reveal (B7): sections rise 32px and fade in once. Only active when site.js has run. */
.js-reveal [data-reveal], .js-reveal .reveal { opacity: 0; transform: translateY(var(--space-400)); transition: opacity 700ms var(--ease), transform 700ms var(--ease); }
.js-reveal [data-reveal].is-visible, .js-reveal .reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 991px) {
  .padding-global { padding-inline: var(--space-400); }
  h1, .heading-style-h1, .section_home-1 .heading { font-size: 48px; line-height: 1; }
  h2, .heading-style-h2 { font-size: 30px; line-height: 36px; }
  .navbar2_menu { background-color: #292724; }
  .div-block-27._80 { max-width: 100%; }
  .div-block-33, .div-block-62 { gap: var(--space-500); }
  .div-block-34, .div-block-44 { width: 100%; }
  .section_hero-1 { padding-top: calc(var(--header-h) + var(--space-700)); padding-bottom: var(--space-700); }
  .div-block-45 { padding-right: var(--space-500); }
  .cc-faq_layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-400); }
  .cc-tagline_text { font-size: 36px; line-height: 40px; }
  /* Mobile menu (B7): links arrive in reading order, 60ms apart. */
  .w-nav[data-collapse="medium"] .w-nav-menu[data-nav-menu-open] > * { animation: cc-menu-in var(--slow) var(--ease) both; }
  .w-nav-menu[data-nav-menu-open] > :nth-child(2) { animation-delay: 60ms; }
  .w-nav-menu[data-nav-menu-open] > :nth-child(3) { animation-delay: 120ms; }
  .w-nav-menu[data-nav-menu-open] > :nth-child(4) { animation-delay: 180ms; }
}
@keyframes cc-menu-in { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@media (max-width: 767px) {
  .padding-section-medium { padding-block: var(--space-600); }
  h1, .heading-style-h1, .section_home-1 .heading { font-size: 36px; line-height: 40px; }
  .section_home-1 { min-height: 580px; padding-top: calc(var(--header-h) + var(--space-200)); padding-bottom: var(--space-400); }
  .section_home-1 .padding-section-medium { padding-block: var(--space-300); }
  .section_home-1 .text-size-medium { font-size: 16px; line-height: 24px; }
  .section_hero-1 { padding-top: calc(var(--header-h) + var(--space-600)); padding-bottom: var(--space-700); }
  .div-block-18, .div-block-28 { padding: var(--space-300); }
  .form-block { padding: var(--space-300); }
  .cc-tagline { padding-block: var(--space-700); }
  .cc-tagline_text { font-size: 30px; line-height: 36px; }
  .cc-404 { padding-top: calc(var(--header-h) + var(--space-700)); padding-bottom: var(--space-700); }
}
@media (max-width: 479px) {
  .padding-global { padding-inline: var(--space-200); }
  h2, .heading-style-h2 { font-size: 24px; line-height: 32px; }
  .div-block-14 h2 { max-width: 100%; }
  .section_home-1 .button-group { width: 100%; justify-content: center; gap: var(--space-100); }
  .section_home-1 .button-group .button { flex: 1 1 120px; min-width: 0; }
  .navbar2_component { padding-block: var(--space-75); }
  .button.is-navbar2-button { min-width: 96px; }
  .div-block-45 { min-width: 0; width: 100%; margin-inline: 0; margin-bottom: 0; border-radius: var(--radius-lg); padding: var(--space-400) var(--space-300) var(--space-600); gap: var(--space-300); }
  .div-block-48, .div-block-49 { gap: var(--space-300); }
  .div-block-48 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .div-block-51 { min-width: 0; max-width: 100%; }
  .div-block-51 a { max-width: 100%; white-space: normal; overflow-wrap: break-word; }
  .div-block-59 .image-9 { display: none; }
  .div-block-60, .div-block-61 { min-width: 0; width: 100%; }
  .div-block-60 { gap: var(--space-400); }
  .cc-faq_question { padding: var(--space-200); }
  .cc-faq_answer { padding: 0 var(--space-200) var(--space-200); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-property: opacity, color, background-color, border-color !important; animation: none !important; scroll-behavior: auto !important; }
  .js-reveal [data-reveal], .js-reveal .reveal { transform: none; }
  .cc-tagline_text .word { opacity: 1; transition: none !important; }
}

/* Reviews and local visits: the same warm palette, with direct paths to each shop. */
#reviews, #locations, #faq { scroll-margin-top: var(--header-h); }
.cc-reviews-heading { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-400); }
.cc-section-note { color: var(--cc-muted); font-size: 16px; line-height: 24px; max-width: 46ch; }
.cc-review-links { display: flex; gap: var(--space-100); flex-shrink: 0; }
.cc-review-link { display: flex; align-items: center; justify-content: space-between; gap: var(--space-300); min-width: 178px; min-height: 76px; padding: var(--space-100) var(--space-200); border: 1px solid #d9c8ba; border-radius: var(--radius-lg); color: #7d3d20; background: var(--cc-warm-white); font-size: 16px; line-height: 24px; font-weight: 600; text-decoration: none; transition: background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--slow) var(--ease); }
.cc-review-link small { display: block; margin-top: var(--space-25); font-size: 12px; line-height: 16px; font-weight: 400; }
.cc-review-link:hover { background: #f4e8de; border-color: var(--cc-button); }
.cc-review-link svg, .cc-location-actions svg { width: 18px; height: 18px; flex: 0 0 18px; }
.section_home-4 .slider { padding-bottom: var(--space-700); }
.section_home-4 .mask { width: 100%; overflow: hidden; }
.section_home-4 .slide { width: calc((100% - 24px) / 2); margin-right: var(--space-300); }
.section_home-4 .div-block-28 { padding: var(--space-400); gap: var(--space-300); border-color: #e4d8ce; background: var(--cc-warm-white); }
.section_home-4 .div-block-29 { gap: var(--space-200); }
.section_home-4 .div-block-32 { gap: var(--space-200); }
.section_home-4 .div-block-32 .text-size-large { font-size: 18px; line-height: 28px; }
.section_home-4 .div-block-32 .text-size-small { font-size: 12px; line-height: 16px; font-weight: 400; color: #665e57; margin-top: var(--space-50); }
.section_home-4 .image-4 { width: 112px; height: 22px; object-fit: contain; }
.section_home-4 .rew_button { color: #8c4323; min-height: 44px; padding-block: var(--space-75); }
.section_home-4 .div-block-30 .image-3 { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-md); }
.section_home-4 .arrow { inset: auto 0 0 auto; width: 44px; height: 44px; border-radius: var(--radius-lg); background-color: var(--cc-button); transition: background-color var(--fast) var(--ease); }
.section_home-4 .arrow.is-left { right: 56px; }
.section_home-4 .arrow:hover { background-color: var(--cc-button-hover); }
.section_home-5 .div-block-33 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: start; gap: var(--space-700); }
.section_home-5 .div-block-34 { gap: var(--space-400); }
.cc-locations-list { width: 100%; }
.cc-location { padding: var(--space-300) 0; border-top: 1px solid var(--cc-line); }
.cc-location:last-child { padding-bottom: 0; }
.cc-location h3 { font-size: 24px; line-height: 32px; margin: 0 0 var(--space-75); text-transform: none; }
.cc-location address { font-size: 16px; line-height: 24px; color: var(--cc-muted); }
.cc-location-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-75) var(--space-200); margin-top: var(--space-200); }
.button.cc-google-button { min-width: 0; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-75); font-size: 14px; line-height: 20px; }
.cc-directions { display: inline-flex; align-items: center; gap: var(--space-75); min-height: 44px; font-size: 14px; line-height: 20px; color: #704023; text-decoration: underline; text-underline-offset: 4px; transition: color var(--fast) var(--ease); }
.cc-directions:hover { color: #242321; }
.cc-shop-hours { width: 100%; border-top: 1px solid var(--cc-line); padding-top: var(--space-300); display: grid; grid-template-columns: auto 1fr; gap: var(--space-300); }
.cc-shop-hours h3 { font-size: 16px; line-height: 24px; text-transform: none; letter-spacing: 0; }
.cc-shop-hours dl { margin: 0; font-size: 14px; line-height: 20px; }
.cc-shop-hours dl > div { display: flex; justify-content: space-between; gap: var(--space-200); margin-bottom: var(--space-75); }
.cc-shop-hours dt { font-weight: 400; color: var(--cc-muted); }
.cc-shop-hours dd { margin: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
.section_home-5 .code-embed-4 { border-radius: var(--radius-xl); align-self: stretch; aspect-ratio: auto; min-height: 540px; }
@media (max-width: 1100px) {
  .cc-reviews-heading { align-items: flex-start; flex-direction: column; gap: var(--space-300); }
  .cc-review-links { width: 100%; }
  .cc-review-link { flex: 1; }
}
@media (max-width: 991px) {
  .section_home-5 .code-embed-4 { width: 100%; min-height: 0; aspect-ratio: 16 / 10; }
  .section_home-5 .div-block-34 { width: 100%; }
  .section_home-5 .div-block-33 { gap: var(--space-400); }
}
@media (max-width: 767px) {
  .section_home-4 .slide { width: 100%; margin-right: var(--space-200); }
  .section_home-4 .div-block-28 { padding: var(--space-300); gap: var(--space-200); }
  .section_home-4 .image-4 { width: 92px; height: 20px; }
  .section_home-4 .div-block-32 { flex-wrap: wrap; }
  .cc-review-link { min-width: 0; padding: var(--space-100); gap: var(--space-100); font-size: 14px; line-height: 20px; }
  .cc-shop-hours { grid-template-columns: 1fr; gap: var(--space-100); }
}
@media (max-width: 359px) {
  .cc-review-links { flex-direction: column; }
  .cc-review-link { min-height: 66px; }
}