.section-mall-info{margin-bottom: 60px}
.mall-info-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 32px}
.mall-info-card, .mall-map-card{background: white; border-radius: 20px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.04); overflow: hidden; transition: all 0.3s ease}
.mall-info-card:hover, .mall-map-card:hover{transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1)}
.mall-info-header{background: linear-gradient(135deg, rgba(203, 17, 171, 0.05) 0%, rgba(255, 0, 85, 0.05) 100%); padding: 24px 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.04)}
.mall-info-header h2{font-size: 24px; font-weight: 800; color: #333; margin: 0}
.mall-info-body{padding: 32px; display: flex; flex-direction: column; gap: 24px}
.info-row{display: flex; align-items: flex-start; gap: 16px}
.info-icon{width: 24px; color: #cb11ab; font-size: 24px; margin-top: 2px}
.info-content h3{font-size: 14px; color: #888; margin: 0 0 4px; font-weight: 500}
.info-content p{font-size: 18px; color: #333; font-weight: 600; margin: 0}
.mall-actions{margin-top: 8px; display: flex; gap: 16px; flex-wrap: wrap}
.btn-route-primary{background: linear-gradient(135deg, #cb11ab 0%, #ff0055 100%); color: white; padding: 12px 24px; border-radius: 12px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: opacity 0.2s}
.btn-route-primary:hover{opacity: 0.9}
.btn-map-secondary{background: #f5f5f5; color: #333; padding: 12px 24px; border-radius: 12px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: background 0.2s}
.btn-map-secondary:hover{background: #e0e0e0}
.mall-map-card{position: relative; min-height: 320px; background-color: #f0f0f0}
.map-placeholder{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; object-fit: cover;}
.map-placeholder img{width: 100%; height: 100%; object-fit: cover}
.map-overlay-btn{background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(8px); color: #333; padding: 14px 28px; border-radius: 99px; font-weight: 600; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); text-decoration: none; display: flex; align-items: center; gap: 8px; transition: transform 0.2s; position: absolute; z-index: 1; transform: translate(-50%, -50%); top: 50%; left: 50%; white-space: nowrap;}
.map-overlay-btn:hover{transform: translate(-50%, -50%) scale(1.05);}
@media (max-width: 900px){
	.mall-info-grid{grid-template-columns: 1fr}
    .mall-map-card{min-height: 240px}
}
@media (max-width: 375px){
    .info-content h3{font-size: 14px}
    .info-content p{font-size: 13px}
    .btn-route-primary, .btn-map-secondary{ width:100%; text-align:center; justify-content:center}
    .btn-route-primary, .btn-map-secondary, .map-overlay-btn{padding: 10px 20px;font-size: 14px;}
}