@charset "utf-8"; /* Slider Core */ .hero-slider, .card-slider, .video-slider, .popup-slider { overflow: hidden; position: relative; } /* Business Card Slider: show side previews consistently */ .card-slider .swiper-slide { width: 85%; } .video-slider { margin: 0 -24px; padding: 0 24px; overflow: visible; } .video-slider .swiper-slide { width: 85%; } .price-panel { display: none; } .price-panel.is-active { display: block; } .pager-dots { display: flex; gap: 8px; justify-content: center; margin-top: 30px; position: relative !important; } .hero-dots { display: flex; gap: 8px; justify-content: center; margin-top: -30px; position: relative !important; } .hero-dots::after { display: block; margin-top: 30px; content: ''; } /* Swiper default absolute pagination override */ .hero-dots.swiper-pagination, .pager-dots.swiper-pagination { position: static; top: auto; right: auto; bottom: auto; left: auto; width: auto; transform: none; } .hero-dots .dot, .pager-dots .dot { border: 0; cursor: pointer; } .hero-dots .dot { width: 72px; height: 5px; background: rgba(255, 255, 255, 0.18); border-radius: 999px; } .hero-dots .dot.is-active { background: var(--accent); } .pager-dots .dot { width: 14px; height: 14px; background: #d9d9d9; border-radius: 999px; } .pager-dots .dot.is-active { background: #111; } /* Card Surface */ .featured-news, .video-card, .price-card, .service-link, .popup-card { box-shadow: var(--shadow-sm); overflow: hidden; background: var(--surface); border-radius: var(--radius-md); } .popup-card { border-radius: 0; } .featured-news__body, .video-card__body { padding: 18px 24px 20px; } /* Grid Groups */ .news-list, .notice-list, .sns-links, .service-links, .site-links, .related-sites__list { display: grid; gap: 12px; } /* Buttons & Link Blocks */ .icon-button { display: grid; place-items: center; margin: 0 auto; border: 1px solid #111; width: 60px; height: 60px; font-size: 2.4rem; border-radius: 50%; } .sns-link, .service-link, .site-links a, .related-sites summary { padding: 24px; box-shadow: var(--shadow-sm); background: var(--surface); border-radius: var(--radius-md); }