.StoreDetail {
  padding-bottom: 0;
  margin-bottom: var(--spaceXxl);
}

.StoreDetail h2 {
  margin-bottom: 2.5rem;
  font-size: 1.5rem;
}

.StoreDetail h3 {
  font-size: 1rem;
}

.StoreDetail-frame {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--sizeContentWidth) + var(--sizeContentOffset) * 2);
  padding-left: var(--sizeContentOffset);
  padding-right: var(--sizeContentOffset);
}

@media (min-width: 110.01rem) {
  .StoreDetail-frame {
    padding-right: 0;
  }
}

.StoreDetail-layout {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--spaceXl);
}

@media (min-width: 64.01rem) {
  .StoreDetail-layout {
    flex-direction: row;
    gap: var(--sizeContentOffset);
  }
}

@media (min-width: 75.01rem) {
  .StoreDetail-layout {
    flex-direction: row;
    gap: 6.25rem;
  }
}

.StoreDetail-top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 64.01rem) {
  .StoreDetail-top {
    flex-direction: row;
    gap: var(--sizeContentOffset);
  }
}

@media (min-width: 75.01rem) {
  .StoreDetail-top {
    flex-direction: row;
    gap: 6.25rem;
  }
}

.StoreDetail-top picture {
  display: flex;
  justify-content: center;
  padding: 0 var(--spaceLg);
  margin: auto auto var(--spaceLg) auto;
  max-width: 25rem;
}

@media (min-width: 36.01rem) {
  .StoreDetail-top picture {
    min-width: 25rem;
  }
}

@media (min-width: 64.01rem) {
  .StoreDetail-top picture {
    padding: var(--spaceLg);
    margin: auto 0 var(--spaceLg) 0;
  }
}

.StoreDetail-top picture img {
  max-height: 6.25rem;
  width: auto;
}

.StoreDetail-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.StoreDetail-summaryText {
  width: 100%;
  font-size: 0.875rem;
  margin-bottom: var(--spaceLg);
}

.StoreDetail-summaryText p {
  line-height: 180%;
}

.StoreDetail-summaryText.showLess {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: var(--spaceRg);
}

@media (min-width: 48.01rem) {
  .StoreDetail-summaryText {
    font-size: 1rem;
  }
}

@media (min-width: 64.01rem) {
  .StoreDetail-summaryText {
    margin-bottom: var(--spaceRg);
  }
}

@media (min-width: 75.01rem) {
  .StoreDetail-summaryText {
    font-size: 1.25rem;
  }
}

@media (min-width: 110.01rem) {
  .StoreDetail-summaryText {
    font-size: 1.5rem;
  }
}

.StoreDetail-summary .StoreDetail-summaryButton {
  margin-bottom: var(--spaceLg);
  border: none;
}

@media (min-width: 64.01rem) {
  .StoreDetail-summary .StoreDetail-summaryButton {
    margin-bottom: 0;
  }
}

.StoreDetail-summary .StoreDetail-summaryButton:hover {
  background: none;
  color: var(--colorBrand);
  text-decoration: underline;
}

.StoreDetail-summary .StoreDetail-summaryButton svg:first-of-type {
  margin: 0;
  height: 1rem;
}

.StoreDetail-main {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  width: 100%;
}

.StoreDetail-map {
  width: 100%;
  border: none;
  border-radius: var(--spaceMd) 0;
}

.StoreDetail-side {
  display: flex;
  padding: var(--spaceMd);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spaceLg);
  max-width: none;
  height: 100%;
  background: var(--colorBrandBg);
  border-radius: 2.5rem 0;
}

@media (min-width: 64.01rem) {
  .StoreDetail-side {
    padding: var(--spaceLg);
    max-width: 25rem;
    min-width: 25rem;
  }
}

.StoreDetail-side h2, .StoreDetail-side h3 {
  margin-bottom: 0;
  color: var(--colorBrand);
}

.StoreDetail-side p, .StoreDetail-side a {
  font-size: 1rem;
  color: inherit;
}

.StoreDetail-side p span, .StoreDetail-side a span {
  font-weight: 600;
}

.StoreDetail-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spaceLg);
  align-self: stretch;
}

.StoreDetail-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spaceMd);
  align-self: stretch;
  padding: var(--spaceXs) 0 var(--spaceLg) 0;
}

.StoreDetail-info:first-of-type {
  border-bottom: 1px solid var(--colorOutlines);
}

.StoreDetail-info svg {
  min-width: 1rem;
}

.StoreDetail-infoItem {
  display: flex;
  align-items: center;
  gap: var(--spaceSm);
}

.StoreDetail-infoItem p {
  line-height: 160%;
}

.StoreDetail-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
}

.StoreDetail-detailItem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spaceSm);
}

.StoreDetail-description p {
  font-size: 1.125rem;
  line-height: 180%;
}

.StoreDetail-description ul:has(li) {
  margin: 2.5rem 0 0;
}

.StoreDetail-description li {
  position: relative;
  margin-bottom: 1.5rem;
  padding-left: 3.5rem;
  list-style: none;
  color: var(--colorBrand);
  font-size: 1.125rem;
}

.StoreDetail-description li::before {
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%2010C0%204.47715%204.47715%200%2010%200H35V25C35%2030.5228%2030.5228%2035%2025%2035H0V10Z%22%20fill%3D%22%23F0F0FC%22/%3E%3Cpath%20d%3D%22M18.0887%2021.6983C18.2125%2021.8841%2018.4007%2022.0008%2018.6175%2022.0222C18.8319%2022.0437%2019.0439%2021.9698%2019.1964%2021.8174L21.7501%2019.2636C22.0241%2018.9897%2022.2242%2018.6919%2022.3409%2018.3798C22.6815%2017.477%2022.4648%2016.4574%2021.7906%2015.7809L19.1964%2013.1843C19.0463%2013.0342%2018.8414%2012.9579%2018.6294%2012.977C18.415%2012.9961%2018.2292%2013.1033%2018.1029%2013.2843C17.9076%2013.5606%2017.96%2013.968%2018.2244%2014.2324L20.7782%2016.7861H13.2147C12.8216%2016.7861%2012.5%2017.1077%2012.5%2017.5008C12.5%2017.8939%2012.8216%2018.2155%2013.2147%2018.2155H20.7782L18.2054%2020.7883C17.9552%2021.0384%2017.9076%2021.4219%2018.091%2021.6983H18.0887Z%22%20fill%3D%22%230C00CE%22/%3E%3C/svg%3E");
  position: absolute;
  top: 0;
  left: 0;
  width: 2.125rem;
  height: auto;
}

.StoreDetail-branchesFlex {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--spaceSm);
}

@media (min-width: 37.51rem) {
  .StoreDetail-branchesFlex {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 48.01rem) {
  .StoreDetail-branchesFlex {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 64.01rem) {
  .StoreDetail-branchesFlex {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 75.01rem) {
  .StoreDetail-branchesFlex {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 90.01rem) {
  .StoreDetail-branchesFlex {
    gap: var(--spaceMd);
  }
}

.StoreDetail-branchesItem {
  display: flex;
  flex-direction: column;
  border-radius: var(--spaceMd) 0;
}

.StoreDetail-branchesItem:has(picture) .StoreDetail-branchesInfo {
  border-top: none;
  border-right: 1px solid var(--colorOutlinesBrand);
  border-bottom: 1px solid var(--colorOutlinesBrand);
  border-left: 1px solid var(--colorOutlinesBrand);
  border-radius: 0 0 var(--spaceMd) 0;
}

.StoreDetail-branchesInfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spaceSm);
  padding: var(--spaceLg);
  border: 1px solid var(--colorOutlinesBrand);
  border-radius: var(--spaceMd) 0;
}

.StoreDetail-branchesName {
  font-size: 1.125rem;
  font-weight: 600;
}

.StoreDetail-branchesAddress {
  font-size: 1rem;
  color: var(--colorTextSubtle);
}

.StoreDetail-branches picture {
  height: 100%;
}

.StoreDetail-branches picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--spaceMd) 0 0 0;
}

.StoreDetail-personsFlex {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--spaceSm);
}

@media (min-width: 48.01rem) {
  .StoreDetail-personsFlex {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64.01rem) {
  .StoreDetail-personsFlex {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 75.01rem) {
  .StoreDetail-personsFlex {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 90.01rem) {
  .StoreDetail-personsFlex {
    gap: var(--spaceMd);
  }
}

@media (min-width: 110.01rem) {
  .StoreDetail-personsFlex {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.StoreDetail-personsItem {
  display: flex;
  padding: var(--spaceLg);
  flex-direction: column;
  gap: var(--spaceMd);
  border-radius: var(--spaceMd) 0;
  border: 1px solid var(--colorOutlinesBrand);
}

.StoreDetail-personsInfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spaceSm);
}

.StoreDetail-personsName {
  font-size: 1.125rem;
  font-weight: 600;
}

.StoreDetail-personsPosition {
  font-size: 1rem;
  color: var(--colorTextSubtle);
}

.StoreDetail-personsContact {
  display: flex;
  align-items: center;
  gap: var(--spaceSm);
  color: var(--colorBrand);
  font-size: 1rem;
  font-weight: 600;
}

.StoreDetail-personsContact svg {
  min-width: 1rem;
}

.StoreDetail-storeType {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spaceMd);
}

@media (min-width: 64.01rem) {
  .StoreDetail-storeType:has(div) {
    padding-top: 3rem;
    margin-top: var(--spaceRg);
    border-top: 1px solid var(--colorOutlines);
  }
}

.StoreDetail-storeTypeItem {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: var(--spaceRg);
  padding: var(--spaceRg) var(--spaceMd);
  max-width: 25rem;
  border-radius: var(--spaceRg) 0;
  font-size: 1.125rem;
  font-weight: 600;
}

.StoreDetail-storeTypeItemSpec1 {
  color: var(--colorSpecialization1);
  border: 1px solid var(--colorSpecialization1);
}

.StoreDetail-storeTypeItemSpec2 {
  color: var(--colorSpecialization2);
  border: 1px solid var(--colorSpecialization2);
}

.StoreDetail-storeTypeItemSpec3 {
  color: var(--colorSpecialization3);
  border: 1px solid var(--colorSpecialization3);
}

.StoreDetail-scope {
  padding-bottom: 0;
}

.StoreDetail-scope svg {
  max-width: 30rem;
}

.StoreDetail-scope path {
  fill: transparent;
  stroke-width: 1px;
  stroke: #C7C6DF;
}

.StoreDetail-scope .HLAVNI_MESTO_PRAHA #CZ-PR,
.StoreDetail-scope .JIHOCESKY_KRAJ #CZ-JC,
.StoreDetail-scope .KARLOVARSKY_KRAJ #CZ-KA,
.StoreDetail-scope .KRALOVEHRADECKY_KRAJ #CZ-KR,
.StoreDetail-scope .LIBERECKY_KRAJ #CZ-LI,
.StoreDetail-scope .MORAVSKOSLEZSKY_KRAJ #CZ-MO,
.StoreDetail-scope .OLOMOUCKY_KRAJ #CZ-OL,
.StoreDetail-scope .PARDUBICKY_KRAJ #CZ-PA,
.StoreDetail-scope .ZLINSKY_KRAJ #CZ-ZL,
.StoreDetail-scope .PLZENSKY_KRAJ #CZ-PL,
.StoreDetail-scope .STREDOCESKY_KRAJ #CZ-ST,
.StoreDetail-scope .USTECKY_KRAJ #CZ-US,
.StoreDetail-scope .KRAJ_VYSOCINA #CZ-VY,
.StoreDetail-scope .JIHOMORAVSKY_KRAJ #CZ-JM,
.StoreDetail-scope .CR path {
  fill: var(--colorBrand);
}

.StoreDetail-socials path {
  fill: var(--colorBrand);
}

.StoreDetail .SubpageHeader-title {
  font-size: var(--textXl);
}

@media (min-width: 36.01rem) {
  .StoreDetail .SubpageHeader-title {
    font-size: var(--textXxl);
  }
}

/*# sourceMappingURL=store-detail.min.css.map */
