.storeView { padding: 0 10px 30px; } .storeView h1 { } .storeView h1 .fav-control { margin: 0 0 -1px 5px; } .storeView .vp-meta { display: flex; flex-flow: row wrap; gap: 15px; justify-content: center; margin: 0 0 10px; font-size: 0.85em; } .storeView .vp-meta > div { white-space: nowrap; } .storeView .vp-meta > div em.icon { margin: -4px 5px 0 0; } .storeView .vp-meta.vp-meta-extras { font-size: 0.9em; gap: 10px 5px; } .storeView .vp-meta.vp-meta-extras span { padding: 0 5px 0 0; } .storeView .vp-meta.vp-meta-extras em { cursor: pointer; } .storeView .vp-description { margin: 0 auto 10px; background: rgba(0, 0, 0, 0.05); border-radius: 3px; padding: 15px; font-size: 0.85em; text-align: left; line-height: 1.5; } .storeView .vp-description.descr-box { max-height: 250px; } .storeView .vp-description.descr-box.short { max-height: 250px; } .storeView .vp-description + .vp-description { margin-top: 20px; } .storeView .vp-description p { margin: 0 0 10px; } .storeView .vp-description p:last-child { margin:0; } .storeView .vp-description p br { content: ""; display: block; margin-bottom: 5px; } .storeView .vp-columns { display: flex; flex-flow: row nowrap; gap: 20px; justify-content: center; margin: 30px 0 10px; } .storeView .vp-columns .vp-map { display: block; width: 100%; aspect-ratio: 5/3; background: no-repeat center / cover; border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; box-sizing: border-box; background-clip: border-box; } @media (hover: hover) { .storeView .vp-columns .vp-map:hover { border-color: rgba(0,0,0,0.15); } } .storeView .vp-columns .vp-map:active { border-color: rgba(0,0,0,0.22); } @media (prefers-color-scheme: dark) { .storeView .vp-columns .vp-map { filter: invert(80%) brightness(120%) contrast(170%) hue-rotate(180deg); } } .storeView .vp-columns .vp-meta { flex-flow: column nowrap; justify-content: flex-start; text-align: left; max-width: 50%; font-size: 0.85em; } .storeView .vp-columns .vp-meta.vp-meta-location { width: 220px; min-width: 150px; font-size: 0.8em; } .storeView .vp-columns .vp-meta > div { display: flex; flex-flow: row nowrap; white-space: normal; } .storeView .vp-columns .vp-meta.vp-meta-location > div { overflow: hidden; text-overflow: ellipsis; } .storeView .vp-columns .vp-meta > div em.icon { margin: 4px 8px 0 0; } .storeView .vp-columns .vp-meta > div span { padding: 1px 0 0; } .storeView .vp-columns .vp-meta > div.nowrap span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .storeView .vp-columns .vp-meta > div span a { text-decoration: underline; text-decoration-style: dotted; } @media (hover: hover) { .storeView .vp-columns .vp-meta > div span a:hover { text-decoration: underline; } } .storeView .vp-columns .vp-meta > div span a:active { text-decoration: underline; text-decoration-thickness: 2px; } .storeView .vp-rating { margin: 30px 0 10px; } .storeView .vp-rating h4 { margin: 0 0 10px 0; font-size: 1.1em; } .storeView .vp-rating h4 a.icon { margin: -3px 0 0 8px; } @media (hover: hover) { .storeView .vp-rating h4 a.icon:hover { opacity: 0.85; } } .storeView .vp-rating h4 a.icon:active { opacity: 0.93; } .storeView .vp-rating .rating { margin: 0 0 5px 0; } .storeView .vp-rating .reviews { margin: 30px 0 0; padding: 0 0 10px; border-bottom: 1px solid; border-color: rgba(0,0,0,0.1); } .storeView .vp-rating .reviews > section { padding: 0; border-color: inherit; } .storeView .vp-rating .reviews .review { margin: 0 0 15px; padding: 0 10px 15px; border-bottom: 1px solid; border-color: inherit; font-size: 0.9em; } .storeView .vp-rating .reviews .review:last-child { margin-bottom: 0; padding-bottom: 10px; border-bottom: 0; } @media (prefers-color-scheme: dark) { .storeView .vp-rating .reviews { border-color: rgba(255,255,255,0.1); } } .storeView .vp-rating .reviews .review aside { margin: 0 0 5px; white-space: nowrap; overflow: hidden; } .storeView .vp-rating .reviews .review aside .avatar { display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0; background-color: rgba(var(--overlay), 0.2); background-repeat: no-repeat; background-size: cover; } .storeView .vp-rating .reviews .review aside .avatar.no-avatar { background-color: rgba(var(--overlay), 0.3); background-image: url("../imgs/no-avatar.webp"); opacity: 0.6; } .storeView .vp-rating .reviews .review aside .meta { display: inline-block; vertical-align: middle; margin: 0 0 0 8px; } .storeView .vp-rating .reviews .review aside small { font-size: 0.9em; opacity: 0.75; } .storeView .vp-rating .reviews .review aside a { text-decoration: underline; text-decoration-style: dotted; } .storeView .vp-rating .reviews .review .rating { margin: 0 0 5px; } .storeView .vp-rating .reviews .review .text { font-size: 0.95em; } .storeView a.btnGoogleMaps { border-radius: 4px; cursor: pointer; background: #6eb570; background: var(--bgr-hdr); color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); font-weight: bold; display: inline-block; height: 40px; line-height: 40px; position: relative; padding: 0 20px 0 55px; } .storeView a.btnGoogleMaps::before { content: ""; position: absolute; display: block; left: 0; bottom: 0; width: 44px; height: 44px; background: url("../imgs/googlemaps.webp") no-repeat 0 0 / cover; } @media (hover: hover) { .storeView a.btnGoogleMaps:hover { filter: brightness(95%); } } .storeView a.btnGoogleMaps:active { filter: brightness(90%); } table.worktime { border-collapse: collapse; } table.worktime tr td { padding: 5px 10px 3px 0; } table.worktime tr td:first-child { font-weight: bold; } table.worktime tr td:first-child::before { content: "•"; padding-right: 10px; } table.worktime tr td:first-child::after { content: ":"; } .storeExtrasModal { display: flex; flex-flow: column; gap: 15px; align-items: flex-start; } .storeExtrasModal .item { display: flex; flex-flow: row nowrap; gap: 15px; align-items: flex-start; } .storeExtrasModal .item > .icon { margin: 2px 0 0; } .storeExtrasModal .item > div { display: flex; flex-flow: column; gap: 5px; font-size: 1em; align-items: flex-start; } .storeExtrasModal .item > div strong { } .storeExtrasModal .item > div span { font-weight:350; }