.asl-cont.asl-store-pg { --asl-page-accent: var(--sl-primary); --asl-page-background: var(--sl-list-bg); --asl-page-ink: var(--sl-list-title); --asl-page-muted: var(--sl-list-sub-title); --asl-page-border: var(--sl-highlighted); align-items: center; color: var(--sl-color); opacity: 1 !important; } .asl-store-pg .sl-container { max-width: 1180px; padding-left: 15px; padding-right: 15px; } .asl-store-pg .asl-store-breadcrumb { align-items: center; color: var(--asl-page-muted); display: flex; flex-wrap: wrap; font-size: 12px; gap: 10px; margin: 7px 0 27px; } .asl-store-pg .asl-store-breadcrumb a { color: var(--sl-infobox-a); display: inline; } .asl-store-pg .asl-store-hero { align-items: stretch; display: grid; gap: 24px; grid-template-columns: minmax(0, 1.14fr) minmax(0, 1fr); } .asl-store-pg .asl-store-summary { padding: 10px 0 9px; } .asl-store-pg .asl-store-heading { align-items: flex-start; display: flex; gap: 14px; } .asl-store-pg .asl-store-logo { background: var(--asl-page-background); border: 1px solid var(--asl-page-border); border-radius: 10px; height: 58px; object-fit: contain; padding: 6px; width: 58px; } .asl-store-pg .asl-store-heading-copy { min-width: 0; } .asl-store-pg .asl-store-heading-copy-no-rating { align-self: center; } .asl-store-pg .asl-store-title-row { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; } .asl-store-pg .sl-store-title { color: var(--asl-page-ink); font-size: 26px; font-weight: 700; line-height: 1.25; margin: 0; } .asl-store-pg .asl-verified { align-items: center; background: var(--sl-header); border: 1px solid var(--sl-primary); border-radius: 999px; box-shadow: 0 1px 2px rgba(57, 151, 46, .08); color: var(--sl-header-color); display: inline-flex; font-size: 12px; font-weight: 600; gap: 5px; line-height: 1; padding: 5px 9px 5px 6px; white-space: nowrap; } .asl-store-pg .asl-verified > span { align-items: center; background: var(--sl-primary); border-radius: 50%; color: var(--sl-action-btn-color); display: inline-flex; flex: 0 0 16px; font-size: 10px; font-weight: 700; height: 16px; justify-content: center; line-height: 1; width: 16px; } .asl-store-pg .asl-store-rating { align-items: center; color: var(--asl-page-muted); display: flex; flex-wrap: wrap; font-size: 13px; gap: 8px; line-height: 1; margin-top: 11px; } .asl-store-pg .asl-rating-stars { display: inline-block; flex: 0 0 99px; font-family: Arial, sans-serif; font-size: 20px; height: 21px; letter-spacing: 2px; line-height: 21px; position: relative; width: 99px; } .asl-store-pg .asl-rating-stars-empty { color: var(--sl-highlighted); left: 0; position: absolute; text-shadow: 0 1px 1px rgba(16, 32, 57, .06); top: 0; } .asl-store-pg .asl-rating-stars-fill { color: #ffad16; left: 0; overflow: hidden; position: absolute; text-shadow: 0 1px 1px rgba(194, 117, 0, .12); top: 0; white-space: nowrap; z-index: 1; } .asl-store-pg .asl-rating-value { color: var(--sl-infobox-color); font-weight: 700; white-space: nowrap; } .asl-store-pg .asl-review-count { color: var(--sl-infobox-color); font-weight: 500; margin-left: -3px; white-space: nowrap; } .asl-store-pg .asl-store-contact { display: grid; gap: 14px; list-style: none; margin: 28px 0 0; padding: 0; } .asl-store-pg .asl-store-contact li { align-items: flex-start; color: var(--sl-color); display: flex; font-size: 13px; gap: 12px; line-height: 20px; } .asl-store-pg .asl-store-contact li > i { align-items: center; color: inherit; display: inline-flex; flex: 0 0 17px; font-size: 16px; height: 20px; justify-content: center; line-height: 1; margin: 0; text-align: center; } .asl-store-pg .asl-store-contact li > i::before { line-height: 1; margin: 0; } .asl-store-pg .asl-store-contact a { color: inherit; display: inline; line-height: 20px; } .asl-store-pg .asl-current-hours { align-items: center; display: flex; gap: 6px; line-height: 20px; } .asl-store-pg .asl-current-status { font-weight: 600; } .asl-store-pg .asl-current-status.is-open { color: #24a34a; } .asl-store-pg .asl-current-status.is-closed { color: #ff3131; } .asl-store-pg .asl-current-time { color: var(--sl-color); } .asl-store-pg .asl-store-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 25px; } .asl-store-pg .asl-store-btn { align-items: center; border: 1px solid; border-radius: 6px; display: inline-flex; font-size: 14px; font-weight: 600; gap: 7px; justify-content: center; min-height: 39px; padding: 8px 19px; } .asl-cont.asl-store-pg a.asl-store-btn-primary, .asl-cont.asl-store-pg a.asl-store-btn-primary:visited { background: var(--sl-action-btn-bg); border-color: var(--sl-action-btn-bg); color: var(--sl-action-btn-color); } .asl-cont.asl-store-pg a.asl-store-btn-secondary, .asl-cont.asl-store-pg a.asl-store-btn-secondary:visited { background: var(--sl-infobox-bg); border-color: var(--sl-primary); color: var(--sl-infobox-a); } .asl-cont.asl-store-pg a.asl-store-btn-secondary:hover, .asl-cont.asl-store-pg a.asl-store-btn-secondary:focus { background: var(--sl-action-btn-bg); border-color: var(--sl-action-btn-bg); color: var(--sl-action-btn-color); } .asl-cont.asl-store-pg a.asl-store-btn-primary:hover, .asl-cont.asl-store-pg a.asl-store-btn-primary:focus { background: var(--sl-primary); border-color: var(--sl-primary); color: var(--sl-action-btn-color); } .asl-store-pg .asl-store-map-wrap { aspect-ratio: 1.18 / 1; min-height: 0; } .asl-cont.asl-store-pg .asl-detail-map { background: var(--sl-highlighted); border-radius: 12px; height: 100%; margin: 0; max-width: none !important; min-height: 0; overflow: hidden; padding: 0; width: 100%; } .asl-store-pg .asl-store-gallery { border-top: 1px solid var(--asl-page-border); margin-top: 20px; padding-top: 21px; } .asl-store-pg .asl-section-heading { align-items: center; display: flex; justify-content: space-between; margin-bottom: 16px; } .asl-store-pg .asl-section-heading h2, .asl-store-pg .asl-detail-card h2 { color: var(--asl-page-ink); font-size: 16px; font-weight: 700; line-height: 1.3; margin: 0; } .asl-store-pg .asl-gallery-toggle { background: transparent; border: 0; color: var(--asl-page-accent); cursor: pointer; font-size: 12px; font-weight: 600; padding: 5px 0; } .asl-store-pg .asl-gallery-grid { display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); } .asl-store-pg .asl-gallery-item { aspect-ratio: 1.55 / 1; border-radius: 8px; display: block; height: auto; overflow: hidden; } .asl-store-pg .asl-gallery-item[hidden] { display: none; } .asl-store-pg .asl-gallery-item img { display: block; height: 100%; object-fit: cover; transition: transform .2s ease; width: 100%; } .asl-store-pg .asl-gallery-item:hover img { transform: scale(1.03); } .asl-store-pg .asl-store-details { display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 20px; } .asl-store-pg .asl-detail-card { background: var(--sl-infobox-bg); border: 1px solid var(--asl-page-border); border-radius: 10px; box-shadow: 0 2px 9px rgba(26, 43, 67, .045); min-width: 0; padding: 24px 23px; } .asl-store-pg .asl-detail-card h2 { font-size: 17px; line-height: 1.25; margin-bottom: 22px; } .asl-store-pg .asl-description, .asl-store-pg .asl-description p { color: var(--sl-color); font-size: 13px; line-height: 1.8; } .asl-store-pg .asl-description p + p { margin-top: 14px; } .asl-store-pg .asl-description ul { display: grid; gap: 13px; list-style: none; margin: 18px 0 0; padding: 0; } .asl-store-pg .asl-description li { align-items: flex-start; color: var(--sl-color); display: flex; font-size: 13px; gap: 12px; line-height: 1.45; } .asl-store-pg .asl-description li::before { color: var(--sl-primary); content: "✓"; flex: 0 0 16px; font-size: 17px; font-weight: 700; line-height: 1; margin-top: 1px; text-align: center; } .asl-store-pg .asl-business-hours .sl-day { display: grid; font-size: 13px; gap: 16px; grid-template-columns: minmax(75px, 1fr) auto; line-height: 1.35; margin-bottom: 14px; } .asl-store-pg .asl-business-hours .sl-day:last-child { margin-bottom: 0; } .asl-store-pg .asl-business-hours .sl-day-lbl { color: var(--sl-color); } .asl-store-pg .asl-business-hours .sl-timings { color: var(--sl-infobox-color); text-align: right; } .asl-store-pg .asl-business-hours .asl-time-closed { color: #ff3131; font-weight: 500; } .asl-store-pg .asl-category-list { display: grid; gap: 16px; list-style: none; margin: 0; padding: 0; } .asl-store-pg .asl-category-list li { align-items: center; color: var(--sl-color); display: flex; font-size: 13px; gap: 13px; line-height: 1.35; } .asl-store-pg .asl-category-list img, .asl-store-pg .asl-category-list i { color: var(--asl-page-accent); flex: 0 0 19px; font-size: 18px; height: 19px; object-fit: contain; text-align: center; width: 19px; } @media (max-width: 700px) { .asl-store-pg .asl-store-hero { gap: 28px; grid-template-columns: 1fr; } .asl-store-pg .asl-store-details { grid-template-columns: 1fr; } } @media (max-width: 700px) { .asl-store-pg .asl-store-breadcrumb { margin-bottom: 20px; } .asl-store-pg .asl-store-summary { padding-top: 0; } .asl-store-pg .asl-store-heading { flex-direction: column; } .asl-store-pg .asl-store-heading-copy-no-rating { align-self: stretch; } .asl-store-pg .sl-store-title { font-size: 23px; } .asl-store-pg .asl-store-map-wrap, .asl-cont.asl-store-pg .asl-detail-map { aspect-ratio: auto; min-height: 300px; } .asl-store-pg .asl-gallery-grid { grid-template-columns: minmax(0, 1fr); } .asl-store-pg .asl-store-btn { flex: 1 1 auto; } }