/* U Can Store – Locations by Region. Inherits theme typography and brand colours. */
.ucs-locations {
  --ucs-pill-radius: var(--button-border-radius, 999px);
  --ucs-radius: var(--card-border-radius, 14px);
  --ucs-accent: var(--primary-color, currentColor);
  --ucs-header-height: 0px;
  --ucs-bar-bg: Canvas;
  --ucs-band-bg: #eff5f0;
  --ucs-card-bg: #fff;
  --ucs-bar-height: 4.5rem;
  --ucs-tint: rgba(0,0,0,.05);
  --ucs-line: rgba(0,0,0,.14);
  --ucs-gap: 16px;
  --ucs-max: 1440px;
  --ucs-ease: cubic-bezier(.2,.7,.2,1);
  --ucs-tint-strong: rgba(0,0,0,.12);
  --ucs-hover-line: var(--ucs-line);
  --ucs-shadow: 0 22px 44px -18px rgba(0,0,0,.25);
  box-sizing: border-box;
  max-width: var(--ucs-max);
  margin-inline: auto;
  padding: clamp(1.5rem,4vw,3rem) 16px;
  font-family: inherit;
  color: inherit;
}

button, .button, .hs-button {
    border: 1px solid #6d7278;
    border-radius: 300px !important;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-family: Poppins, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 0px;
    color: #8B918D;
    fill: #ffffff;
    font-size: 16px;
    text-transform: none;
}

button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .hs-button:hover, .hs-button:focus, .hs-button:active {
    border: 1px solid rgba(66, 169, 77, 1) !important;
    font-family: Poppins, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    background-color: rgba(66, 169, 77, 1) !important;
    color: #ffffff;
    fill: #ffffff;
}

@supports (background: color-mix(in srgb, red 10%, transparent)) {
  .ucs-locations { --ucs-tint: color-mix(in srgb,var(--ucs-accent) 8%,transparent); --ucs-line: color-mix(in srgb,currentColor 16%,transparent); --ucs-tint-strong: color-mix(in srgb,var(--ucs-accent) 16%,transparent); --ucs-hover-line: color-mix(in srgb,var(--ucs-accent) 50%,transparent); --ucs-shadow: 0 22px 44px -18px color-mix(in srgb,var(--ucs-accent) 35%,transparent); }
}
.ucs-locations *, .ucs-locations *::before, .ucs-locations *::after { box-sizing: border-box; }
.ucs-svg-sprite { position:absolute; width:0; height:0; overflow:hidden; }
@media (prefers-reduced-motion:no-preference) { html:has(.ucs-locations) { scroll-behavior:smooth; } }
.ucs-locations__intro { margin-bottom:1.5rem; text-align:center; }
.ucs-locations__intro > * { margin-inline:auto; }
.ucs-locations__title { margin-top:0; }
.ucs-locations__text { max-width:46rem; }
.ucs-region-nav { position:sticky; top:var(--ucs-header-height); z-index:20; margin-inline:-16px; padding:.6rem 16px; background:var(--ucs-bar-bg); box-shadow:0 0 0 100vmax var(--ucs-bar-bg),0 1px 0 100vmax var(--ucs-line); clip-path:inset(0 -100vmax -1px); overflow-x:auto; scrollbar-width:none; }
.ucs-region-nav::-webkit-scrollbar { display:none; }
.ucs-region-nav__list { display:flex; flex-wrap:nowrap; gap:.6rem; width:max-content; margin:0 auto; padding:0; list-style:none; }
.ucs-pill { display:inline-flex; flex-direction:column; align-items:center; gap:.1rem; padding:.45rem 1.2rem; border:1px solid var(--ucs-line); border-radius:var(--ucs-pill-radius); background:var(--ucs-tint); color:inherit; text-decoration:none; white-space:nowrap; line-height:1.25; transition:transform .3s var(--ucs-ease),box-shadow .3s var(--ucs-ease),border-color .2s ease,background-color .2s ease; }
.ucs-pill:hover,.ucs-pill:focus-visible { border-color:currentColor; }
.ucs-pill:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.ucs-pill__name { font-weight:600; }
.ucs-pill__towns { font-size:.85em; opacity:.75; }
.ucs-pill.is-active { background:var(--ucs-tint-strong); border-color:currentColor; }
.ucs-region { margin:0; padding-block:clamp(2.5rem,6vw,4rem); scroll-margin-top:calc(var(--ucs-header-height) + var(--ucs-bar-height)); }
.ucs-region:nth-of-type(even) { background:var(--ucs-band-bg); box-shadow:0 0 0 100vmax var(--ucs-band-bg); clip-path:inset(0 -100vmax); }
.ucs-region__title { display:table; margin:0 auto 1.5rem; padding:.35em 1.6em; border:1px solid var(--ucs-line); border-radius:var(--ucs-pill-radius); background:var(--ucs-tint); text-align:center; }
.ucs-region__cards { display:flex; flex-wrap:wrap; gap:var(--ucs-gap); }
.ucs-card { display:flex; flex:1 1 340px; min-width:0; overflow:hidden; border:1px solid var(--ucs-line); border-radius:var(--ucs-radius); background:var(--ucs-card-bg,Canvas); container-type:inline-size; transition:transform .5s var(--ucs-ease),box-shadow .5s var(--ucs-ease),border-color .3s ease; }
.ucs-card__inner { display:flex; flex:1; flex-direction:column; min-width:0; }
.ucs-card__media { position:relative; aspect-ratio:3/2; overflow:hidden; background:var(--ucs-tint); }
@container (min-width:520px) { .ucs-card__inner { flex-direction:row; } .ucs-card__media { flex:0 0 min(40%,440px); aspect-ratio:auto; min-height:100%; } }
.ucs-card__media img { display:block; width:100%; height:100%; min-height:180px; object-fit:cover; transition:transform 1s var(--ucs-ease); }
.ucs-card__media::after { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%); transform:translateX(-110%); transition:transform .9s var(--ucs-ease); pointer-events:none; }
.ucs-card__body { display:flex; flex:1; flex-direction:column; gap:.5rem; min-width:0; padding:1rem 1.25rem 1.25rem; }
.ucs-card__title,.ucs-card__address { margin:0; }
.ucs-card__title::after { content:""; display:block; width:1.75rem; height:3px; margin-top:.55rem; border-radius:3px; background:var(--ucs-accent); opacity:.55; transition:width .5s var(--ucs-ease),opacity .3s ease; }
.ucs-card__contact { display:flex; flex-direction:column; gap:.4rem; margin:0; padding:0; list-style:none; }
.ucs-card__line { display:flex; align-items:center; gap:.6rem; min-width:0; margin:0; }
.ucs-card__line a,.ucs-card__line span { min-width:0; overflow-wrap:anywhere; }
.ucs-icon { flex:0 0 1.4em; width:1.4em; height:1.4em; fill:none; color:var(--ucs-accent); transition:transform .3s var(--ucs-ease); }
.ucs-card__actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:auto; padding-top:.75rem; }
.ucs-btn:not(.button):not(.hs-button) { display:inline-block; padding:.55em 1.2em; border:1px solid currentColor; border-radius:var(--ucs-pill-radius,999px); color:inherit; text-decoration:none; line-height:1.2; }
@keyframes ucs-rise { from { opacity:0; translate:0 32px; } to { opacity:1; translate:0 0; } }
.ucs-anim .ucs-reveal { opacity:0; }
.ucs-anim .ucs-reveal.is-in { animation:ucs-rise .85s var(--ucs-ease) both; animation-delay:calc(var(--ucs-i,0) * 110ms); }
@media (hover:hover) {
 .ucs-card:is(:hover,:focus-within) { transform:translateY(-6px); border-color:var(--ucs-hover-line); box-shadow:var(--ucs-shadow); }
 .ucs-card:is(:hover,:focus-within) .ucs-card__media img { transform:scale(1.07); }
 .ucs-card:is(:hover,:focus-within) .ucs-card__media::after { transform:translateX(110%); }
 .ucs-card:is(:hover,:focus-within) .ucs-card__title::after { width:4rem; opacity:1; }
 .ucs-card__line:hover .ucs-icon { transform:scale(1.18); }
 .ucs-pill:hover { transform:translateY(-2px); box-shadow:0 10px 22px -14px var(--ucs-accent); }
}
@media (max-width:600px) { .ucs-locations { --ucs-bar-height:3.5rem; } .ucs-pill { padding:.5rem 1rem; } .ucs-pill__towns { display:none; } .ucs-region__title { display:block; max-width:100%; } .ucs-card { flex-basis:100%; } }
@media (prefers-reduced-motion:reduce) { .ucs-locations *,.ucs-locations *::before,.ucs-locations *::after { transition:none!important; animation:none!important; } .ucs-card:is(:hover,:focus-within),.ucs-card:is(:hover,:focus-within) .ucs-card__media img,.ucs-pill:hover { transform:none!important; } }