.product-page {width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto; } .product-page .bg-product {position: relative; } .product-page .bg-product .mark-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; } .product-page .bg-product .container {position: relative; } @media (min-width: 768px) {.product-page .bg-product .container .nav-breadcrumb {position: absolute;top: 0;left: 0;} } .product-page .bg-product .logo-img {max-width: 32.1428571429rem;padding: 3.5714285714rem 2.1428571429rem; } .product-page .bg-product .column {margin: auto;text-align: center; } .product-page .bg-product .column .claim {font-size: 2.1428571429rem;font-weight: 900;text-transform: uppercase;color: var(--white);margin: 2.1428571429rem auto;width: 90%;line-height: 1.4; } @media (max-width: 991.98px) {.product-page .bg-product .column .claim {width: 100%;} } .product-page .bg-product .column:first-child {padding: 2.1428571429rem; } .product-page .bg-product .categories {padding-bottom: 2.1428571429rem; } .product-page .bg-product .categories > * {margin-bottom: 1.4285714286rem; } .product-page .bg-product .categories .card {border: 2px solid rgba(var(--white), 0.12);align-items: center;background: transparent;padding: 1.0714285714rem;position: relative; } .product-page .bg-product .categories .card img {max-height: 7.1428571429rem;margin-bottom: 0.7142857143rem; } .product-page .bg-product .categories .card .card-title {color: var(--color1);font-size: 1.2857142857rem;text-transform: uppercase;font-weight: 900; } .product-page .bg-product .categories .card:hover {border-color: var(--white);text-decoration: none; } .product-page .bg-product .categories .card:hover .card-title {color: var(--white); } .product-page .bg-product .categories .card:hover::after {display: block; } .product-page .bg-product .categories .card::after {position: absolute;content: url("/static/img/arrow-right.svg");bottom: 0;right: 0;background: var(--primary);padding: 0.5rem;line-height: 1;display: none; } .product-page .bg-light {padding: 3.5714285714rem 1.4285714286rem;text-align: center; } .product-page .bg-light p {font-size: 1.2857142857rem;line-height: 1.7;color: var(--color1); } .product-page .bg-light hr {margin: 2.1428571429rem 0; } .product-page .bg-light .row > * {margin-bottom: 1.4285714286rem; } .product-page .container .product-section {margin: 2.8571428571rem 0; } .product-page .container .product-section h2, .product-page .container .product-section h3 {text-align: center; } .product-page .container .product-section h2 {font-size: 2.7142857143rem; } @media (max-width: 991.98px) {.product-page .container .product-section h2 {font-size: 2.4285714286rem;} } .product-page .container .product-section h3 {font-size: 2.2857142857rem;color: var(--secondary); } @media (max-width: 991.98px) {.product-page .container .product-section h3 {font-size: 1.7142857143rem;} } .product-page .container .product-section .base-info {text-align: center;display: flex;flex-direction: column; } .product-page .container .product-section .base-info .social-links, .product-page .container .product-section .base-info .product-links {display: flex;justify-content: space-between;gap: 1.0714285714rem;flex-wrap: wrap;padding: 1.4285714286rem; } .product-page .container .product-section .base-info .social-links .social-item, .product-page .container .product-section .base-info .product-links .social-item {display: flex;color: var(--black);flex-grow: 1;font-weight: 900;text-transform: uppercase;gap: 0.7142857143rem;justify-content: center; } .product-page .container .product-section .base-info .social-links .social-item img, .product-page .container .product-section .base-info .product-links .social-item img {margin-bottom: 0.7142857143rem; } .product-page .container .product-section .base-info .social-links .link-item, .product-page .container .product-section .base-info .product-links .link-item {font-size: 1.7142857143rem;text-transform: uppercase;font-weight: 900;color: var(--white);background: var(--primary);padding: 0.7142857143rem 1.4285714286rem;flex-grow: 1; } .product-page .container .product-section .base-info .social-links .link-item:hover, .product-page .container .product-section .base-info .product-links .link-item:hover {background: var(--black);text-decoration: none; } .product-page .container .product-section .base-info .social-links {border-bottom: 1px solid var(--light);margin-bottom: 1.4285714286rem; } .product-page .container .product-section .base-info .product-links {background: var(--light);margin-bottom: 1.4285714286rem; } .product-page .container .product-section .base-info .btn-outline-primary {color: var(--black);padding: 1.4285714286rem 2.8571428571rem; } .product-page .container .product-section .base-info .btn-outline-primary:hover {color: var(--white); } .product-page .container .product-section .social > * {margin-bottom: 1.1428571429rem; } .product-page .container .product-section .social .card {aspect-ratio: 1/1;height: 100%;background: var(--light);position: relative;padding: 0;border: 0;box-shadow: none;overflow: hidden; } .product-page .container .product-section .social .card:hover .card-body {bottom: 0;transition: bottom 0.5s; } .product-page .container .product-section .social .card:hover .card-img-top {transform: scale(1.1);transition: transform 0.5s; } .product-page .container .product-section .social .card .card-img-top {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transition: all 0.5s; } .product-page .container .product-section .social .card svg {position: absolute;top: 1.0714285714rem;right: 1.0714285714rem;color: var(--white);width: 2rem;height: auto; } .product-page .container .product-section .social .card .card-body {padding: 1.0714285714rem;background: transparent;position: absolute;bottom: -17.8571428571rem;left: 0;transition: bottom 0.5s; } .product-page .container .product-section .social .card .card-body .card-content {background: var(--color3);width: 100%;padding: 1.0714285714rem; } .product-page .container .product-section .social .card .card-body .card-title {color: var(--white);font-size: 1.1428571429rem; } .product-page .container .product-section .social .card .card-body .card-text {color: var(--white);font-size: 1rem; } .product-page .container .map-info {background-image: url("/static/img/mapa_prodejcu.jpg");background-size: cover;background-position: center;display: flex;flex-direction: column;align-items: center;padding: 3.2142857143rem;margin-top: 2.8571428571rem;flex-grow: 1;aspect-ratio: 1280/448; } .product-page .container .map-info h3 {font-size: 2.5714285714rem;text-transform: uppercase;background: var(--light);padding: 1.0714285714rem;width: 100%;text-align: center; } @media (min-width: 768px) {.product-page .container .map-info h3 {max-width: 60%;} } .product-page .container .map-info .btn {margin: auto; }