.section.product {padding-top: 1.1111111111rem; } @media (min-width: 576px) {.section.product .col-photo {flex: 0 0 65.1%;max-width: 65.1%;} } .section.product .col-note {display: flex;flex-direction: column; } @media (min-width: 576px) {.section.product .col-note {flex: 0 0 34.9%;max-width: 34.9%;} } .section.product .col-note .card {margin-bottom: 3.0065359477rem;flex-grow: 1; } .section.product .col-note .card .tab-content {flex-grow: 1; } .section.product .photo {aspect-ratio: 946/726;position: relative;height: 100%;width: 100%; } .section.product .photo .img-fluid {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 0.6535947712rem; } .section.product .carousel-holder {padding-left: 1.8300653595rem;padding-right: 2.614379085rem; } .section.product .carousel {height: 8.4967320261rem; } .section.product .carousel .slider {margin-left: -0.3267973856rem;margin-right: -0.3267973856rem; } .section.product .carousel .slider .col {padding-left: 0.3267973856rem;padding-right: 0.3267973856rem; } .section.product .carousel .slider .col .item {aspect-ratio: 133/130;position: relative; } .section.product .carousel .slider .col .item .btn {width: 100%;height: 100%;inset: 0;position: relative;border-radius: 0.6535947712rem;overflow: hidden;box-shadow: none !important; } .section.product .carousel .slider .col .item .btn .img-fluid {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 0.6535947712rem; } .section.product .carousel .slider .col .item .btn::after {content: " ";position: absolute;inset: 0;width: 100%;height: 100%;border-radius: 0.6535947712rem; } .section.product .carousel .slider .col .item .btn.active::after {border: solid 0.2614379085rem var(--primary); } .section.product .carousel .slider .col .item .btn:hover::after {border: solid 0.2614379085rem var(--link-hover-color); } .section.product .btn-prev, .section.product .btn-next {top: 0;color: var(--primary);background: var(--white); } .section.product .btn-prev:hover, .section.product .btn-next:hover {color: var(--link-hover-color); } .section.product .btn-prev {left: 0;transform: translate(-50%, 50%); } .section.product .btn-next {right: 0;transform: translate(50%, 50%); } .section.article {padding-top: 3.7254901961rem;font-size: 1.1764705882rem; } .section.article h2, .section.article .h2 {font-size: 2.3529411765rem;line-height: 1.26;letter-spacing: -0.1647058824rem;text-align: center;margin-bottom: 4.1830065359rem; } .section.article h3, .section.article .h3 {text-align: center; } .section.article h3 a, .section.article .h3 a {color: var(--headings-color);text-decoration: underline; } .section.article h3 a:hover, .section.article .h3 a:hover {color: var(--link-hover-color); } .alert-message {margin-bottom: 0; }