@import url(variables.css);@import url(components.css);#body{padding-top:var(--header-height-desktop);min-height:100vh;background:var(--color-bg-primary);overflow-x:hidden}.hero-section{position:relative;height:400px;display:flex;align-items:center;background-color:#111;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;overflow:hidden;animation:slideInDown .8s ease-out}.hero-section[style*=background-image]{background-size:cover!important;background-position:center center!important;min-height:400px}.hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.6)0,rgba(255,122,0,.1) 30%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.2) 100%);z-index:1}.hero-content{position:relative;z-index:2;padding:0 60px;max-width:1200px;width:100%;margin:0 auto}.hero-title{font-size:42px;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.2;letter-spacing:-.02em;animation:fadeInUp .8s ease-out}.hero-subtitle{font-size:16px;color:rgba(255,255,255,.85);line-height:1.6;font-weight:300;animation:fadeInUp .8s ease-out .1s both}.container{max-width:1440px;margin:0 auto;padding:0 60px}.content-section{padding:60px 0}.section-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:32px;line-height:1.2;position:relative;animation:fadeInUp .8s ease-out .2s both}.section-title::after{content:"";position:absolute;bottom:-12px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,#fa3 100%);border-radius:2px}.shop-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.shop-details h3{font-size:28px;color:#fff;margin-bottom:20px;font-weight:700}.shop-details p{font-size:15px;line-height:1.7;color:#e5e5e5;margin-bottom:16px}.shop-details p:last-child{margin-bottom:0}.shop-details strong{color:#fff;font-weight:600}.shop-details a{color:var(--color-primary);text-decoration:none;transition:opacity .3s ease}.shop-details a:hover{opacity:.8}.shop-image{border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.5)}@media (max-width:768px){.shop-image{border-radius:var(--radius-md)}}.shop-image img{width:100%;height:auto;display:block}.directions-section{background:#000;padding:60px 0}.route-list{display:grid;gap:20px;position:relative}.route-list::before{content:"";position:absolute;left:30px;top:40px;bottom:40px;width:2px;background:rgba(255,122,0,.3);z-index:0}.route-item{display:grid;grid-template-columns:60px 1fr;gap:24px;align-items:start;position:relative;z-index:1}.route-step{width:60px;height:60px;background:#000;border:2px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--color-primary);position:relative;z-index:2}.route-card{background:linear-gradient(145deg,rgba(20,20,20,.9)0,rgba(0,0,0,.95) 100%);border:1px solid rgba(255,122,0,.2);border-radius:16px;padding:28px;display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 0 1px rgba(255,122,0,.1)}@media (max-width:768px){.route-card{border-radius:var(--radius-md)}}.route-card:hover{border-color:rgba(255,122,0,.6);transform:translateX(12px) scale(1.02);box-shadow:0 8px 32px rgba(255,122,0,.25),0 0 0 1px rgba(255,122,0,.3);background:linear-gradient(145deg,rgba(30,30,30,.95)0,rgba(10,10,10,.98) 100%)}.route-image{flex-shrink:0}.route-item img{width:100%;height:160px;object-fit:cover;border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.3)}.route-content{display:flex;flex-direction:column;gap:12px}.route-item h3{font-size:18px;font-weight:600;color:#fff;margin:0;line-height:1.4}.route-list-horizontal{display:flex;gap:24px;align-items:center;justify-content:center;overflow-x:auto;padding:20px 0}.route-item-horizontal{position:relative;display:flex;align-items:center;gap:24px}.route-item-horizontal .image-container{position:relative}.route-step-horizontal{position:absolute;top:8px;left:8px;width:32px;height:32px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#000;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.3)}.route-item-horizontal img{width:200px;height:150px;object-fit:cover;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.12);transition:all .3s ease;display:block}.route-item-horizontal img:hover{border-color:var(--color-primary);transform:scale(1.05)}.route-arrow{font-size:32px;color:var(--color-primary);font-weight:300;opacity:.6}.route-list-horizontal::-webkit-scrollbar{height:8px}.route-list-horizontal::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:var(--radius-sm)}.route-list-horizontal::-webkit-scrollbar-thumb{background:rgba(255,122,0,.5);border-radius:var(--radius-sm)}.route-list-horizontal::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.route-description p{font-size:16px;line-height:1.8;color:#e5e5e5;margin:0}.route-meta{display:none}.route-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}.detail-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#a8a8a8}.detail-item strong{color:#ff5e00}.map-section{padding:60px 0;background:#0a0a0a}.map-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:stretch}.map-container{border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08)}@media (max-width:768px){.map-container{border-radius:var(--radius-md)}}.map-info{padding:24px;background:#000;border-radius:16px;border:1px solid rgba(255,255,255,.12)}@media (max-width:768px){.map-info{border-radius:var(--radius-md)}}.map-info h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:16px}.distance-info{font-size:14px;line-height:1.6;color:#e5e5e5;margin-bottom:20px}.map-features{display:none}.tips-section{padding:60px 0}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.tip-card{background:#000;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:32px;text-align:center;transition:all .3s ease}@media (max-width:768px){.tip-card{border-radius:var(--radius-md)}}.tip-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,122,0,.2)}.tip-icon{font-size:48px;margin-bottom:16px}.tip-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}.tip-text{font-size:14px;color:#e5e5e5;line-height:1.6}.cta-section{padding:80px 0;text-align:center;background:#0a0a0a}.cta-title{font-size:40px;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.2}.cta-text{font-size:18px;color:#e5e5e5;margin-bottom:32px;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.content-section{animation:scaleIn .8s ease-out}.map-section,.directions-section,.cta-section{animation:fadeIn .8s ease-out}.route-item{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.route-item:nth-child(1){animation-delay:.1s}.route-item:nth-child(2){animation-delay:.2s}.route-item:nth-child(3){animation-delay:.3s}.route-item:nth-child(4){animation-delay:.4s}.route-item:nth-child(5){animation-delay:.5s}html{scroll-behavior:smooth}@media (max-width:1024px){.hero-section{height:350px}.hero-content{padding:0 40px}.hero-title{font-size:36px}.container{padding:0 40px}.shop-info-grid{gap:40px}}@media (max-width:768px){.hero-section{height:320px}.hero-content{padding:0 30px;text-align:center}.hero-title{font-size:32px;margin-bottom:12px}.hero-subtitle{font-size:15px}.container{padding:0 30px}.content-section{padding:40px 0}.section-title{font-size:28px;margin-bottom:24px}.shop-info-grid{grid-template-columns:1fr;gap:40px}.shop-details h3{font-size:28px}.map-wrapper{grid-template-columns:1fr;gap:32px}.map-section{padding:40px 0}.directions-section{padding:40px 0}.route-list::before{left:32px}.route-item{grid-template-columns:60px 1fr;gap:20px}.route-step{width:48px;height:48px;font-size:18px}.route-card{grid-template-columns:1fr;padding:20px;gap:16px}.route-item img{height:140px}.route-item h3{font-size:16px}.route-list-horizontal{gap:16px;padding:16px;justify-content:flex-start}.route-item-horizontal img{width:150px;height:120px}.route-arrow{font-size:24px}.tips-grid{grid-template-columns:1fr;gap:24px}.cta-section{padding:60px 0}.cta-title{font-size:32px;margin-bottom:12px}.cta-text{font-size:16px;margin-bottom:24px}}@media (max-width:480px){.hero-section{height:280px}.hero-content{padding:0 20px}.hero-title{font-size:26px}.container{padding:0 20px}.section-title{font-size:28px}.shop-details h3{font-size:24px}.cta-title{font-size:28px}.btn-orange{padding:14px 40px;font-size:12px}}.detailed-directions-section{background:linear-gradient(135deg,#1a1a1a 0,#2a2a2a 100%);border-radius:12px;margin-top:40px;padding:40px;border:1px solid #333}.detailed-directions-content{color:#fff;line-height:1.8}.detailed-directions-content h3{color:var(--color-primary);font-size:28px;margin-bottom:30px;border-bottom:2px solid var(--color-primary);padding-bottom:10px;font-weight:700}.detailed-directions-content h4{color:#fff;font-size:22px;margin:30px 0 15px 0;font-weight:600}.detailed-directions-content p{margin-bottom:20px;font-size:16px}.detailed-directions-content strong{color:var(--color-primary);font-weight:600}.detailed-directions-content ol{margin:20px 0;padding-left:30px}.detailed-directions-content li{margin-bottom:12px;font-size:16px;line-height:1.6}.detailed-directions-content ol li::marker{color:var(--color-primary);font-weight:700}@media (max-width:768px){.detailed-directions-section{padding:20px;margin-top:30px}.detailed-directions-content h3{font-size:24px}.detailed-directions-content h4{font-size:20px}.detailed-directions-content p,.detailed-directions-content li{font-size:14px}}