:root{--primary-color: #f2b933;--text-primary: #313131;--text-secondary: #666666;--text-light: #999999;--text-black: #000000;--border-color: #e0e0e0;--bg-white: #ffffff;--bg-light: #f9f9f9;--bg-overlay: rgba(0, 0, 0, .5);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--transition: all .3s ease}.template-page .main-content:has(.store-directory-wrapper){padding:0!important}.store-directory-wrapper{width:100%;min-height:60vh;padding:20px;background-color:var(--bg-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (min-width: 768px){.store-directory-wrapper{padding:40px 20px}}.store-directory-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px 20px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:20px;font-size:16px;color:var(--text-secondary);font-weight:500}.store-directory-error{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px 20px}.error-content{max-width:500px;text-align:center;padding:40px 30px;background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.error-icon{width:64px;height:64px;color:#ef5350;margin:0 auto 20px}.error-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.error-message{font-size:16px;color:var(--text-secondary);margin:0 0 24px;line-height:1.6}.btn-retry{display:inline-block;padding:12px 32px;background-color:var(--primary-color);color:var(--bg-white);font-size:16px;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-retry:hover{background-color:#c49d2e;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-retry:active{transform:translateY(0)}.city-selection-view{max-width:1200px;margin:0 auto;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.city-selection-container{width:100%}.city-selection-header{text-align:center;margin-bottom:40px}.main-heading{font-size:28px;font-weight:700;color:var(--text-black);margin:0 0 12px;line-height:1.3}.main-heading span{color:var(--primary-color)}.subtitle{font-size:16px;color:var(--text-secondary);margin:0;line-height:1.6}@media (min-width: 768px){.city-selection-header{margin-bottom:60px}.main-heading{font-size:60px}.subtitle{font-size:18px}}.cities-section{margin:0 auto 50px}.section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 24px;padding-left:4px}@media (min-width: 768px){.section-title{font-size:24px;margin-bottom:32px}}.cities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 640px){.cities-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width: 768px){.cities-grid{grid-template-columns:repeat(5,1fr);gap:20px}}@media (min-width: 1024px){.cities-grid{grid-template-columns:repeat(7,1fr);gap:0px}}.city-card{background:var(--bg-white);border:2px solid transparent;padding:0!important;text-align:center;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.city-card:hover{transform:translateY(-3px)}.city-card:hover h3{color:var(--primary-color);transition-duration:.3s}.city-card:active{transform:translateY(-2px)}.city-icon-wrapper{width:80px;height:80px;margin:0 auto 10px;position:relative}.city-icon{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}.city-icon-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),#c49d2e);color:var(--bg-white);font-size:36px;font-weight:700;border-radius:var(--radius-sm)}.city-name{font-size:14px;font-weight:450;color:var(--text-primary);opacity:90%;margin:0;line-height:1.4}@media (min-width: 768px){.city-card{padding:40px 24px}.city-name{font-size:18px}}.stores-view{animation:fadeIn .3s ease}.stores-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-white);border-bottom:1px solid var(--border-color);position:relative;top:0;z-index:100;gap:12px;margin:-20px -20px 20px}@media (min-width: 768px){.stores-header{padding:20px 40px;margin:-40px -20px 40px}}.btn-back{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-back svg{width:20px;height:20px}.btn-back:hover{background:var(--bg-light);border-color:var(--primary-color);color:var(--primary-color)}@media (min-width: 768px){.btn-back{padding:10px 16px;font-size:15px}}.selected-city-name{flex:1;font-size:18px;font-weight:700;color:var(--text-primary);text-align:center;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){.selected-city-name{font-size:24px}}.stores-content{width:100%}.stores-container{max-width:900px;margin:0 auto}.stores-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}#storesListContainer{display:none}.stores-controls{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}@media (min-width: 768px){.stores-controls{gap:16px;margin-bottom:32px}}.search-wrapper{position:relative;flex:1 1 100%;min-width:200px}@media (min-width: 640px){.search-wrapper{flex:1 1 auto}}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-light);pointer-events:none}.search-input{width:100%;padding:12px 14px 12px 42px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:15px;color:var(--text-primary);background:var(--bg-white);transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d4af371a}.search-input::placeholder{color:var(--text-light)}@media (min-width: 768px){.search-input{padding:14px 16px 14px 44px;font-size:16px}.search-icon{left:16px;width:20px;height:20px}}.filter-wrapper{flex:1 1 calc(50% - 6px);min-width:140px}@media (min-width: 640px){.filter-wrapper{flex:0 1 auto}}.location-filter,.type-filter{width:100%;padding:12px 36px 12px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:15px;color:var(--text-primary);background:var(--bg-white);cursor:pointer;transition:var(--transition);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.location-filter:focus,.type-filter:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d4af371a}@media (min-width: 768px){.location-filter,.type-filter{padding:14px 40px 14px 16px;font-size:16px;background-position:right 14px center;background-size:18px}}.stores-table-wrapper{width:100%;overflow-x:auto;background:var(--bg-white);border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000000d;-webkit-overflow-scrolling:touch}.stores-table{width:100%;min-width:500px;border-collapse:collapse;font-size:14px}.stores-table thead{background:var(--bg-light);border-bottom:2px solid var(--border-color)}.stores-table th{text-align:left;padding:14px 16px;font-weight:600;color:var(--text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.stores-table tbody tr{border-bottom:2px solid #eaeaea!important;transition:background-color .15s ease}.stores-table tbody tr:last-child{border-bottom:none}.stores-table tbody tr:hover{background-color:#fafafa}.stores-table td{padding:16px;color:var(--text-primary);font-size:14px}.store-name-cell{font-weight:600;color:var(--text-primary)}.store-locality-cell,.store-type-cell{color:var(--text-secondary);font-size:13px}@media (min-width: 768px){.stores-table{font-size:16px;min-width:600px}.stores-table th{padding:18px 24px;font-size:13px}.stores-table td{padding:20px 24px;font-size:16px}.store-locality-cell,.store-type-cell{font-size:15px}}.no-results{padding:40px 20px;text-align:center;background:var(--bg-white);border-radius:var(--radius-sm);margin-top:16px}.no-results p{margin:0;font-size:16px;color:var(--text-secondary)}.store-directory-cta{margin-top:40px;padding:24px;background:var(--bg-light);border-radius:var(--radius-sm);text-align:center;border:1px dashed var(--border-color)}.store-directory-cta p{margin:0;font-size:15px;color:var(--text-secondary);line-height:1.6}.store-directory-cta .ig-link{color:var(--primary-color);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition)}.store-directory-cta .ig-link:hover{color:#c49d2e;border-bottom-color:#c49d2e}@media (min-width: 768px){.store-directory-cta{padding:28px 32px}.store-directory-cta p{font-size:16px}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{width:80px;height:80px;color:var(--text-light);margin-bottom:20px}.empty-message{font-size:16px;color:var(--text-secondary);margin:0;line-height:1.6}@media (min-width: 768px){.empty-icon{width:100px;height:100px}.empty-message{font-size:18px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.stores-header,.btn-back,.btn-change-city,.btn-retry{display:none}.store-card{break-inside:avoid;page-break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/store-directory.css.map */