section,
body.wetsuit-guide .boardshort-guide-container,
body.wetsuit-guide .boardshort-guide-container section {
    background: black;
}
nav.wd-browsing-breadcrumbs {
display: none;
}
    body.wetsuit-guide #content-wrapper,
    body.wetsuit-guide #middle{
width: 100%;
}
    body.wetsuit-guide .boardshort-guide-container *,
    body.wetsuit-guide .boardshort-guide-container *::before,
    body.wetsuit-guide .boardshort-guide-container *::after {
box-sizing: border-box;
}
    body.wetsuit-guide .boardshort-guide-container {
width: 100%;
overflow-x: hidden;
font-family: Helvetica Now Pro Text, sans-serif;
color: #333;
}
    body.wetsuit-guide .boardshort-guide-container img {
max-width: 100%;
height: auto;
display: block;
}
    body.wetsuit-guide .boardshort-guide-container p {
font-size: 16px;
line-height: 1.6;
color: white;
margin-top: 0;
margin-bottom: 1rem;
letter-spacing: -0.2px;
}
    body.wetsuit-guide .boardshort-guide-container h1,
    body.wetsuit-guide .boardshort-guide-container h2,
    body.wetsuit-guide .boardshort-guide-container h3,
    body.wetsuit-guide .boardshort-guide-container h4 {
font-family: 'Helvetica Now Pro Text', sans-serif;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.5px;
margin-top: 0;
margin-bottom: 0.5rem;
color: white;
}
    body.wetsuit-guide .rc-guide-section {
padding: 40px 2%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
    body.wetsuit-guide .rc-guide-section-header {
    max-width: 100%;
    margin: 0 auto 40px auto;
    text-align: left;
}
    body.wetsuit-guide .rc-guide-section-header--left {
text-align: left;
max-width: 100%;
margin-bottom: 20px;
}
    body.wetsuit-guide .rc-guide-section-header__title {
font-size: 38px;
margin-bottom: 10px;
}
    body.wetsuit-guide .rc-guide-btn {
display: inline-block;
padding: 12px 28px;
text-decoration: none;
text-transform: uppercase;
border: 1px solid;
transition: all 0.3s ease;
cursor: pointer;
height: 44px;
padding-left: 24px;
padding-right: 24px;
font-size: 14px;
line-height: 1.5;
font-weight: 700;
letter-spacing: 0;
font-family: "Helvetica Now Pro Text", sans-serif;
}
    body.wetsuit-guide .rc-guide-btn--white {
border-color: #fff;
color: #fff;
background-color: transparent;
}
    body.wetsuit-guide .rc-guide-btn--white,
    body.wetsuit-guide .rc-guide-btn--white:hover {
background-color: #fff;
color: #000;
margin-top:10px;
}
    body.wetsuit-guide .rc-guide-btn--dark {
background-color: black;
color: #fff;
    border-color: white;
    border: 1px solid;
}
    body.wetsuit-guide .rc-guide-btn--dark:hover {
background-color: #000;
border-color: #000;
}
    body.wetsuit-guide .rc-guide-btn--outline {
border-color: white;
color: #2b2b2b;
background-color: transparent;
}
    body.wetsuit-guide .rc-guide-btn--outline:hover {
background-color: white;
color: #fff;
}


    body.wetsuit-guide .rc-guide-hero {
position: relative;
width: 100%;
height: 90vh;
min-height: 400px;
overflow: hidden;
display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding-bottom: 50px;
}
    body.wetsuit-guide .rc-guide-hero__video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
object-fit: cover;
z-index: 1;
}
    body.wetsuit-guide .rc-guide-hero__overlay {
position: relative;
    z-index: 2;
    color: #fff;
    padding-left: 2% !important;
    max-width: 100%;
    padding-top: 0;
    flex: 0 0 97%;
}
    body.wetsuit-guide .rc-guide-hero__title {
font-size: 48px;
margin-bottom: 20px;
line-height: 1.2;
color: #fff !important;
font-weight: 900;
text-shadow: 0 0 8px rgba(0,0,0,0.3);
    font-size: 90px;
    letter-spacing: -3.6px !important;
    font-weight: 700;
    text-transform: uppercase;
    line-height: .825;
    border-bottom: 1px solid #ffffff4d;
    padding-bottom: 20px;
}


    body.wetsuit-guide .rc-guide-intro {
max-width: 800px;
margin: 0 auto;
text-align: center;
padding: 60px 0% 10px 0% !important;
}
    body.wetsuit-guide .rc-guide-intro p {
font-size: 20px !important;
color: white;
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.025em;
}


    body.wetsuit-guide .rc-guide-tabs-section {
background-color: black !important;
padding-top: 60px;
max-width: 100%;
padding-inline:0 ;
padding-bottom: 0;
}
    body.wetsuit-guide .rc-guide-tabs {
display: flex;
max-width: 100%;
margin: 0 auto;
padding-bottom:48px;
background-color: black !important;
}
    body.wetsuit-guide .rc-guide-tabs__nav {
width: 50%;
flex-shrink: 0;
padding: 30px;
background-color: black !important;
margin-top: 0;
margin-bottom: auto;
    padding-top: 60px;
}
    body.wetsuit-guide .rc-guide-tabs__nav-title {
font-size: 14px;
margin-top: 0;
padding-bottom: 10px;
display: flex;
align-items: center;
}
    body.wetsuit-guide .rc-guide-tabs__nav ul {
list-style: none;
margin: 0;
padding: 0;
}
    body.wetsuit-guide .rc-guide-tabs__nav-item a {
font-size: 14px;
text-decoration: underline;
font-weight: 400;
align-items: center;
justify-content: center;
}
    body.wetsuit-guide .rc-guide-tabs__nav-item {
padding: 25px 10px !important;
letter-spacing: 0.8px;
font-size: 32px;
line-height: 1.1;
font-weight: 900;
color: #acacac;
border-top: 1px solid #eee;
cursor: pointer;
transition: all 0.2s ease-in-out;
text-transform: uppercase !important;
}
    body.wetsuit-guide .rc-guide-tabs__nav-item div{
display: flex;
align-items: center;
}
    body.wetsuit-guide .rc-guide-tabs__nav-item a,
    body.wetsuit-guide .rc-guide-tabs__nav-item svg{
display:none;
}
    body.wetsuit-guide .rc-guide-tabs__nav-item:hover svg,
    body.wetsuit-guide .rc-guide-tabs__nav-item.active svg{
margin-right:10px;
margin-left:10px;
}
    body.wetsuit-guide .rc-guide-tabs__nav-item:hover a,
    body.wetsuit-guide .rc-guide-tabs__nav-item.active a,
    body.wetsuit-guide .rc-guide-tabs__nav-item:hover svg,
    body.wetsuit-guide .rc-guide-tabs__nav-item.active svg{
    display:flex;
    color:white;
}
    body.wetsuit-guide .rc-guide-tabs__nav-item:hover,
    body.wetsuit-guide .rc-guide-tabs__nav-item.active {
display: flex;
justify-content: space-between;
color: white !important;
font-weight: 400;
padding-left:20px !important;
}
    body.wetsuit-guide .rc-guide-tabs__content {
width: 50%;
flex-shrink: 0;
}
    body.wetsuit-guide .rc-guide-tabs__pane {
display: none;
grid-template-columns: 1fr 1fr;
gap: 0;
}
    body.wetsuit-guide .rc-guide-tabs__pane.active {
display: grid;
}
    body.wetsuit-guide .rc-guide-tabs__pane img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 4 / 5;
}


.rc-guide-accordion {
    max-width: 800px;
    margin: 0 auto; 
}

.rc-guide-accordion__item {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.rc-guide-accordion__item:last-child {
    border-bottom: none;
}

.rc-guide-accordion__title {
    margin: 0; 
    padding: 5px 30px 5px 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    color: #000;
    padding-left:30px;
    font-size: 20px;
    letter-spacing: -.6px !important;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom:5px !important;
}

.rc-guide-accordion__title::after {
    content: '+';
    position: absolute;
    right: unset;
    top: 44%;
    transform: translateY(-50%);
    font-size: 1.7em;
    transition: transform 0.3s ease;
    line-height: 1;
    font-weight: 900;
    left: 0;
    opacity: 0.6;
    font-family: initial;
}

.rc-guide-accordion__item.active > .rc-guide-accordion__title::after {
    content: '–';
    transform: translateY(-50%) rotate(0deg);
}

.rc-guide-accordion__content {
    max-height: 0; 
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out; 
    padding: 0 0;
}

.rc-guide-accordion__item.active > .rc-guide-accordion__content {
    max-height: 500px;
    padding: 10px 0 0 0;
}

.rc-guide-accordion__content p {
    margin: 0;
    padding: 0;
    line-height: 1.6;
    color: #444;
}


    body.wetsuit-guide .slick-prev:before,     body.wetsuit-guide .slick-next:before{
display:none !important;
}
    body.wetsuit-guide .boardshort-guide-container .rc-guide-length-slider-section h3 {
font-weight: 600;
font-family: 'Helvetica Now Pro Text', sans-serif;
margin-top:20px;
font-size: 28px;
line-height: 1.25;
letter-spacing: -0.7px;
}
    body.wetsuit-guide .rc-guide-length-slider-section {
background-color: #f2eee7;
padding: 96px 2%;
max-width: 100%;
padding-bottom:60px;
}
    body.wetsuit-guide .rc-guide-length-slider-section .rc-guide-section-header{
max-width:100%;
margin: unset;
text-align:left;
margin-bottom: 40px;
}
    body.wetsuit-guide .rc-guide-length-slider-section .rc-guide-section-header h2{
text-transform: none;
margin-bottom:20px;
font-size: 38px;
letter-spacing: -1.14px;
font-weight: 700;
line-height: 1.1;
text-align:center;
}
body.wetsuit-guide .rc-guide-length-slider-section .rc-guide-section-header:first-child {
  padding-bottom: 20px;
}
body.wetsuit-guide .rc-guide-length-slider-section .rc-guide-section-header:first-child h2 {
    font-size: 38px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 0;
}
body.wetsuit-guide .rc-guide-section.rc-guide-temp-guide > .rc-guide-temp-content {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
}
body.wetsuit-guide .rc-guide-length-slider-section .rc-guide-section-header:first-child p{
    color: white;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
}
    body.wetsuit-guide .boardshort-guide-container .rc-guide-length-slider-section p{
color: white;
font-weight: 600;
}
    body.wetsuit-guide .rc-guide-length-slider {
max-width: 100%;
margin: 0 auto;
padding-bottom: 40px;
border-bottom: 1px solid #acacac;
margin-bottom: 40px;
}
    body.wetsuit-guide .rc-guide-length-slider__item {
text-align: left;
padding: 0;
margin-right: 10px !important;
overflow:hidden;
}
    body.wetsuit-guide .rc-guide-length-slider__item img {
transition: transform 0.3s ease-in-out;
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
margin-bottom: 15px;
}
    body.wetsuit-guide .rc-guide-length-slider__item img:hover{
transition: transform 0.3s ease-in-out;
transform: scale(1.035);
}
    body.wetsuit-guide .rc-guide-length-slider__title {
font-size: 16px;
color: #000;
text-align: left !important;
}
    body.wetsuit-guide .rc-guide-length-slider:hover .slick-prev,
    body.wetsuit-guide .rc-guide-length-slider:hover .slick-next{
display:block !important;
border-radius: unset !important;
text-align: center;
border: 1px solid gray !important;
}
    body.wetsuit-guide .rc-guide-length-slider .slick-prev,
    body.wetsuit-guide .rc-guide-length-slider .slick-next {
display: none !important;
width: 40px !important;
height: 40px !important;
z-index: 10 !important;
}
    body.wetsuit-guide .rc-guide-length-slider .slick-prev:before,
    body.wetsuit-guide .rc-guide-length-slider .slick-next:before {
font-family: 'slick' !important;
color: #000 !important;
font-size: 20px !important;
opacity: 1 !important;
}
    body.wetsuit-guide .rc-guide-length-slider .slick-prev { left: 25px !important; }
    body.wetsuit-guide .rc-guide-length-slider .slick-next { right: 25px !important; }
    body.wetsuit-guide .rc-guide-length-slider .slick-prev:hover,
    body.wetsuit-guide .rc-guide-length-slider .slick-next:hover {
background-color: #fff !important;
}


body.wetsuit-guide .rc-guide-grid-2.with-text{
  padding-left: 0;
  padding-top: 0px;
  display: flex;
margin-top:100px;
}
body.wetsuit-guide .rc-guide-grid-2.with-text .rc-guide-grid-2__item:last-child{
display:flex;
align-items: center;
flex: 0 0 45%;
    padding-right: 120px;
}
body.wetsuit-guide .rc-guide-grid-2.with-text .rc-guide-grid-2__item:last-child h3 {
  display: flex;
  align-items: center;
    font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -.28px;
}
body.wetsuit-guide .rc-guide-grid-2.with-text .rc-guide-grid-2__item:last-child h2{
    font-size: 32px;
    letter-spacing: -.96px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.1;
    margin-top:20px;
    margin-bottom:20px;
}
    body.wetsuit-guide .rc-guide-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
padding-top: 60px;
padding: 40px 2%;
}
    body.wetsuit-guide .rc-guide-grid-2__item img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
transition: transform 0.3s ease;
}
    body.wetsuit-guide .rc-guide-grid-2__item:hover img {
transform: scale(1.02);
}
    body.wetsuit-guide .rc-guide-grid-2__caption {
padding: 20px 20px;
padding-right: 10px;
}
    body.wetsuit-guide .rc-guide-grid-2__caption p {
font-size: 16px;
color: white;
font-weight: 600;
font-family: Helvetica Now Pro Text, sans-serif;
}
    body.wetsuit-guide .rc-guide-grid-2__caption p strong{
font-weight:700;
font-size:16px;
}
.wd-product-list .wd-header .wd-title, .wd-browsing-grid-list .wd-header .wd-title, .wd-product-associations .wd-header .wd-title, .wd-browsing-product-carousel .wd-header .wd-title {
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.1;
letter-spacing: -1.14px;
color: #2b2b2b;
}


    body.wetsuit-guide .rc-guide-quote {
background-color: #f5f5f5;
padding: 100px 5%;
text-align: center;
max-width: 100%;
}
    body.wetsuit-guide .rc-guide-quote__author {
color: #333;
margin-bottom: 20px !important;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
line-height: 1;
letter-spacing: -0.28px !important;
}
    body.wetsuit-guide .rc-guide-quote__text {
max-width: 800px;
margin: 0 auto;
}
    body.wetsuit-guide .rc-guide-quote__text p {
font-size: 20px !important;
line-height: 1.2;
color: white;
font-weight: 600 !important;
}


    body.wetsuit-guide .rc-guide-hotspot {
display: flex;
gap: 60px;
align-items: center !important;
padding: 80px 2.5%;
}
    body.wetsuit-guide .rc-guide-hotspot__content {
width: 50%;
flex-shrink: 0;
padding-left:40px;
}
    body.wetsuit-guide .rc-guide-hotspot__title {
font-size: 38px;
letter-spacing: -1.14px !important;
font-weight: 700;
text-transform: uppercase;
line-height: 1.1;
margin-bottom: 25px !important;
}
    body.wetsuit-guide .rc-guide-hotspot__content .rc-guide-btn {
margin-right: 10px;
margin-top: 20px;
display: inline-flex !important;
align-items:center;
}
    body.wetsuit-guide .rc-guide-hotspot__image-wrapper {
position: relative;
width: 50%;
flex-shrink: 0;
flex: 50%;
}
    body.wetsuit-guide .rc-guide-hotspot__image-wrapper img{
width:100%;
}
    body.wetsuit-guide .rc-guide-hotspot__btn {
position: absolute;
width: 35px;
height: 35px;
background-color: #000;
color: #fff;
border: none;
border-radius: 0;
font-size: 30px;
font-weight: bold;
cursor: pointer;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
font-weight: 100;
}
    body.wetsuit-guide .rc-guide-hotspot__btn span {
transition: transform 0.3s ease;
font-weight: 100;
font-family: auto;
opacity:0.7;
}
    body.wetsuit-guide .rc-guide-hotspot__btn.open span {
transform: rotate(45deg);
}
    body.wetsuit-guide .rc-guide-hotspot__popover {
display: none;
position: absolute;
background-color: white;
border: 1px solid black;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
padding: 15px;
width: 200px;
z-index: 10;
font-size: 14px;
color: white;
}


    body.wetsuit-guide .rc-guide-products-section {
background-color: #fff;
padding: 60px 2%;
margin: 0 auto;
}
    body.wetsuit-guide .rc-guide-products-section .icon-subtitle-vitrine > div {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
letter-spacing: -0.28px;
}
    body.wetsuit-guide .rc-guide-products-section .icon-subtitle-vitrine{
position:relative;
margin-bottom:20px;
}
    body.wetsuit-guide .rc-guide-products-section .icon-subtitle-vitrine a{
position: absolute;
right: 0;
height: 44px;
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 14px;
font-weight: 700;
letter-spacing: -.24px;
text-decoration: underline;
text-transform: uppercase;
top: 45px;
color: white;
}
    body.wetsuit-guide .rc-guide-products-slider {
margin: 0 -10px;
}
    body.wetsuit-guide .rc-guide-product-card {
padding: 0 10px;
}
    body.wetsuit-guide .rc-guide-product-card__image {
position: relative;
overflow: hidden;
aspect-ratio: 3 / 4;
background-color: #f9f9f9;
}
    body.wetsuit-guide .rc-guide-product-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
    body.wetsuit-guide .rc-guide-product-card:hover .rc-guide-product-card__image img {
transform: scale(1.05);
}
    body.wetsuit-guide .rc-guide-product-card__info {
padding: 15px 5px;
}
    body.wetsuit-guide .rc-guide-product-card__title {
font-size: 16px;
text-transform: none;
font-weight: 600;
margin: 0 0 5px 0;
}
    body.wetsuit-guide .rc-guide-product-card__price {
font-size: 15px;
font-weight: 700;
margin: 0 0 10px 0;
color: #000;
}
    body.wetsuit-guide .rc-guide-product-card__colors {
display: flex;
gap: 8px;
}
    body.wetsuit-guide .rc-guide-product-card__colors span {
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #ccc;
}
    body.wetsuit-guide .rc-guide-products-slider .slick-prev,
    body.wetsuit-guide .rc-guide-products-slider .slick-next {
display: block !important;
width: 50px !important;
height: 50px !important;
z-index: 10 !important;
background-color: rgba(255, 255, 255, 0.9) !important;
border-radius: 50% !important;
box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
border: none !important;
}
    body.wetsuit-guide .rc-guide-products-slider .slick-prev:before,
    body.wetsuit-guide .rc-guide-products-slider .slick-next:before {
font-family: 'slick' !important;
font-size: 24px !important;
color: #333 !important;
opacity: 1 !important;
}
    body.wetsuit-guide .rc-guide-products-slider .slick-prev { left: 25px !important; }
    body.wetsuit-guide .rc-guide-products-slider .slick-next { right: 25px !important; }
    body.wetsuit-guide .rc-guide-products-slider .slick-prev:hover,
    body.wetsuit-guide .rc-guide-products-slider .slick-next:hover {
background-color: #fff !important;
}
    body.wetsuit-guide .slick-slider {
position: relative;
display: block;
}
    body.wetsuit-guide .slick-list {
overflow: hidden;
margin: 0;
padding: 0;
}
    body.wetsuit-guide .slick-track {
display: flex;
}
    body.wetsuit-guide .slick-slide {
height: auto;
margin: 0;
}
    body.wetsuit-guide .slick-dots {
bottom: -35px;
list-style: none;
padding: 0;
text-align: center;
}
    body.wetsuit-guide .slick-dots li {
display: inline-block;
margin: 0 5px;
}
    body.wetsuit-guide .slick-dots li button {
font-size: 0;
width: 10px;
height: 10px;
background-color: #ccc;
border: none;
border-radius: 50%;
padding: 0;
cursor: pointer;
}
    body.wetsuit-guide .slick-dots li.slick-active button {
background-color: #333;
}
    body.wetsuit-guide .rc-guide-length-slider .slick-next::after,     body.wetsuit-guide .slick-next::after {
content: '';
cursor: pointer;
width: 10px;
height: 10px;
z-index: 100;
margin: 12px;
display: block;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-top: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
float: right;
position: relative;
left: -4px;
}
    body.wetsuit-guide .rc-guide-length-slider .slick-prev::after,     body.wetsuit-guide .slick-prev::after{
content: '';
cursor: pointer;
width: 10px;
height: 10px;
z-index: 100;
margin: 12px;
display: block;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-top: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
float: right;
position: relative;
left: -3px;
}
    body.wetsuit-guide .rc-guide-length-slider .slick-next ,     body.wetsuit-guide .slick-next {
font-size: 0;
position: absolute;
top: 42%;
background-color: white !important;
right: 0 !important;
left: unset;
z-index:100;
border:0;
width: 35px;
height: 35px;
border: 1px #e5dede solid;
}
    body.wetsuit-guide .rc-guide-length-slider .slick-next{
top:38%;
}
   body.wetsuit-guide .rc-guide-length-slider .slick-prev,     body.wetsuit-guide .slick-prev {
font-size: 0;
position: absolute;
top: 38%;
background-color: white !important;
left: 0 !important;
left: unset;
transform: rotate(180deg);
z-index:100;
border:0;
width: 35px;
height: 35px;
border: 1px #e5dede solid;
}
    body.wetsuit-guide .rc-guide-length-slider .slick-prev{
top:34%;
}
@media (max-width: 1024px) {
    body.wetsuit-guide .rc-guide-tabs {
flex-direction: column;
}
    body.wetsuit-guide .rc-guide-tabs__nav {
width: 100%;
border-right: none;
}
    body.wetsuit-guide .rc-guide-tabs__content {
width: 100%;
}
    body.wetsuit-guide .rc-guide-grid-2 {
grid-template-columns: 1fr;
}
    body.wetsuit-guide .rc-guide-hotspot {
flex-direction: column;
}
    body.wetsuit-guide .rc-guide-hotspot__content {
order: 2;
width: 100%;
}
    body.wetsuit-guide .rc-guide-hotspot__image-wrapper {
order: 1;
width: 100%;
}
}
@media (max-width: 768px) {
    body.wetsuit-guide .rc-guide-hero{
height: 90vh;
}
    body.wetsuit-guide .rc-guide-tabs__nav{
    padding-inline:10px;
}
    body.wetsuit-guide .rc-guide-hero__title {
        font-size: 3.6rem;
        letter-spacing: -1.44px !important;
}
    body.wetsuit-guide .rc-guide-hotspot{
padding: 40px 2.5%;
    gap: 30px;
}
    body.wetsuit-guide .rc-guide-hotspot__content{
padding-left:0;
}
    body.wetsuit-guide .rc-guide-grid-2{
gap:0;
}
    body.wetsuit-guide .rc-guide-length-slider-section .rc-guide-section-header h2{
font-size:32px;
}
    body.wetsuit-guide .rc-guide-length-slider-section{
padding-top:30px;
padding-bottom: 0px;
}
    body.wetsuit-guide .rc-guide-tabs__pane.active {
    display: grid;
    display: flex;
    flex-direction: row;
}
    body.wetsuit-guide .rc-guide-tabs__pane img {
    width: 50%;
}
    body.wetsuit-guide .rc-guide-intro{
    padding: 40px 0% 0 0% !important;
}
    body.wetsuit-guide .rc-guide-tabs__nav-item {
font-size: 26px !important;
padding: 20px 15px !important;
}
    body.wetsuit-guide .rc-guide-tabs__pane {
grid-template-columns: 1fr;
}
    body.wetsuit-guide .slick-prev,
    body.wetsuit-guide .slick-next {
display: none !important;
}
    body.wetsuit-guide .rc-guide-quote__text p {
font-size: 18px !important;
}
    body.wetsuit-guide .rc-guide-length-slider .slick-dots,
    body.wetsuit-guide .rc-guide-products-slider .slick-dots {
bottom: -30px;
}
}
 
/* ================= ENTRY SYSTEMS ================= */
body.wetsuit-guide .rc-guide-entry-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
body.wetsuit-guide .rc-guide-entry-item .rc-guide-section-header{
max-width:100%;
}
body.wetsuit-guide .rc-guide-entry-item .rc-guide-section-header h2{
        font-size: 38px;
        letter-spacing: -1.14px;
        font-weight: 700;
        text-align: left;
}
body.wetsuit-guide .rc-guide-entry-item .rc-guide-section-header p{
    font-size: 16px;
    line-height: 1.5;
    text-align:left;

}
body.wetsuit-guide .rc-guide-entry-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

body.wetsuit-guide .rc-guide-entry-item img {
  width: 100%;
    aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}

body.wetsuit-guide .rc-guide-entry-item h3 {
  margin-top: 18px;
  margin-bottom: 8px;
  font-weight: 600;
  text-align: left;
    font-size: 28px;
    line-height: 1.25;
    letter-spacing: -0.7px;
}

body.wetsuit-guide .rc-guide-entry-item p {
  font-size: 14px;
  line-height: 1.5;
  max-width: 95%;
  text-align: left;
}


/* ================= ACCESSORIES ================= */
.body.wetsuit-guide .rc-guide-accessories-grid {
    display: flex;
    align-items: stretch;
    width: 100%;
    background-color: #000;
}

body.wetsuit-guide .rc-guide-section.rc-guide-accessories {
    padding: 0;
}

.rc-guide-accessories-grid .rc-guide-accessories-banner {
    width: 50%;
    display:inline-block;
    position: relative;
    max-height: 800px;
    overflow: hidden;
}

.rc-guide-accessories-grid .rc-guide-accessories-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin-top: -140px;
}

body.wetsuit-guide .rc-guide-section.rc-guide-accessories .rc-guide-accessories-overlay {
    position: absolute;
    bottom: 50px;
    left: 80px;
    margin-top: 0;
    top: auto;
    padding: 0;
    max-width: 70%;
    z-index: 2;
    color: #fff;
}
body.wetsuit-guide .rc-guide-section.rc-guide-accessories .rc-guide-accessories-overlay p{
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: -0.5px;
    color:white;
}
body.wetsuit-guide .rc-guide-section.rc-guide-accessories .rc-guide-accessories-overlay h2{
        font-size: 50px;
        letter-spacing: -1.44px;
        font-weight: 400;
        color:white;
}
.rc-guide-accessories-overlay h2 {
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 15px;
    text-transform: uppercase;
    line-height: 1.1;
}
section.rc-guide-section.rc-guide-entry-systems {
    margin-top: 120px;
}

.rc-guide-accessories-overlay p {
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 1.4;
}
body.wetsuit-guide .wd-product-list .slick-slide > article * {
    color: black !important;
}
body.wetsuit-guide .wd-product-list .slick-slide > article {
    background: white;
    height: 100%;
    margin-inline: 5px;
    padding-bottom: 50px;
}
.rc-guide-accessories-grid {
    display: flex;
    align-items: center;
}
.rc-guide-accessories-grid .rc-guide-accessories-products {
    width: 50%;
    display:inline-block;
    align-items: center;
    padding: 20px;
    padding-right:0;
    background-color: black;
}

.rc-guide-accessories-grid .rc-guide-accessories-products .wd-product-price-description .sale-price{
    color:white;
}
.rc-guide-accessories-products .wd-product-list {
    width: 100%;
}
/* ================= TEMP GUIDE ================= */
body.wetsuit-guide .rc-guide-temp-image {
  position: relative;
  margin-top: 40px;
}
body.wetsuit-guide .rc-guide-section.rc-guide-temp-guide{
    display:flex;
    margin-bottom: 150px;
}
body.wetsuit-guide .rc-guide-section.rc-guide-temp-guide > div h2{
        font-size: 38px;
        letter-spacing: -1.14px;
        font-weight: 700;
        text-align: left;
}

body.wetsuit-guide .rc-guide-section.rc-guide-temp-guide > div{
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body.wetsuit-guide .rc-guide-temp-hotspot {
  position: absolute;
  top: 30%;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  border: 0;
border-radius: 0;
font-size: 32px;
font-weight: 100;
font-family: auto;
  cursor: pointer;
}

body.wetsuit-guide .rc-guide-temp-popover {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  padding: 15px;
  display: none;
  max-width: 260px;
}

body.wetsuit-guide .rc-guide-temp-image {
    position: relative;
    margin-top: 40px;
}

body.wetsuit-guide .rc-guide-section.rc-guide-temp-guide {
    display: flex;
}

body.wetsuit-guide .rc-guide-section.rc-guide-temp-guide > div h2 {
    font-size: 38px;
    letter-spacing: -1.14px;
    font-weight: 700;
    text-align: left;
}

body.wetsuit-guide .rc-guide-section.rc-guide-temp-guide > div {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.wetsuit-guide .rc-guide-temp-hotspot {
    position: absolute;
    top: 30%;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: all 0.3s ease;
    z-index: 5;
    border-radius: 0;
    font-size: 32px;
    font-weight: 100;
    font-family: auto;
}

body.wetsuit-guide .rc-guide-temp-hotspot.open {
    background: #000;
    color: #fff;
transform: rotate(45deg);
}

body.wetsuit-guide .rc-guide-temp-popover {
    position: absolute;
    top: 45%;
    transform: translateX(-50%);
    background: white;
    padding: 15px 20px;
    display: none;
    min-width: 220px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    z-index: 10;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

body.wetsuit-guide .rc-guide-temp-popover::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
}
/* ================= MOBILE ================= */
@media (max-width: 768px) {
body.wetsuit-guide .rc-guide-intro p{
    padding-inline: 20px;
}
body.wetsuit-guide .rc-guide-tabs-section{
padding-top:0;
}
body.wetsuit-guide .rc-guide-grid-2.with-text .rc-guide-grid-2__item:last-child{
    flex: 0 0 90%;
    padding-right: 40px;
}
body.wetsuit-guide .rc-guide-section.rc-guide-accessories .rc-guide-accessories-overlay{
    position: unset;
    width: 100%;
    max-width: 100%;
    padding-inline: 20px;
    margin-top: 10px;
}
section.rc-guide-section.rc-guide-entry-systems{
margin-top:0;
}
body.wetsuit-guide .rc-guide-grid-2.with-text{
    margin-top: 60px;
    flex-direction: column;
}
body.wetsuit-guide .rc-guide-section.rc-guide-temp-guide{
flex-direction: column;
}
body.wetsuit-guide .rc-guide-section.rc-guide-temp-guide{
    margin-bottom:50px;
}
body.wetsuit-guide .boardshort-guide-container img{
margin-top:0;
}
.rc-guide-accessories-grid .rc-guide-accessories-banner{
    width:100%;
    height:auto;
}
.rc-guide-accessories-grid .rc-guide-accessories-products{
    width: 100%;
}
.rc-guide-accessories-grid{
flex-direction:column;
}
body.wetsuit-guide .rc-guide-section.rc-guide-temp-guide > .rc-guide-temp-content{
    padding-inline: 10px;
    padding-top: 0;
}
  body.wetsuit-guide .rc-guide-entry-grid,
  body.wetsuit-guide .rc-guide-accessories-grid {
    grid-template-columns: 1fr;
  }
}