.shop-region{background-color:var(--background);min-height:calc(100vh - var(--header-height) - 1px);min-height:calc(100dvh - var(--header-height) - 1px);flex:1;padding-bottom:4rem}.shop-region .region-inner-container{flex-direction:column;gap:1.5rem;padding:1.5rem 1rem;display:flex}.shop-region .region-hero{box-shadow:var(--info-shadow);background-color:#f8f9fa;border-radius:1.5rem;flex-direction:column;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden}.shop-region .region-hero .hero-eyebrow{z-index:2;-webkit-backdrop-filter:blur(12px);color:var(--background);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;margin-bottom:.5rem;margin-left:-.5rem;padding:.25rem;display:inline-flex;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 4px 12px #00000026}.shop-region .region-hero .hero-content{z-index:2;flex-direction:column;gap:1.25rem;max-width:540px;margin-top:1rem;display:flex;position:relative}.shop-region .region-hero .hero-content .hero-title{color:var(--foreground);letter-spacing:-.02em;font-size:2.25rem;font-weight:950;line-height:1.25}.shop-region .region-hero .hero-content .hero-title em{color:var(--primary-color);font-style:normal}.shop-region .region-hero .hero-content .hero-desc{color:var(--gray-alpha-500);max-width:440px;font-size:1rem;font-weight:500;line-height:1.6}.shop-region .region-hero .hero-content .hero-actions{margin-top:1rem}.shop-region .region-hero .hero-content .hero-actions .btn-map{background-color:var(--primary-color);color:#fff;box-shadow:0 8px 16px rgba(var(--primary-color-rgb),.2);border-radius:12px;align-items:center;gap:.625rem;padding:.625rem 1.25rem;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex}.shop-region .region-hero .hero-visual{z-index:1;position:absolute;inset:0 0 0 35%}.shop-region .region-hero .hero-visual:after{z-index:2;content:"";background:linear-gradient(90deg,#f8f9fa 0%,#f8f9fa66 45%,#0000 70%);margin-left:-1px;position:absolute;inset:0}.shop-region .region-hero .hero-visual .region-hero-img{object-fit:cover;object-position:center;width:100%;height:100%}.shop-region .region-main-layout{flex-direction:column;gap:2rem;display:flex}.shop-region .region-sidebar{flex-direction:column;gap:1.5rem;display:flex}.shop-region .region-sidebar .sidebar-widget{background:var(--background);box-shadow:var(--info-shadow);border:1px solid var(--gray-alpha-100);border-radius:1.25rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.shop-region .region-sidebar .sidebar-widget .widget-title{color:var(--foreground);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.shop-region .region-sidebar .sidebar-widget .widget-title svg{color:var(--primary-color)}.shop-region .region-sidebar .sidebar-widget .city-pills{flex-wrap:wrap;gap:.5rem;display:flex}.shop-region .region-sidebar .sidebar-widget .city-pills .city-pill{background:var(--background-hover);color:var(--gray-alpha-500);cursor:pointer;border:1px solid #0000;border-radius:2rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.shop-region .region-sidebar .sidebar-widget .city-pills .city-pill.active{background:var(--primary-color-bg);color:var(--primary-color);border-color:var(--primary-color);font-weight:700}.shop-region .region-content{flex-direction:column;flex:1;display:flex}.shop-region .region-content .shop-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.shop-region .region-content .empty-state{text-align:center;background:var(--background);box-shadow:var(--info-shadow);border:1px solid var(--gray-alpha-100);border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.shop-region .region-content .empty-state .empty-icon{background:var(--gray-alpha-100);width:64px;height:64px;color:var(--gray-alpha-400);border-radius:50%;justify-content:center;align-items:center;display:flex}.shop-region .region-content .empty-state .empty-icon svg{font-size:2rem}.shop-region .region-content .empty-state h3{color:var(--foreground);font-size:1.125rem;font-weight:700}.shop-region .region-content .empty-state p{color:var(--gray-alpha-500);font-size:.875rem;line-height:1.6}.shop-region .region-content .empty-state .btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);border-radius:1rem;align-items:center;margin-top:1rem;padding:.75rem 1.5rem;font-weight:700;transition:all .2s;display:inline-flex}@media (min-width:1180px){.shop-region{padding-bottom:6rem}.shop-region .region-inner-container{gap:3.5rem;max-width:1180px;margin-left:auto;margin-right:auto;padding:3rem 0}.shop-region .region-hero{border-radius:2rem;min-height:400px;padding:3.5rem 5rem}.shop-region .region-hero .hero-content{max-width:60%}.shop-region .region-hero .hero-content .hero-title{font-size:3rem}.shop-region .region-hero .hero-content .hero-desc{max-width:80%;font-size:1.125rem}.shop-region .region-main-layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:4rem}.shop-region .region-sidebar{flex-shrink:0;width:280px;position:sticky;top:100px}.shop-region .region-sidebar .sidebar-widget .city-pills .city-pill{font-size:.95rem}.shop-region .region-content{flex:none;width:880px}.shop-region .region-content .empty-state{padding:6rem 3rem}.shop-region .region-content .empty-state h3{font-size:1.25rem}.shop-region .region-content .empty-state p{font-size:1rem}}@media (hover:hover) and (pointer:fine){.shop-region .region-hero .hero-content .hero-actions .btn-map:hover{box-shadow:var(--box-shadow);opacity:.8;transform:translateY(-2px)}.shop-region .region-sidebar .sidebar-widget .city-pills .city-pill:hover{background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.shop-region .region-content .empty-state .btn-outline:hover{background:var(--primary-color);color:var(--background);transform:translateY(-2px)}}@media (max-width:1179px){.shop-region .region-inner-container{gap:0;padding:0}.shop-region .region-hero{background-color:#f8f9fa;border-radius:0;flex-direction:column;justify-content:center;min-height:250px;padding:2.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.shop-region .region-hero .hero-content{z-index:2;text-shadow:0 0 16px #f8f9fa,0 0 32px #f8f9fa,0 0 48px #f8f9fa;max-width:85%;margin-bottom:0;position:relative}.shop-region .region-hero .hero-content .hero-title{font-size:1.75rem}.shop-region .region-hero .hero-content .hero-desc{max-width:250px;color:var(--foreground);font-size:.9375rem}.shop-region .region-hero .hero-visual{z-index:1;width:auto;height:100%;margin:0;position:absolute;inset:0 0 0 15%}.shop-region .region-hero .hero-visual:after{background:linear-gradient(90deg,#f8f9fa 5%,#f8f9facc 25%,#f8f9fa4d 60%,#0000 100%);inset:0}.shop-region .region-hero .hero-visual .region-hero-img{object-position:right center}.shop-region .region-sidebar{gap:0}.shop-region .region-sidebar .sidebar-widget{border:none;border-bottom:8px solid var(--background-hover);border-radius:0}.shop-region .region-content{padding:2rem 1rem}}