/* Crysten Curry Elementor Widget - Stores CTA (fonts come from fonts.css) */

.cc-stores-wrap {
  --cc-st-maxw: 1680px;
  --cc-st-gutter: clamp(20px, 3vw, 48px);
  --cc-st-line: #0A0708;
  --cc-st-bg1: #0A0708;
  --cc-st-color1: #FFFFFF;
  --cc-st-bg2: transparent;
  --cc-st-color2: #0A0708;
  --cc-st-hover: #520000;
  width: 100%;
  box-sizing: border-box;
}
.cc-stores-wrap *, .cc-stores-wrap *::before, .cc-stores-wrap *::after { box-sizing: border-box; }

.cc-stores {
  max-width: var(--cc-st-maxw);
  margin: clamp(40px, 5vw, 72px) auto 0;
  padding: 22px var(--cc-st-gutter);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  border-block: 1px solid var(--cc-st-line);
}
.cc-store {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 26px;
  border: 1px solid var(--cc-st-line);
  font-family: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  text-transform: uppercase;
  font-size: clamp(1.4rem, 2.4vw, 2.2rem);
  text-decoration: none;
  transition: background .25s, color .25s, border-color .25s;
}
.cc-store--1 { background: var(--cc-st-bg1); color: var(--cc-st-color1); }
.cc-store--2 { background: var(--cc-st-bg2); color: var(--cc-st-color2); }
.cc-store:hover, .cc-store:focus { background: var(--cc-st-hover); color: #fff; border-color: var(--cc-st-hover); }
.cc-store .cc-ico { width: 20px; height: 20px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.6; }

@media (max-width: 640px) { .cc-stores { grid-template-columns: 1fr; } }
.cc-store:focus-visible { outline: 2px solid #B0122A; outline-offset: 3px; }