.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{background-color:var(--background);border:none;width:100%;position:relative;overflow:hidden}.shop-region .region-hero .hero-container{z-index:2;align-items:center;width:100%;max-width:1180px;min-height:280px;margin-left:auto;margin-right:auto;padding:3rem 1.5rem;display:flex;position:relative}.shop-region .region-hero .hero-text{text-align:left;flex-direction:column;align-items:flex-start;gap:1.25rem;max-width:520px;display:flex}.shop-region .region-hero .hero-text .hero-title{color:var(--foreground);letter-spacing:-.02em;font-size:2.25rem;font-weight:900;line-height:1.25}.shop-region .region-hero .hero-text .hero-title em{color:var(--primary-color);font-style:normal}.shop-region .region-hero .hero-text .hero-desc{color:var(--gray-alpha-500);max-width:460px;font-size:.95rem;font-weight:500;line-height:1.65}.shop-region .region-hero .hero-visual{z-index:1;pointer-events:none;width:55%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.shop-region .region-hero .hero-visual .region-hero-img{object-fit:cover;object-position:center;width:100%;height:100%}.shop-region .region-hero .hero-visual .hero-gradient-fade{pointer-events:none;background:linear-gradient(90deg,var(--background)0%,#ffffffd9 12%,transparent 45%),linear-gradient(180deg,var(--background)0%,transparent 8%),linear-gradient(0deg,var(--background)0%,transparent 8%);position:absolute;inset:-2px -2px -2px -4px}.shop-region .region-main-layout,.shop-region .region-sidebar{flex-direction:column;display:flex}.shop-region .region-sidebar .sidebar-panel{background:var(--background);flex-direction:column;gap:1.25rem;display:flex}.shop-region .region-sidebar .btn-map-neutral{background:var(--background);width:100%;height:2.5rem;color:var(--foreground);border:1px solid var(--gray-alpha-200);border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.shop-region .region-sidebar .btn-map-neutral svg{color:var(--gray-alpha-500);font-size:1.125rem;transition:color .15s}.shop-region .region-sidebar .search-box{background:var(--background);border:1px solid var(--gray-alpha-200);border-radius:.75rem;align-items:center;gap:.5rem;height:2.5rem;padding:0 .875rem;transition:border-color .15s;display:flex}.shop-region .region-sidebar .search-box:focus-within{border-color:var(--gray-alpha-400);box-shadow:none}.shop-region .region-sidebar .search-box .sidebar-search-input{color:var(--foreground);appearance:none;flex:1;width:100%;min-width:0;font-size:.875rem;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.shop-region .region-sidebar .search-box .btn-clear{cursor:pointer;color:var(--gray-alpha-400);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.shop-region .region-sidebar .search-box .btn-clear:hover{color:var(--foreground)}.shop-region .region-sidebar .sidebar-section{flex-direction:column;gap:.75rem;display:flex}.shop-region .region-sidebar .sidebar-section .section-title{color:var(--gray-alpha-600);align-items:center;gap:.375rem;margin:0;font-size:.875rem;font-weight:700;display:flex}.shop-region .region-sidebar .sidebar-section .section-title svg{color:var(--gray-alpha-500);font-size:1.125rem}.shop-region .region-sidebar .sidebar-section .selector{width:100%}.shop-region .region-sidebar .sidebar-section .selector .MuiInputBase-root{height:2.5rem;font-size:.875rem;transition:border-color .15s;background:var(--background)!important;border:1px solid var(--gray-alpha-200)!important;border-radius:.75rem!important}.shop-region .region-sidebar .sidebar-section .selector .MuiInputBase-root.Mui-focused{border-color:var(--gray-alpha-400)!important;box-shadow:none!important}.shop-region .region-sidebar .sidebar-section .selector .MuiInputBase-root .MuiSelect-select{color:var(--foreground);box-sizing:border-box;align-items:center;font-size:.875rem;display:flex;height:2.5rem!important;padding:0 2rem 0 .875rem!important}.shop-region .region-sidebar .sidebar-section .selector .arrow-down{color:var(--gray-alpha-500);font-size:1.25rem;right:.6rem}.shop-region .region-sidebar .city-pills{flex-wrap:wrap;gap:.4rem;display:flex}.shop-region .region-sidebar .city-pills .city-pill{background:var(--background-hover);color:var(--gray-alpha-600);cursor:pointer;border:1px solid #0000;border-radius:2rem;align-items:center;gap:.3rem;padding:.4rem .85rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.shop-region .region-sidebar .city-pills .city-pill svg{font-size:1rem}.shop-region .region-sidebar .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 .open-only-switch{margin:0}.shop-region .region-content .open-only-switch .MuiFormControlLabel-label{color:var(--gray-alpha-600);-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:600}.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);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 .hero-container{min-height:340px;padding:3.5rem 1.5rem}.shop-region .region-hero .hero-text{gap:1.5rem;max-width:580px}.shop-region .region-hero .hero-text .hero-title{font-size:2.75rem}.shop-region .region-hero .hero-text .hero-desc{max-width:500px;font-size:1.05rem}.shop-region .region-hero .hero-visual{width:50%}.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 .city-pills .city-pill{font-size:.875rem}.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-sidebar .btn-map-neutral:hover{background:var(--background-hover);border-color:var(--gray-alpha-300);color:var(--foreground)}.shop-region .region-sidebar .btn-map-neutral:hover svg{color:var(--gray-alpha-600)}.shop-region .region-sidebar .search-box:hover{border-color:var(--gray-alpha-300)}.shop-region .region-sidebar .selector:hover .MuiInputBase-root{border-color:var(--gray-alpha-300)!important}.shop-region .region-sidebar .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 .hero-container{min-height:240px;padding:2.25rem 1rem}.shop-region .region-hero .hero-text{gap:.875rem;max-width:85%}.shop-region .region-hero .hero-text .hero-title{font-size:1.75rem;line-height:1.25}.shop-region .region-hero .hero-text .hero-desc{max-width:100%;font-size:.875rem;line-height:1.55}.shop-region .region-hero .hero-visual{width:70%}.shop-region .region-hero .hero-visual .region-hero-img{object-position:center}.shop-region .region-hero .hero-visual .hero-gradient-fade{background:linear-gradient(90deg,var(--background)0%,#fffc 12%,transparent 45%),linear-gradient(180deg,var(--background)0%,transparent 8%),linear-gradient(0deg,var(--background)0%,transparent 8%);inset:-2px -2px -2px -4px}.shop-region .region-sidebar{border-bottom:8px solid var(--background-hover);padding:1.5rem 1rem}.shop-region .region-content{padding:1.5rem 1rem}}