:root{--store-locator-primary: var(--color-highlight, #9b7f52);--store-locator-secondary: var(--color-background-2, #f2f2f2);--store-locator-text: var(--color-foreground, #000);--store-locator-background: var(--color-background, #fff);--store-locator-border: var(--color-border, rgba(0, 0, 0, .1));--store-locator-border-dark: var(--color-border-dark, rgba(0, 0, 0, .4));--store-locator-border-light: var(--color-border-light, rgba(0, 0, 0, .06));--store-locator-success: #28a745;--store-locator-warning: #ffc107;--store-locator-error: #dc3545;--store-locator-info: #17a2b8;--store-locator-spacing-xs: .25rem;--store-locator-spacing-sm: .5rem;--store-locator-spacing-md: 1rem;--store-locator-spacing-lg: 1.5rem;--store-locator-spacing-xl: 2rem;--store-locator-spacing-2xl: 3rem;--store-locator-radius-sm: var(--border-radius, .25rem);--store-locator-radius-md: var(--border-radius, .5rem);--store-locator-radius-lg: var(--border-radius, 1rem);--store-locator-shadow-sm: var(--shadow, 0 1px 2px 0 rgba(0, 0, 0, .05));--store-locator-shadow-md: var(--shadow, 0 4px 6px -1px rgba(0, 0, 0, .1));--store-locator-shadow-lg: var(--shadow, 0 10px 15px -3px rgba(0, 0, 0, .1));--store-locator-transition: var(--animation-fast, .3s cubic-bezier(.7, 0, .3, 1));--store-locator-transition-slow: var(--animation-primary, .5s cubic-bezier(.3, 1, .3, 1))}.store-locator-container{width:100%;min-height:400px;position:relative}.store-locator{display:flex;flex-direction:column;gap:var(--store-locator-spacing-lg);max-width:100%;margin:0 auto}.store-locator__header{text-align:center;margin-bottom:var(--store-locator-spacing-lg)}.store-locator__title{font-size:var(--font-size-h2, 2rem);font-weight:var(--font-weight-bold, 700);color:var(--store-locator-text);margin:0;line-height:1.2}.store-locator__content{display:flex;flex-direction:column;gap:var(--store-locator-spacing-lg)}.store-locator-search{background:var(--store-locator-background);border:1px solid var(--store-locator-border);border-radius:var(--store-locator-radius-lg);padding:var(--store-locator-spacing-lg);box-shadow:var(--store-locator-shadow-sm)}.store-locator-search .field.relative .input{padding-inline-end:calc(var(--input-padding-inline) + 2.5rem)}.store-locator-search .grid{margin-bottom:var(--store-locator-spacing-md)}.store-locator__controls{display:flex;justify-content:center}.store-locator__view-toggle{display:flex;background:var(--store-locator-secondary);border-radius:var(--store-locator-radius-md);padding:var(--store-locator-spacing-xs);border:1px solid var(--store-locator-border)}.store-locator__toggle-btn{padding:var(--store-locator-spacing-sm) var(--store-locator-spacing-md);border:none;background:transparent;color:var(--store-locator-text);font-size:var(--font-size-body, 1rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;border-radius:var(--store-locator-radius-sm);transition:all var(--store-locator-transition);min-width:100px}.store-locator__toggle-btn.active{background:var(--store-locator-primary);color:var(--store-locator-background);box-shadow:var(--store-locator-shadow-sm)}.store-locator__toggle-btn:hover:not(.active){background:var(--store-locator-border-light)}.store-locator__main{display:grid;grid-template-columns:1fr;gap:var(--store-locator-spacing-lg);min-height:500px}@media (min-width: 1001px){.store-locator__main{grid-template-columns:1fr 2fr;align-items:start}.store-locator__list{display:flex!important;max-height:600px;height:600px}.store-locator__map{display:block!important;height:600px}.store-locator-map{height:600px!important}.store-locator__controls{display:none}}.store-locator__list{display:none;flex-direction:column;gap:var(--store-locator-spacing-md);max-height:600px;overflow-y:auto;padding:var(--store-locator-spacing-sm);border:1px solid var(--store-locator-border);border-radius:var(--store-locator-radius-lg);background:var(--store-locator-background)}.store-locator__list.active{display:flex}.store-locator-list__empty{text-align:center;padding:var(--store-locator-spacing-2xl);color:var(--store-locator-text);font-style:italic}.store-locator-item{background:var(--store-locator-background);border:1px solid var(--store-locator-border);border-radius:var(--store-locator-radius-md);padding:var(--store-locator-spacing-lg);transition:all var(--store-locator-transition);cursor:pointer}.store-locator-item:hover{border-color:var(--store-locator-primary);box-shadow:var(--store-locator-shadow-md);transform:translateY(-2px)}.store-locator-item.active{border-color:var(--store-locator-primary);background:#9b7f520d;box-shadow:var(--store-locator-shadow-md)}.store-locator-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--store-locator-spacing-md)}.store-locator-item__name{font-size:var(--font-size-h3, 1.25rem);font-weight:var(--font-weight-bold, 700);color:var(--store-locator-text);margin:0;line-height:1.3}.store-locator-item__distance{background:var(--store-locator-primary);color:var(--store-locator-background);padding:var(--store-locator-spacing-xs) var(--store-locator-spacing-sm);border-radius:var(--store-locator-radius-sm);font-size:var(--font-size-small, .875rem);font-weight:var(--font-weight-medium, 500);white-space:nowrap}.store-locator-item__content{display:flex;flex-direction:column;gap:var(--store-locator-spacing-md)}.store-locator-item__address{color:var(--store-locator-text);line-height:1.5}.store-locator-item__address p{margin:0;font-size:var(--font-size-body, 1rem)}.store-locator-item__contact{display:flex;align-items:center;gap:var(--store-locator-spacing-sm)}.store-locator-item__phone{color:var(--store-locator-primary);text-decoration:none;font-weight:var(--font-weight-medium, 500);transition:color var(--store-locator-transition)}.store-locator-item__phone:hover{color:var(--color-foreground, #000);text-decoration:underline}.store-locator-item__hours h4{font-size:var(--font-size-body, 1rem);font-weight:var(--font-weight-medium, 500);color:var(--store-locator-text);margin:0 0 var(--store-locator-spacing-sm) 0}.store-locator-item__hours-list{display:flex;flex-direction:column;gap:var(--store-locator-spacing-xs)}.store-locator-item__hours-item{display:flex;justify-content:space-between;font-size:var(--font-size-small, .875rem);color:var(--store-locator-text)}.store-locator-item__hours-day{font-weight:var(--font-weight-medium, 500)}.store-locator-item__actions{display:flex;gap:var(--store-locator-spacing-md);margin-top:var(--store-locator-spacing-md)}.store-locator__map{display:none;border:1px solid var(--store-locator-border);border-radius:var(--store-locator-radius-lg);overflow:hidden;background:var(--store-locator-background);box-shadow:var(--store-locator-shadow-sm)}.store-locator__map.active{display:block}.store-locator-map{width:100%;height:500px;border:none;border-radius:var(--store-locator-radius-lg)}.store-locator-container g-map{width:100%;height:100%;border-radius:var(--store-locator-radius-lg)}.store-locator-container .gmap--error{background:var(--store-locator-error);color:var(--store-locator-background);padding:var(--store-locator-spacing-md);border-radius:var(--store-locator-radius-md);margin-bottom:var(--store-locator-spacing-md);text-align:center;font-weight:var(--font-weight-medium, 500)}.store-locator-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--store-locator-spacing-2xl);text-align:center;color:var(--store-locator-text)}.store-locator-loading__spinner{margin-bottom:var(--store-locator-spacing-lg)}.spinner{width:40px;height:40px;animation:spin 1s linear infinite}.spinner .path{stroke:var(--store-locator-primary);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.store-locator-error{background:var(--store-locator-error);color:var(--store-locator-background);padding:var(--store-locator-spacing-lg);border-radius:var(--store-locator-radius-lg);text-align:center;margin:var(--store-locator-spacing-lg) 0}.store-locator-error h3{margin:0 0 var(--store-locator-spacing-md) 0;font-size:var(--font-size-h3, 1.25rem);font-weight:var(--font-weight-bold, 700)}.store-locator-error p{margin:0 0 var(--store-locator-spacing-md) 0;font-size:var(--font-size-body, 1rem)}.store-locator-error button{background:var(--store-locator-background);color:var(--store-locator-error);border:none;padding:var(--store-locator-spacing-sm) var(--store-locator-spacing-lg);border-radius:var(--store-locator-radius-md);font-size:var(--font-size-body, 1rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all var(--store-locator-transition)}.store-locator-error button:hover{background:var(--store-locator-border-light);transform:translateY(-1px)}@media (max-width: 768px){.store-locator-search .grid{grid-template-columns:1fr!important}.store-locator-search .flex{flex-direction:column}.store-locator-search .button,.store-locator__view-toggle{width:100%}.store-locator__toggle-btn{flex:1}.store-locator-item__header{flex-direction:column;align-items:flex-start;gap:var(--store-locator-spacing-sm)}.store-locator-item__actions{flex-direction:column}.store-locator-map{height:400px}}@media (max-width: 480px){.store-locator{gap:var(--store-locator-spacing-md)}.store-locator-search,.store-locator-item{padding:var(--store-locator-spacing-md)}.store-locator-map{height:300px}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}@media (prefers-contrast: high){.store-locator-item,.store-locator-search__input,.store-locator-search__select{border-width:2px}}.store-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;opacity:0;transition:opacity var(--store-locator-transition)}.store-modal--open{opacity:1}.store-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.store-modal__content{position:relative;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90%;max-width:600px;max-height:90vh;background:var(--store-locator-background);border-radius:var(--store-locator-radius-lg);box-shadow:var(--store-locator-shadow-lg);overflow:hidden;transition:transform var(--store-locator-transition)}.store-modal--open .store-modal__content{transform:translate(-50%,-50%) scale(1)}.store-modal__close{position:absolute;top:var(--store-locator-spacing-md);right:var(--store-locator-spacing-md);width:40px;height:40px;background:var(--store-locator-background);border:1px solid var(--store-locator-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--store-locator-transition);color:var(--store-locator-text)}.store-modal__close:hover{background:var(--store-locator-secondary);border-color:var(--store-locator-border-dark);transform:scale(1.1)}.store-modal__body{padding:var(--store-locator-spacing-xl);overflow-y:auto;max-height:calc(90vh - 2rem);background-color:rgb(var(--color-background))}.store-modal__header{margin-bottom:var(--store-locator-spacing-lg);padding-bottom:var(--store-locator-spacing-md);border-bottom:1px solid var(--store-locator-border-light)}.store-modal__title{font-size:1.5rem;font-weight:600;color:var(--store-locator-text);margin:0 0 var(--store-locator-spacing-sm) 0;line-height:1.3}.store-modal__distance{display:inline-block;background:var(--store-locator-primary);color:var(--store-locator-background);padding:var(--store-locator-spacing-xs) var(--store-locator-spacing-sm);border-radius:var(--store-locator-radius-sm);font-size:.875rem;font-weight:500}.store-modal__info,.store-modal__section{margin-bottom:var(--store-locator-spacing-lg)}.store-modal__section:last-child{margin-bottom:0}.store-modal__section-title{font-size:1rem;font-weight:600;color:var(--store-locator-text);margin:0 0 var(--store-locator-spacing-sm) 0;display:flex;align-items:center;gap:var(--store-locator-spacing-sm)}.store-modal__section-title:before{content:"";width:4px;height:16px;background:var(--store-locator-primary);border-radius:2px}.store-modal__address p{margin:0 0 var(--store-locator-spacing-xs) 0;color:var(--store-locator-text);line-height:1.5}.store-modal__address p:last-child{margin-bottom:0}.store-modal__phone{display:inline-flex;align-items:center;gap:var(--store-locator-spacing-sm);color:var(--store-locator-primary);text-decoration:none;font-weight:500;transition:color var(--store-locator-transition)}.store-modal__phone:hover{color:var(--store-locator-text)}.store-modal__hours{display:flex;flex-direction:column;gap:var(--store-locator-spacing-xs)}.store-modal__hours-item{display:flex;justify-content:space-between;align-items:center;padding:var(--store-locator-spacing-xs) 0;border-bottom:1px solid var(--store-locator-border-light)}.store-modal__hours-item:last-child{border-bottom:none}.store-modal__hours-day{font-weight:500;color:var(--store-locator-text)}.store-modal__hours-time{color:var(--store-locator-text);opacity:.8}.store-modal__type-badge{display:inline-block;background:var(--store-locator-secondary);color:var(--store-locator-text);padding:var(--store-locator-spacing-xs) var(--store-locator-spacing-sm);border-radius:var(--store-locator-radius-sm);font-size:.875rem;font-weight:500;border:1px solid var(--store-locator-border)}.store-modal__actions{display:flex;gap:var(--store-locator-spacing-md);padding-top:var(--store-locator-spacing-lg);border-top:1px solid var(--store-locator-border-light)}.store-modal__directions{display:inline-flex;align-items:center;justify-content:center;gap:var(--store-locator-spacing-sm);padding:var(--store-locator-spacing-sm) var(--store-locator-spacing-md);background:var(--store-locator-secondary);color:var(--store-locator-text);text-decoration:none;border-radius:var(--store-locator-radius-md);font-weight:500;transition:all var(--store-locator-transition);border:1px solid var(--store-locator-border);width:100%}.store-modal__directions:hover{background:var(--store-locator-primary);color:var(--store-locator-background);transform:translateY(-1px)}@media (max-width: 768px){.store-modal__content{width:95%;max-height:95vh}.store-modal__body{padding:var(--store-locator-spacing-lg)}.store-modal__title{font-size:1.25rem}.store-modal__actions{flex-direction:column}.store-modal__directions{width:100%;justify-content:center}}@media (max-width: 480px){.store-modal__body{padding:var(--store-locator-spacing-md)}.store-modal__title{font-size:1.125rem}.store-modal__close{top:var(--store-locator-spacing-sm);right:var(--store-locator-spacing-sm);width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/component-storelocator-composition.css.map */