/** Shopify CDN: Minification failed

Line 10:11 Unexpected "<"
Line 3990:1 Unexpected "`"
Line 4631:48 Expected ":"

**/
 
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap'); 
 .urbanist-<uniquifier> {
  font-family: "Urbanist", sans-serif;
  font-optical-sizing: auto; 
  font-style: normal;
}

@font-face {
  font-family: 'PP Editorial Old';
  src: url('https://cdn.shopify.com/s/files/1/0707/6295/4889/files/ppeditorialold-regular-webfont.woff2?v=1758218083') format("woff2"),
       url('https://cdn.shopify.com/s/files/1/0707/6295/4889/files/ppeditorialold-regular-webfont.woff?v=1758218083') format("woff");
  font-weight: 400;
  font-style: normal;
}

/* global css */
:root{
    --headingFont: "PP Editorial Old";
    --bodyFont: "Urbanist", sans-serif; 
    --blue: #103758;
    --fontHXl: 80px;
    --fontHLarge: 60px;
    --bodyFontSize: 16px; 
    --borderColor:  #E6E1CE;
    --brown: #967556;
}
 
main#MainContent{
        overflow-x: clip;
}
body {
    overflow-x: hidden;  
}
body h1,body h2,body h3,body h4,body h5,.heading-font{
    font-family: var(--headingFont);
    font-weight: 400;
    text-transform: capitalize; 
}
body h1 {
    color: #103758; 
    font-size: var(--fontHXl);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -4.778px;
    text-transform: uppercase;
    margin: 0 0 20px;
}
 
body h1 sup {
    color: #103758;
    font-family: var(--headingFont);
    font-size: 41.533px; 
    line-height: 100%;
    letter-spacing: -2.492px;
    text-transform: uppercase;
}

body .container, body .header:not(.drawer-menu).page-width {
    padding-left: 15px;
    padding-right: 15px;
}
.text-center {
    text-align: center;
}
.pos-relative{
    position: relative;
}
a.cstm-button.white {
    /* border: 1px solid #fff; */
    color: #fff;
    text-align: center;
    justify-content: center;
    display: flex;
    margin: 0 auto;
    letter-spacing: 0;
}
div#shopify-section-template--18688200343689__read_more_WhQh84 .marquee-container.marquee-container-1 {
    display: none;
}
/* main#MainContent {
    padding-top: 120px;
} */
/* global css ends */
/* header css */
sticky-header.header-wrapper header.header {
    min-height: 102px;
}
.scrolled-past-header sticky-header.header-wrapper header.header {
  min-height: auto;
} 
footer .custom-footer {
    display: flex;   
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
footer .custom-footer p, footer .custom-footer a, footer .custom-footer li, footer .custom-footer h2, footer .custom-footer h3, footer .custom-footer span {
        color: #fff !important;
    font-family: var(--bodyFont); 
}
.payment-main-container>* {
    text-align: center;
}
.payment-main-container {
    border-bottom: 1px solid #fff;
    padding-block: 30px;
} 
.payment-main-container .footer__payment{
    margin: 0;
}
.container-sm,.container{ 
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.container{
    max-width: 1440px;
}
.container-sm {
    max-width: 920px;
}

.card-row .card-image, .card-row .card-text {
    flex: 0 0 calc(50% - 150px);
    width: calc(50% - 150px);
}

.custom-list {
  list-style: none; 
  padding: 0;
  margin: 0;
}

.custom-list li {
  position: relative;
  padding-left: 25px; 
  margin-bottom: 10px;
} 

.custom-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M3 7.10584L5.96129 12.5L12 1.5" stroke="%23103758"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
} 
section.cutom-banner-section {
    background: #F9F6EC;
    position: relative;  
    --padding-top-sec: 120px;
    --padding-bottom-sec: 120px;
    min-height: 100vh;
}

section.cutom-banner-section .center-column {
    max-width: 770px;
    margin: 50px auto 0;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-inline: 15px;
}
 .header__menu-item span {
    font-size: var(--bodyFontSize);
    font-family: var(--bodyFont);
    font-weight: 500;
    color: var(--blue);
}
.list-menu--inline { 
    gap: 30px;
}
.header__inline-menu .list-menu__item,
.header__inline-menu .list-menu__item span {
    text-decoration: none !important;
}
.see-all-without:after,
.footer-block__details-content li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0%;
    background: var(--blue);
    height: 1px;
    transition: 0.3s ease all;
}

.header__inline-menu .list-menu__item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0%;
    background: var(--blue);
    height: 1px;
    transition: 0.3s ease all;
    display:none;
}
.three-col-sec a {
    text-decoration: none;
}
.footer-block__details-content li a,
.header__inline-menu .list-menu__item {
    position: relative;
}
.see-all-without:hover:after,
.footer-block__details-content li a:hover:after,
.header__inline-menu .list-menu__item:hover:after {
    width: 100%;
    right: auto;
    left: 0;
}
.header__inline-menu .list-menu__item {
    position: relative;
    padding-inline: 0;
    padding-block-end: 5px;
}
.header__icon:not(.header__icon--summary), .header__icon span { 
    text-decoration: none;
}
.three-col-sec .left-colum {
    position: absolute;
    width: 100%;
    max-width: 324px;
    top: 0;
    height: 100%;
} 
body .footer-block__details-content>li:not(:last-child) {
    margin: 0 0 8px;
}

.right-column {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 324px;
}
.three-col-sec .left-colum img { 
    object-fit: contain;
}

.right-column [class*="image"] {
    position: absolute;
    right: -10px;
}

.right-column [class*="image"].image_3 {
    z-index: 0;
}
.right-column [class*="image"].image_2 {
    top: 210px;
}

.three-col-sec .left-colum [class*="image"] {
    position: absolute;
    left: -20px;
    max-width: 100px; 
}
.image_1 {
    top: 0;
}
.image_2 {
    top: 60px;
}
.image_4 {
    bottom: 0;
}
.right-column img { 
    width: 100%;
    object-fit: contain; 
}
.image_3 {
    top: 300px;  
}
section.cutom-banner-section .center-column h1 img {
    top: 0;
    position: relative;
    width: 48px;
    height: auto;
    display: inline-block;
    margin-left: 5px;
    margin-right: 0px;
}

section.cutom-banner-section .center-column h1>span {
    display: block;
}
section.cutom-banner-section .center-column h1>span:nth-child(4) { 
    line-height: 0;
}
.header__icons--localization .localization-form:only-child .localization-form__select { 
    text-decoration: none;
}
section.cutom-banner-section .center-column h1 {
    margin: 50px 0 70px;
}

a.cstm-button {
    position: relative;
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/btn-cover-bg.svg?v=1757010809);
    width: 174px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #103758;
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    background-size: 100%; 
    transition: .3s ease all!important;
}
.cstm-button:hover {
    transform: scale(1.1)!important;
}

.cstm-button:before {
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/arrow-left.svg?v=1757010809);
    width: 4px;
    height: 19.5px;
    background-size: contain;
    position: absolute;
    left: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.cstm-button:after {
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/btn-right.svg?v=1757010809);
    width: 4px;
    height: 19.5px;
    background-size: contain;
    position: absolute;
    right: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

a.cstm-button.white {
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/btn-white.svg?v=1761670275);
}
a.cstm-button.white:before{
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/left-arrow-white.svg);
}
a.cstm-button.white:after{
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/right-arrow-white.svg);
}

/* header css */
body{
    --header-pad-top: 40px;
}
.announcement-bar-section {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}
/* main#MainContent {
    padding-top: var(--header-pad-top);
} */
sticky-header.header-wrapper { 
      position: fixed; 
    width: 100%;
    top: var(--header-pad-top);
    left: 0;
    z-index: 9;  
    background: #faf6eb;
}

.announcement-bar-section .announcement-bar {
    background: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/Newsletter_Background.png) no-repeat;
    background-size: cover;
}
.shopify-section-header-sticky:not(.scrolled-past-header) sticky-header.header-wrapper {
    background: transparent;
 }
 .scrolled-past-header sticky-header.header-wrapper {animation: fadeIn 1s ease; top: 0}
 
@keyframes fadeIn {
    0%{
        transform: translateY(-100px);opacity: 0;
    }
    100%{
       transform: translateY(0px);opacity: 1;
    }
}

/* header icons */
.header__icons .header__icon--cart {
    margin: 0;
}

.header__icons  img {
    max-width: 30px;
    object-fit: contain;
}
 
.header__icons .header__icon {
	width: inherit;
	height: inherit;
	font-family: var(--bodyFont);
}
.header__icons {
    gap: 35px;
}
.header__icons .header__icon .icon {
    width: 28px;
    height: 28px;
}
.header__icon svg {
    height: 40px;
    width: 35px;
}
.swym-header-icon-html svg:hover {
    transform: scale(1.07);
}
.header__icons>*:not(:last-child):after {
    content: "";
    height: 30px;
    width: 1px;
    background: #103758;
    background: radial-gradient(circle, rgba(16, 55, 88, 1), rgba(255, 255, 255, 0.87) 100%);
    position: absolute;
    left: calc(100% + 15px);
    top: 50%;
    transform: translateY(-50%);
}
.header__menu-item span:hover {
    font-weight: 600;
}
.header__icon:not(.header__icon--summary) {
    gap: 10px;
}
.header__icons>* {
    position: relative;
}

/*Ishant*/
/* .section-header.text-center {
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/bg-union.webp?v=1757005084);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    color: white;
} */

 
/* circular animated logo */
.circular-animated-logo text {
    font-size: 18px;
    text-transform: uppercase;
    font-family: var(--headingFont);
    color: var(--blue);
}

.circular-animated-logo {
    position: relative;
    display: grid;
}

.circular-animated-logo .center-logo {
    position: absolute;
    inset: 0;
    margin: auto;
}
.center-column h1 span:first-child svg {
    margin-right: 10px;
    vertical-align: bottom;
    margin-bottom: 10px;
}

.section-header h2 {
    font-size: var(--fontHXl);
}
.section-header.text-center {
    text-align: center;
}
footer.custom-footer-latest,
.shopify-section section{
    padding-block: var(--padding-top-sec) var(--padding-bottom-sec);
}
.flip-card-slider { 
    --padding-top-sec: 150px;
    --padding-bottom-sec: 150px; 
    background: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/bg-union.webp?v=1757005084) no-repeat var(--blue);
    background-size: cover; 
}

.product-card,
.latest-releases :where(h2,p,h3){
    color: #fff;
}
.product-card {
    text-align: center;
    text-decoration: none;
    /* display: inline-block; */
    transition: 0.3s ease;
    display: grid;
}
.desc {
    font-size: 13px;
    line-height: 1.5;
}

.latest-releases .latest-swiper {
       padding-block-start: 60px;
    padding-block-end: 180px;
}

.section-header h2 { 
    margin: 0 0 20px;    letter-spacing: -4.778px;
}
section.rockpool-special,
.center-slider-section,
section.custom-readmore-slider,
.center-col {
    position: relative;
}

.product-content p {
    /* display: flex; */
    gap: 20px;
    justify-content: center;
}

body p,.desc {
    font-family: var(--bodyFont);
    letter-spacing: 0;
}
 
.product-content h3 {
    font-size: 26px;
    margin: 0 auto 10px;
    max-width: max-content;
}

.product-content h3 {
    font-size: 26px;
    margin: 0 auto 10px;
    max-width: max-content;
    position: relative;
}

/* .product-content h3:before {
    content: "[";
    left: -10px;
    transform: translateX(-10px);
}

.product-content h3:after {
    content: "]";
    right: -10px;
    transform: translateX(10px)
} */

.product-content h3:after,.product-content h3:before {
    position: absolute;
    opacity: 0;
    transition: .3s ease-out;
    transition-delay: .5s;
}
 
.swiper-slide-active .product-content h3:before,.swiper-slide-active .product-content h3:after {opacity: 1;  transform: translateX(0)}
 

.collection-cards {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    padding-block: 50px 70px;
    gap: 10px;
}
section.lets-dive-sec{
    --padding-top-sec: 0;--padding-bottom-sec: 90px;position: relative; z-index: 1;}
.rockpool-special{ 
    --padding-top-sec: 0px;--padding-bottom-sec: 140px; 
}
 
section.custom-readmore-slider {
    --padding-top-sec: 130px;
    --padding-bottom-sec: 210px;
    z-index: 1; 
}
.shopify-section-group-footer-group {
	z-index: 1;
}
/* .shopify-section-group-footer-group,
section.custom-readmore-slider,
.center-slider-section{
background: #F9F6EC;

} */
.rockpool-special,
section.lets-dive-sec{
    background: url("https://cdn.shopify.com/s/files/1/0707/6295/4889/files/shape-bg.jpg") repeat; 
}
.swiper-slide:not(.swiper-slide-active) .product-card {
    opacity: .8;
    filter: blur(4px);
    pointer-events: none;
}
.section-text {
    margin-top: 0;
} 
.collection-card-link:after {
    content: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/logo-brown.png);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding-inline: 10px;
}
.collection-card-link:before {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 40px);
    inset: 20px 0 0;
    margin: auto;
    border: 1px solid var(--borderColor);
    bottom: auto;
    pointer-events: none
}
 
 .collection-card-link {
    display: grid;
    padding: 30px 30px 50px;
    position: relative;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
    text-decoration: none;
    text-align: center;
    gap: 60px;
    min-height: 529px;
    transition: .3s ease-in-out all;
}
.collection-cards>[class*="card"]:hover .collection-card-link {
    transform: translateY(-10px);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2);
}
.collection-cards>[class*="card"]:nth-child(2){
    transition-delay: 0.2s !important;
}
.collection-cards>[class*="card"]:nth-child(3){
    transition-delay: 0.4s !important;
}
.collection-cards>[class*="card"]:nth-child(4){
    transition-delay: 0.6s  !important;
}
.collection-content-holder h3 {
    margin: 0 0 25px;
    font-size: 26px;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -2px; display: block; 
}
.collection-image-holder { 
    height: 250px;
} 
.collection-image-holder,
.collection-content-holder {
    max-width: 250px;
    margin: auto;
}
.collection-content-holder span {
    font-family: var(--bodyFont);
    font-size: 14px;
    font-weight: 500;
    color: var(--blue);
    display: block;
    text-transform: uppercase;
}
section.lets-dive-sec .cstm-button {
    margin: 0 auto;
}
/* .latest-releases .latest-swiper .swiper-wrapper {
    align-items: center;
} */

/* style for all bulb lines */
.bulb-line {
  clip-path: inset(0% 0% 0% 100%);
  opacity: 0;
  animation: clip-line 1s ease-in-out infinite alternate;
}

/* Delay for each subsequent line */
.bulb-line-2 {
  animation-delay: 0.3s;
}

.bulb-line-3 {
  animation-delay: 0.6s;
}

.product-content p span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}
.swiper-slide:not(.swiper-slide-active) .product-card {
    transform: scale(0.9);
}

@keyframes clip-line {
  0% {
    clip-path: inset(0% 0% 0% 100%);  opacity: 0;
  } 
  100% {
    clip-path: inset(0% 0% 0% 0%);  opacity: 1;
  }
} 

section.rockpool-special span {
    font-size: 18px;
    font-family: var(--headingFont);
    text-transform: uppercase;
    letter-spacing: 0;
} 

section.rockpool-special span {
    font-size: 18px;
    font-family: var(--headingFont);
    text-transform: uppercase;
    letter-spacing: 0;
}

section.rockpool-special h2 {
    margin-block: 60px;
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: -2px;
    margin-block: 40px 60px;
}
 
section.rockpool-special h2 span {
    font-size: inherit;
}

/* Container for the animation */
.logo-animated {
    display: inline-block; /* Essential for transform animations to work correctly on a span */
    perspective: 1000px; /* Establishes a 3D space for the flip effect */
}
 
.logo-animated-image {
    animation: jumpAndFlip 2s ease-in-out infinite; 
    transform-style: preserve-3d; /* Ensures child elements (if any) or the element itself maintain 3D perspective */
}
  
@keyframes jumpAndFlip {
    0% {
        transform: translateY(0) rotateY(0deg);
    }
    20% {
        transform: translateY(-10px) rotateY(0deg);
    }
    40% {
        transform: translateY(-10px) rotateY(180deg);
    }
    60% {
        transform: translateY(-10px) rotateY(360deg); 
    }
    80% {
        transform: translateY(-10px) rotateY(0deg); 
    }
    100% {
        transform: translateY(0) rotateY(0deg);
    }
}

.navi-wrapper {
    max-width: 400px;
    margin: 0 auto;
    position: absolute;
    bottom: 85px;
    width: 100%;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.gradient.author.author\.custom .navi-wrapper {
    bottom: 40px !important;
}

body.gradient.author.author\.custom .swiper {
    padding-bottom: 100px !important;
}

.navi-wrapper .swiper-pagination  {
    display: flex;
    gap: 20px;  
    justify-content: center;
    max-width: max-content;
    margin: auto;
    width: 100%; 
    inset: 0
}
.swiper-pagination .swiper-pagination-bullet {
    background: #fff;    width: 6px;
    height: 6px;
}

.navi-wrapper [class*="swiper-button"] {
    background: none;
    width: max-content;
    height: max-content;
    display: flex;
    margin: 0;
    transform: translateY(-50%);
    transition: 0.3s ease all;
    color: #fff;
}
.blue.navi-wrapper [class*="swiper-button"] {
    color: var(--blue);
}
.navi-wrapper [class*="swiper-button"]:hover{
    scale: 1.1;
}
.latest-releases [class*="swiper-button"]:hover{
   color: #fff;
}
.navi-wrapper .swiper-button-prev {
    left: -45px;
}
.navi-wrapper .swiper-button-next {
    right: -45px;
}
.product-image {
    margin-bottom: 25px;
}
.product-image img {
    max-width: 80%;
    height: 370px;
}
.navi-wrapper [class*="swiper-button"] svg { 
    fill: none; 
} 
.see-all-without {
    color: var(--blue);
    text-decoration: none;
    font-family: var(--bodyFont);
    font-size: 18px;
    position: relative;
    border-bottom: 2px solid #103758;
} 
section.custom-readmore-slider .navi-wrapper {
    bottom: 220px;
}
.dynamic-text h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 400;
}
section.custom-readmore-slider .container-sm, section.latest-releases {
    overflow: hidden;
}
 
.collection-list-wrapper .card.card--standard .card__inner {
    width: 100%;
    display: grid;
    padding: 30px 30px 50px;
    position: relative;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
    text-decoration: none;
    text-align: center;
    gap: 60px;
    min-height: 529px;
    transition: .3s 
ease-in-out all;
}
.collection-list-wrapper .card  .card__inner::before {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 40px);
    inset: 20px 0 0;
    margin: auto;
    border: 1px solid var(--borderColor);
    bottom: auto;
    padding: 0;
}
.collection-list-wrapper .card.card--standard .card__inner:after {
    content: url(/cdn/shop/files/logo-brown.png);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding-inline: 10px;
    z-index: 1;
    height: inherit;
    width: inherit;
    box-shadow: none;
    top: auto;
    right: inherit;
    max-width: max-content;
}
.collection-list-wrapper .card .card__inner .card__media {
    width: 100%;
    max-width: 250px;
    margin: auto;
    height: 250px;
    position: relative
} 
.predictive-search.predictive-search--header {
    padding: 10px 20px;
}
html body .cart-drawer .cart__checkout-button:before, html body .cart-drawer .cart__checkout-button:after {
    display: none;
}
.predictive-search__heading {
    letter-spacing: normal;
}
ul.globo-selected-items {
    display: none !important;
}

.search-modal__form div#predictive-search-results h2 {letter-spacing: normal;color: var(--blue);font-family: var(--headingFont);}
@media (min-width: 768px){
    nav.header__inline-menu {
        padding-left: 50px;
    }
    .container-mob-slider{
        display: none;
    } 
.gf-top_one .gf-filter-contents.gf-grid--4-col .gf-option-block .gf-block-title .h3 {
    background: none;
}
.gf-top_one .gf-filter-contents.gf-grid--4-col .gf-option-block .gf-block-title .h3 span,
.gf-top_one .gf-option-block .gf-block-content span {
    color: #fff !important;
}
.gf-filter-contents-inner {
    background: url("https://cdn.shopify.com/s/files/1/0707/6295/4889/files/bg-filter.jpg");
    background-size: cover;
    height: 100vh;
    border: none !important;
    border-radius: 10px !important;
}
    
}
@media (min-width: 1280px){
    .rockpool-special .container {
    max-width: 1240px;
}
}






/* text marquee */

/* Background size */
  .marquee-container {
    width: 100%;
    position: absolute;
    height: 22%;
    pointer-events: none;
}
.marquee-container.marquee-container-1 {
    top: calc(10%/2*-1);
    height: 18%;
}

/* .marquee-container-1 {
    top: -60px;
} */
.marquee-container-2 {
    bottom: calc(28%/2*-1);
}
.marquee-container svg{
 width: 100%;
    height: auto;
}
 
.marquee-container text {
    font-size: 10px;
    font-family: var(--headingFont);
    fill: #103758;
}
.uppercase-text {
    text-transform: uppercase;
}

/* Background size */
.marquee-container path {
    stroke-width: 5rem;
}
/* the Pulse of Rockpool */
.slider-header h2 {
    max-width: 400px;
    margin: 0 auto;
    line-height: 100%;
}
.pulse-slider span {
    font-family: var(--headingFont);
    font-size: 28px;
    line-height: normal;
}
.three-col-slider {position: relative;min-height: 700px;}

.three-col-slider .right-side{
    position: absolute;
    right: -40px; 
}
 .three-col-slider .right-side,
.three-col-slider .left-side {
    inset-block: 0;
    display: flex;
    align-items: center;
}
.three-col-slider .left-side {
    left: -40px;
    position: absolute;
    
}

.three-col-slider .center-col {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    z-index: 0;
}
.three-col-slider .center-col h2 {
    font-size: 44px;
}
.swiper-slider-content h5 {
    font-size: 33px;
    max-width: 380px;
    margin-inline: auto;
    margin: 30px auto;
}
.store-image a {
    display: block;
}
.store-image {
    display: flex;
    gap: 8px;
}
.images-main a {
    display: block;
}
.images-main {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
}
.images-main a img {
    width: 100%;
    height: 100%;
}
.payment-main-container.footer-bottom {
    align-items: center;
}
.swiper-slider-content .cstm-button {
    margin: 20px auto 0;
}
.swiper-slider-content {
    padding: 50px;
}
section.flip-card-slider .heading-peraha * {
    color: #fff;
}
 section.flip-card-slider .container-sm {
    max-width: 750px;
}
.flip-card-slider .container {
    padding-top: 70px;
}
.pulse-slider-inner img {
	display: inherit;
	margin: 0 auto;
	border-radius: 10px;
}
.pulse-slider {
    background: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    padding: 50px 40px;
    position: relative;
    max-width: 840px;
    margin: auto;
    z-index: 5; 
}
.pulse-left-shape {
    position: absolute;
    right: 100%;
    top: 20px;    width: 170px;
}
.pulse-right-shape {
    position: absolute;
    left: calc(100% - 90px);
    top: 50%;
    width: 240px;
    transform: translateY(-50%);
    z-index: -2;
}
.paper-layer.layer-1 {
    width: 43%;
    height: 450px;
    top: 50px;
    z-index: -5;
    left: calc(100% - 150px);
}
.paper-layer.layer-2 {
    height: 90%;
    background: #fff;
    width: 100%;
    transform-origin: right center;
    top: 15px;
    z-index: -3;
    left: calc(40% + 20px);
}
.pulse-left-shape img,
.pulse-right-shape img {
    width: 100%;
}
.pulse-slider::after {
	content: "";
	width: calc(100% - 23px);
	height: calc(100% - 23px);
	border-width: 1px;
	border-style: solid;
	border-color: #5F6368;
	position: absolute;
	inset: 0;
	margin: auto;
	/* z-index: -1; */
}
.pulse-slider h3 {
    font-size: 39px;margin: 0 auto;
}
.pulse-slider-inner {
    max-width: 580px;
    margin: auto;
} 
div#customHtmlSlider {
    padding-top: 90px;
}
.pulse-slider p {
    font-size: 13px;
    font-weight: 500;
}  
 .slide-stack {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    max-width: 840px;
    margin-inline: auto;
}
.cstm-button.toggle-read {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 75px;
    margin-inline: auto;
    background: url("/cdn/shop/files/only-bg.png") no-repeat;
    z-index: 1;
}
 /* .cstm-button.toggle-read {
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
    margin-inline: auto;
	background: url("https://cdn.shopify.com/s/files/1/0707/6295/4889/files/only-bg.png") no-repeat;
    z-index: 1;
} */
 /* .cstm-button.toggle-read {
    position: relative;
    left: 0;
    margin-inline: auto;
    background: url("/cdn/shop/files/only-bg.png") no-repeat;
    z-index: 1;
} */
.navi-wrapper.blue .swiper-pagination-bullet {
	background: var(--blue);
}

/* footer css */
.logo-section {
    text-align: center;
    width: 100%;
}
.desc-social {
    max-width: 680px;
    margin: 30px auto;
    padding-inline: 15px;
}
.logo-holder-footer {
    position: relative;
}

.logo-holder-footer:before {
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 100%;
    background: #fff;
    position: absolute;
}

.logo-holder-footer a {
    display: inline-flex;
    position: relative;
    z-index: 1;
    text-decoration: none;
}
.custom-footer .three-col-sec .image-box a:hover svg {
    transform: translateY(-10px);
} 
.logo-holder-footer:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(https://rockpoolpublishing.myshopify.com/cdn/shop/files/bg-union.webp);
    height: 100%;
    max-width: 450px;
    z-index: 0;
}
.social-links {
    margin-block-start: 30px;
}
.custom-footer .three-col-sec .image-box a svg {
    margin: 0 auto; transition: .3s ease all;
}
.custom-footer .three-col-sec .image-box span {
    display: block;
    font-family: var(--bodyFont);
    font-size: 14px;
}
.menu-container {
    width: 100%;
    padding-block: 30px;
    border-block: 1px solid #fff;
}

.menu-container,.payment-main-container {
    display: grid;
    grid-template-columns: repeat(3,1fr);
}

.menu-container, .custom-footer .three-col-sec{
    display: grid;
    grid-template-columns: repeat(4,1fr);
}

.menu-container [class*="column"] {
    text-align: center;
} 
.menu-container .footer-block__details-content a {
    font-family: var(--bodyFont);
    font-size: 14px;
    line-height: normal;
}
.menu-container [class*="column"] h3 {
    font-family: var(--bodyFont);
    font-size: 16px;
    margin-block: 0 30px;
    text-transform: uppercase;
}
.footer-block__details-content li a {
    text-decoration: none !important;
    position: relative;
}
.custom-footer .three-col-sec {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: nowrap;
    flex-direction: row;
}
.see-more-wrap button {
    border: 0;
}
.footer-block__details-content li a:after {
    background: #fff;
}
.header__icons--localization .localization-form:only-child .localization-form__select{
    width: 100%;
}
.copy-right-text {
    padding-top: 25px;
    text-transform: uppercase;
}
section.lets-dive-sec:after,section.lets-dive-sec:before,
.custom-readmore-slider:after, .custom-readmore-slider:before {
    content: "";
    width: 101vw;
    height: calc(90% + 35px);
    position: absolute;
    left: 25px;
    top: 17px;
    transform: rotate(-2deg);
    box-shadow: 0px 30px 30px 0 rgba(0, 0, 0, 0.08);
    background: url("/cdn/shop/files/shape-bg.jpg") repeat;
    z-index: -1;
}


.custom-readmore-slider:after {
    height: calc(90% + 15px);
    left: 0px;
}
section.lets-dive-sec:after, section.lets-dive-sec:before {
    transform: rotate(-2deg);
    top: -75px;
    left: -30px;
    box-shadow: 0px -37px 40px 0 rgba(0, 0, 0, 0.1);
}
section.lets-dive-sec:after {
    top: -60px;
    left: -15px;
}
.payment-main-container>* .list.list-payment {
    justify-content: center;
}
.payment-main-container>* span {
    display: block;
    padding-block-end: 30px;
    text-transform: uppercase;
}
 
footer.custom-footer-latest,
  section.latest-releases { 
    background: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/Union.png) no-repeat;
    background-size: cover;
    position: relative;
  } 
  section.latest-releases {
     --padding-top-sec: 140px;
    --padding-bottom-sec: 90px;
    z-index: 1;
}
footer.custom-footer-latest{
    --padding-top-sec: 160px;
    --padding-bottom-sec: 50px;
}
 /* New keyframes for animating background-position */
 
@keyframes wave-animation {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -500vw 0;  
  }
}

/* Update the pseudo-elements' styles */

.shopify-section:has(.latest-releases) {
    position: relative;
    background: #F9F6EC;
    z-index: 0;
}
.footer:before,.footer:after,
.shopify-section:has(.latest-releases):before,
.shopify-section:has(.latest-releases):after {
  content: "";
  background-repeat: repeat-x;
  height: 250px;
  width: 100%; 
  position: absolute;
  background-size: 100vw;  
  z-index: -1;
  left: 0;
  top: 1px;
   animation-name: wave-animation; 
  animation-timing-function: linear;
  animation-iteration-count: infinite;
   animation-duration: 60s;
}
 .footer:before,
.shopify-section:has(.latest-releases):before {
  background-image: url("https://cdn.shopify.com/s/files/1/0707/6295/4889/files/shape-two.png"); 
  animation-direction: reverse;
}
 .footer:after,
.shopify-section:has(.latest-releases):after {
  background-image: url("https://cdn.shopify.com/s/files/1/0707/6295/4889/files/shape-three-1_149db84c-305d-412f-8172-95ff545d9ba1.png?v=1769994499");
  z-index: -2; 
}
 
 
sticky-header.header-wrapper{
    border: none;
}

.blue-letsdiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 800px;
	z-index: -1;
	overflow: hidden;
}
.blue-letsdiv img {
	width: 100%;
}

 
#cstmlastslider h2 {
	margin-top: 0;
}
#cstmlastslider h5 {
	margin-top: ;
	max-width: 380px;
	margin: 20px auto;
}

#center-slider .navi-wrapper.blue [class*="swiper-button"] {
	color: var(--blue);
}
.announcement-bar .announcement-bar__message {
    color: #fff;
    font-weight: 400;
    font-family: var(--bodyFont);
    font-size: 15px;
    padding: 6px 0;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.pulse-slider::before { 
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	height: 100%; 
	background: #ffffff;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 5%, rgb(252, 252, 252) 95%);
    z-index: 1
}
.slide-short h3, .slide-short span {
    color: #5F6368;
}
.center-align-text {
    font-family: var(--headingFont);
    font-weight: 500;
    font-size: 18px;
    padding: 10px 20px;
    background: #f9f6ec;
    z-index: 1;
    position: relative;
}
.three-col-slider .center-slider-upcoming:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    background: var(--blue);
    height: 1px;
    width: 100%;
}
 #center-slider .swiper-wrapper {
    padding-bottom: 90px;
}
.header__localization .disclosure .localization-form__select{
    text-decoration: none !important;
}

.card-inner {
    z-index: 1; 
    width: 100%;
    text-align: center;
    position: relative;
    margin: auto;
}

.card-inner .card-front {
     position: absolute;
    inset: 0;
    z-index: 9;
    background: #000;
    color: #fff;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-inner .card-front  .heading-font {
    font-size: 196px;
    color: #fff;
    margin: 0 auto;
}

.card-inner .card-front:before {
    content: "";
    position: absolute;
    border: 1px solid #fff;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    margin: auto;
    display: block;
    inset: 0;
}
.rockpool-slider-section.page-width {
    max-width: 1145px;
}

.navi-wrapper [class*="swiper-button"]::after {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

section.latest-releases .navi-wrapper {
    bottom: 170px;
}

.three-col-slider .center-col {
    overflow: hidden;
}


@media (min-width: 1921px){
    /* .marquee-container {
        width: 130vw;
        height: 360px;
    } */
   /* .marquee-container svg {
   
} */
}



.left-colum .image_2 img {animation: moveEffect 1s linear infinite alternate;}


@keyframes moveEffect {
    0%{
       transform: rotate(5deg);
    }
    100%{
        transform: rotate(-5deg);
    }
}

 


 /* 11-10-2025 */
/* product page css */
/* body:has(.product) {
    background: #F9F6EC !important;
} */
 
 div.product {padding-block: 190px;}
 
.gallery-container {
    background: #fff;
    padding: 11px;
    border-radius: 10px;
}
.gallery-wrapper {
    display: grid;
    grid-template-rows: 1fr auto; 
    border: 1px solid var(--borderColor);
    border-radius: 2px;    min-height: 635px;
}
.product--thumbnail_slider .thumbnail-slider {
    padding: 19px;
}
.product--thumbnail_slider .thumbnail-slider button.slider-button {
    display: none;
} 
 
.gallery-wrapper .thumbnail-slider .thumbnail-list  .thumbnail-list__item.slider__slide {
    border: 1px solid #C7C0AB;
    padding: 5px;
    display: block;
}
.gallery-wrapper .thumbnail-slider .thumbnail-list {
    border: 1px solid #C7C0AB;
    border-radius: 5px;
    max-width: max-content;
}
/* .gallery-wrapper .thumbnail-slider .thumbnail-list .thumbnail[aria-current], */
.gallery-wrapper .thumbnail-slider .thumbnail-list  .thumbnail-list__item.slider__slide {
    border: 1px solid #C7C0AB;
    padding: 5px;
    display: block;
    border-radius: 5px;
        width: 56px;
}
.gallery-wrapper .thumbnail-slider .thumbnail-list .thumbnail-list__item.slider__slide button.thumbnail{
 opacity: 0.7;
}
.gallery-wrapper .thumbnail-slider .thumbnail-list .thumbnail-list__item.slider__slide button.thumbnail[aria-current="true"] {
    opacity: 1;
}

.gallery-wrapper .slider-mobile-gutter:not(.thumbnail-slider) {
    display: grid;
    align-items: center;
}
  
.gallery-wrapper .circular-animated-logo:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background: #F9F6EC;
    border-radius: 50%;
    filter: blur(10px);
    z-index: -1;
    margin: auto;
}
.gallery-wrapper .circular-animated-logo {
    position: absolute;
    display: grid;
    right: -50px;
    top: -22px;
    z-index: 9;
    rotate: 30deg;    
} 
.social-links a {
    text-decoration: none;
}
.header__icons.header__icons--localization.header__localization .cart-count-bubble {
    bottom: auto;
    top: 0;
}

/* cart page */
.rockpool-cart .title.title--primary {
    text-transform: capitalize;
    text-align: center;
} 
.rockpool-cart .title-wrapper-with-link .underlined-link {
    color: var(--blue);
    font-family: var(--bodyFont);
    font-weight: 500;
    text-transform: capitalize;
}

.rockpool-cart .cart-items th {
    font-family: var(--bodyFont);
    color: var(--blue);
    font-size: var(--bodyFontSize);
    text-transform: capitalize;
    font-weight: 500;
    border: none;
    padding-block: 0;
}
.cart-item__price-wrapper {
    font-family: var(--bodyFont);
    font-size: 25px;
}
.cart-item__price-wrapper .price {
    font-size: 25px;
}
.rockpool-cart .title-wrapper-with-link {
    flex-direction: column-reverse;
    gap: 30px;
    margin-bottom: 60px;
} 
.cart-items .cart-item__image-container {
    width: 155px;
    height: 155px;
    background:#fff;
}  
.cart-items td.cart-item__media .cart-item__image-container img.cart-item__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.item__details .cart-item__name {
    font-family: var(--headingFont);
    font-weight: 500;
    font-size: 25px;
}

.item__details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-block: auto;
    height: 100%;
    width: 100%;
    max-width: 100%;
}
.cart-item td.cart-item__details {
    vertical-align: middle;
}
.cart-items .item__details {
    gap: 5px;
}
.product-option {
    font-family: var(--bodyFont);
    font-weight: 500;
    color: var(--blue);
}
.product-option dd {
    color: #967556;
} 
.cart__footer .cart__blocks {
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    width: 100%;
    max-width: 410px;
}

.cart__footer-wrapper .cart__footer .cart__ctas button:before, .cart__footer-wrapper .cart__footer .cart__ctas button:after {
    display: none;
}
.cart__footer-wrapper .cart__footer .cart__ctas button {
    background: url(https://rockpoolpublishing.myshopify.com/cdn/shop/files/fillbg-button.svg) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    min-height: 72px;
    font-family: var(--headingFont);
    text-transform: capitalize;
    font-size: 24px;
    transition: .3s ease all;
}
.cart__footer .cart__blocks .totals .totals__subtotal,
.cart__footer .cart__blocks .totals .totals__subtotal-value {
    font-size: 25px;
    color: var(--blue);
}
.cart__footer .tax-note { 
    color: var(--blue);
    font-family: var(--bodyFont);
    font-size: 16px;
    text-align: left
}
.cart__footer .totals{
    justify-content: space-between;
}
.cart__footer-wrapper .cart__footer .cart__ctas button:hover {
    transform: scale(1.02);
}
.cart-item cart-remove-button button {
    color: var(--blue);
}


/* 30-10-25 */
.lets-dive-sec .section-text {
    max-width: 684px;
    margin: 0 auto 16px;
}
.article .custom-readmore-slider .navi-wrapper {
    bottom: 130px;
}
.custom-readmore-slider:before {
    transform: rotate(-3deg);
}
section.custom-readmore-slider .button-holder {
    margin-top: 100px;
}
html body section.custom-readmore-slider .navi-wrapper {
    bottom: 290px;
    min-height: 50px;
}
section.custom-readmore-slider .navi-wrapper .swiper-pagination {
    align-items: center;
}
section.custom-readmore-slider .button-holder a {
    text-decoration: none;
}
section.custom-readmore-slider div#readmore-less-sec {
    padding-top: 70px;
}

section.custom-readmore-slider .flip-wrapper .flip-front:after {
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    top: 20px;
    z-index: 5;
    left: 50%;
    transform: translateX(-50%);
    background-image: url('https://cdn.shopify.com/s/files/1/0707/6295/4889/files/gray-logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
}
section.custom-readmore-slider .pulse-slider::after {
    content: "";
    width: calc(100% - 40px);
    height: calc(100% - 60px);
    border-width: 1px;
    border-style: solid;
    border-color: #5F6368;
    position: absolute;
    inset: 0;
    margin: auto; 
    pointer-events: none;
}

body:not(.readless-active) section.custom-readmore-slider .pulse-slider::after {
    border-bottom: 0;
}
.readless-active .pulse-slider::before{
    opacity: 0;
} 
section.custom-readmore-slider .flip-wrapper .flip-front .pulse-slider .pulse-slider-inner {
    position: relative;     margin-block: 30px 0;
}
section.custom-readmore-slider .slider-header h2 {
    max-width: 100%;
}
section.custom-readmore-slider .slider-header p {
    padding: 0 70px;
}
/* body:not(.readless-active) .cstm-button.toggle-read {
    transform: translateY(-5px);
} */
body:not(.readless-active) .pulse-slider {
    padding-bottom: 10px;
}

div#CartDrawer .drawer__inner {
    width: 100%;
    max-width: 656px;
    background: rgba(249, 246, 236, 1);
}
div#CartDrawer .drawer__inner .drawer__footer {
    background: transparent;
}
.cart-drawer .cart-item:not(last-child) {
    border-bottom: 1px solid rgba(199, 192, 171, 1);
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.cart-drawer .cart-item__media {
    grid-row: 1 / 1;
    max-height: 100px;
    position: relative;
    padding: 0!important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    margin-top: 20px;
}
div#CartDrawer  .cart-item__link {
    display: block;
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    height: unset;
    padding-top: 100%;
}
div#CartDrawer .cart-item__link + img.cart-item__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
html body .cart-drawer .cart-item {
   
    grid-template: repeat(2,auto) / repeat(6,1fr);
    
}
html body .cart-drawer .cart-item__details {
    width: auto;
    grid-column: 2 / 6;
}
html body .cart-drawer .cart-item__details p.product-option {
    margin: 0;
}

html body  .drawer__header {   
    background-color: transparent;
   
}
html body .cart-drawer .cart__checkout-button {
   
    background: url(https://rockpoolpublishing.myshopify.com/cdn/shop/files/fillbg-button.svg) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    min-height: 72px;
    font-family: var(--headingFont);
    text-transform: capitalize;
    font-size: 24px;
    transition: .3s 
ease all;
max-width:unset
}
.cart-drawer thead {
    background: transparent;
}
.cart-drawer__footer p.totals__subtotal-value {
    font-family: Urbanist;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 30px;
    line-height: 100%;
    color: rgba(16, 55, 88, 1);
}
.cart__ctas {
    justify-content: flex-end;
}
.cart-drawer .cart-items th{
    display: none
}
html body .cart-drawer thead {
    background-color: transparent;
}
html body .cart-drawer .cart__checkout-button:before, html body .cart-drawer .cart__checkout-button:after {
    border: 0;
    box-shadow: unset;
}
.blog-articles-grid-section .top-controls .right-controls {
    padding: 30px 0 15px;
}
.blog-articles-grid-section .top-controls .right-controls .sort-wrap select {
    background: transparent;
    border: 0;
    color: rgba(132, 150, 162, 1);
}
.blog-articles-grid-section .top-controls .right-controls .meta-count span.articles-count {
    font-family: var(--bodyFont);
    font-weight: 600;
    font-size: 14px;
    line-height: 120%; 
    vertical-align: middle;
    color: rgba(132, 150, 162, 1);
}

.articles-grid article.article-card a.card-link .card-image {
    aspect-ratio: 19/11;
    height: unset;
    position: relative;
} 
/* .articles-grid article.article-card a.card-link :after {
    content: '';
    position: absolute;
    background: beige;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
} */

.articles-grid article.article-card a.card-link :after {
    content: '';
    position: absolute;
    /* background: beige; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('https://cdn.shopify.com/s/files/1/0707/6295/4889/files/borderImg_e50a814a-2eab-4324-9f08-05de99a54e55_430x.png?v=1761811633');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
}

.articles-grid article.article-card a.card-link {
    position: relative;
    padding: 25px;
}
.articles-grid .article-card .card-body {
    text-align: center;
}
.article-card .card-body .card-meta {
    justify-content: center;
}

html body .card-title {
    font-size: 18px;
    margin: 0;
    line-height: 1.25;
    font-weight: 600;
    color: #08332f;
    font-family: 'Georgia', serif;
    text-align: center;
    font-family: PP Editorial Old;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -6%;
    text-align: center;
}

.see-more-wrap button {
    position: relative;
    background-image: url('https://rockpoolpublishing.myshopify.com/cdn/shop/files/btn-cover-bg.svg?v=1757010809');
    width: 174px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #103758;
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    background-size: 100%;
    transition: .3s 
ease all;
    background-color: transparent;
    padding: 0;
    border-radius: unset;
}

.see-more-wrap button:hover{
    background-color: transparent; 
     background-image: url('https://rockpoolpublishing.myshopify.com/cdn/shop/files/btn-cover-bg.svg?v=1757010809');
}

.see-more-wrap button:after {
    content: "";
    background-image: url(https://rockpoolpublishing.myshopify.com/cdn/shop/files/btn-right.svg?v=1757010809);
    width: 4px;
    height: 19.5px;
    background-size: contain;
    position: absolute;
    right: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.see-more-wrap button:before{
    content: "";
    background-image: url(https://rockpoolpublishing.myshopify.com/cdn/shop/files/arrow-left.svg?v=1757010809);
    width: 4px;
    height: 19.5px;
    background-size: contain;
    position: absolute;
    left: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.blog-articles-grid-section:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50px;
    right: 0;
    max-width: 200px;
    max-height: 200px;
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/butterfly.png?v=1761816336);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    animation: float 4s ease-in-out infinite;
}
@keyframes float {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-20px); }
    100% { transform: translateY(0); }
}
.blog-articles-grid-section:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 50px;
    left: 0;
    max-width: 200px;
    max-height: 230px;
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/mashroom_430x.png?v=1761816336);
    background-repeat: no-repeat;
    background-size: contain;
}
.blog-articles-grid-section {
    position: relative;
} 
.blog-articles-grid-section .container {
    position: relative;
    z-index: 1;
}
.blog-articles-grid-section .top-controls .right-controls .sort-wrap {
    background: #ffffff;
    border-radius: 30px;
}
/* body.blog-archive {
    background: #fff!important;
}  */
.simple-html-content {
    position: relative;
}
.simple-html-content:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url('https://rockpoolpublishing.myshopify.com/cdn/shop/files/r_logo.png?v=1757267494');
    top: 98px;
    left: 50%;
    transform: translate(-50%,-50%);
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
body:is(.singleArticle, .blog-archive ) main#MainContent {
    position: relative;
    margin-top: 250px;
    background: #ffffff;
   box-shadow: 1px -10px 27.3px 7px rgba(195, 188, 167, 0.25)!important;
}
body:is(.singleArticle, .blog-archive ) main#MainContent:after {
   content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff;
    left: -28px;
    top: -24px;
    z-index: -1;
    transform: rotate(1deg);
    box-shadow: 1px -10px 27.3px 7px rgba(195, 188, 167, 0.25);
}
body:is(.singleArticle, .blog-archive ) main#MainContent:before {
   content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff;
    left: -28px;
    top: -44px;
    z-index: -1;
    transform: rotate(2deg);
    box-shadow: 1px -10px 27.3px 7px rgba(195, 188, 167, 0.25);
}

body:is(.singleArticle, .blog-archive ) main#MainContent section#section-template--19396579950729__blog_main_banner_NYq7Fe {
    padding-top: 0;
}

.simple-html-content svg {
    width: 100%;
}
.article-template__hero-container .article-template__hero-adapt.media {
    padding-bottom: 30%!important;
    border-radius: 15px;
}

.article-template__hero-container .article-template__hero-adapt.media img {
    object-fit: cover;
}
.article-template__content {
    max-width: 633px;
    margin: auto;
}
.singleArticle .drop-cap-paragraph:first-letter {
    font-family: var(--headingFont);
    font-weight: 400; 
    font-size: 150px;
    line-height: normal;
    vertical-align: middle;
    /* text-align: left; */
}
.singleArticle .drop-cap-paragraph {
    font-size: 16px;
    line-height: 1.6; 
    max-width: 700px; 
    text-align: left;
}


.singleArticle  .author-wrapper {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    /* position: relative; */
    background: url(/cdn/shop/files/shape-bg.svg) no-repeat;
    background-size: 100%;
    background-position: center;
    background-color: rgba(249, 246, 236, 1);
    /* overflow: hidden; */
    z-index: 1;
}

.singleArticle .author-info-section {
    border: 0px solid #c5bca7;
    background-color: transparent;
    max-width: 100%;
    width: 100%;
    margin-bottom: 200px;
    position: relative;
    box-shadow: -1px 20px 27.3px 7px rgba(195, 188, 167, 0.25);
    padding: 50px 0 95px;
} 
.singleArticle .author-info-section:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff;
    left: 0;
    top: 13px;
    z-index: 0;
    transform: rotate(0deg);
    box-shadow: -1px 20px 27.3px 7px rgba(195, 188, 167, 0.25);
}
.singleArticle .author-info-section:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff;
    left: -24px;
    top: 13px;
    z-index: 0;
    transform: rotate(2deg);
    box-shadow: -1px 20px 27.3px 7px rgba(195, 188, 167, 0.25);
}
.singleArticle .author-wrapper .author-content {
    max-width: 800px;
    width: 100%;
    margin: auto;
}
.singleArticle .author-wrapper .author-image {
    max-width: 372px;
}
.singleArticle .author-wrapper .author-content h2.author-name {
    font-weight: 400; 
    font-size: 35px; 
    line-height: 100%;
    letter-spacing: 0px;
}
.singleArticle .author-wrapper .author-content p.author-bio {   
    font-size: 16px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: -1.5%;
}
 .hero-section-wrapper:has(.expanded-content.active) .hero-right:after {
    opacity: 0;
}

.gf-top_one .gf-refine-toggle-mobile,
.gf-top_one #gf-tree .sort-by  {
    background: none  !important;
    border-radius: 40px;
    padding-inline: 10px;
    font-family: var(--headingFont);
    color: var(--blue)  !important;
    border-color:  var(--blue)  !important;
    height: 60px;    min-width: 160px;align-items: center;
}
.gf-top_one #gf-tree .sort-by label,
.gf-top_one .gf-refine-toggle-mobile span {
    height: 100%;justify-content: center;
    font-size: 25px;    gap: 10px;
}
 .gf-top_one #gf-tree {
    border: none !important;
    z-index: 1;
}
.overflow-hidden #gf-tree{
    z-index: 0!important;
}

.collection #gf-grid {
    z-index: 0!important;
}
/* div#gf-tree .gf-filter-contents {
    padding-bottom: 50px;
} */
.gf-top_one #gf-tree .sort-by {
    margin: 0 0 0 auto;
} 
.spf-has-filter #gf-products {
    gap: 0;
}


/* 03Nov */

.author-page .author-left img {
    width: 100%;
    max-width: 100%;
    /* aspect-ratio: 1/1; */
    object-fit: contain;
    box-shadow: unset;
} 
.author-page .author-wrapper .author-right button#toggleBtn, .author-page .author-wrapper .author-right button#toggleBtn:hover {
    border: 0;
    text-decoration: underline;
    margin-bottom: 44px;
    padding: 0;
    background-color:transparent;
    color:#0c2340;

}
.author-page .author-wrapper .author-right .author-social a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}
.author-page .author-wrapper .author-right .author-social {
    display: flex;
}
.author-page .author-wrapper .author-right h2.author-heading {
    font-family: PP Editorial Old;
    font-weight: 400;
    font-style: Regular;
    font-size: 80px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: -6%;
}
.author-page .author-wrapper {
    gap: 100px; 
}
.author-page section.custom-readmore-slider { 
    --padding-bottom-sec: 100px;
}
.author-page .author-wrapper .author-right .author-subheading {
    font-family: PP Editorial Old;
    font-weight: 400;
    font-style: Regular;
    font-size: 33px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: -6%;
}   
section.author-products-section {
    padding: 100px 0px;
}
section.author-products-section h2.section-heading { 
    font-weight: 400; 
    font-size: 40px; 
    line-height: 130%; 
    text-align: center;
    margin-block: 0 70px;
} 

section.author-products-section .author-products-grid .author-product-card a{
    text-decoration:none;
}
section.author-products-section .author-products-grid .author-product-card a .product-image {
    position: relative;
    padding-top: 130%;
}
section.author-products-section .author-products-grid .author-product-card a .product-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 0px);
    height: calc(100% - 50px);
    object-fit: contain;
    transform: translate(-50%,-50%);
}
section.author-products-section .author-products-grid .author-product-card a .product-image {
    position: relative;
    padding-top: 130%;
    background: rgba(234, 229, 211, 1);
    border-radius: 8px;
} 
section.author-products-section .author-products-grid .author-product-card a .product-details {
    text-align: left;
}
section.author-products-section .author-products-grid .author-product-card a .product-details h3.product-title {
    font-family: PP Editorial Old;
    font-weight: 400;
    font-style: Regular;
    font-size: 22px;
    leading-trim: CAP_HEIGHT;
    line-height: 130%;
    letter-spacing: -3%;
    text-transform: capitalize;
    text-decoration: none;
}
section.author-products-section .author-products-grid .author-product-card a .product-details p.product-price span {
    font-family: Urbanist;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0%;
}
section.author-products-section .author-products-grid .author-product-card a .product-details p.product-price  {
   margin:0px;
}
.author-page section.custom-readmore-slider .marquee-container.marquee-container-1 {
    display: none;
}

.author-page .custom-readmore-slider:after, .author-page .custom-readmore-slider:before {
    content: "";
    width: 100vw;
    height: calc(90% + 35px);
    position: absolute;
    left: 25px;
    top: 140px;
    transform: rotate(-2deg);
    box-shadow: 0px -30px 30px 0 rgba(0, 0, 0, 0.08);
    background: url("/cdn/shop/files/shape-bg.jpg") repeat;
    z-index: 1;
} 
.author-page section.custom-readmore-slider .container, .author-page section.custom-readmore-slider .container-sm {
    z-index: 2;
    position: relative;
}
.author-page .custom-readmore-slider:after {
    transform: rotate(1deg);
    left: 0px;
}
.author-page .custom-readmore-slider:before {
    transform: rotate(2deg);
    top: 130px;
}
.author-feature nav.breadcrumb-pages {
    padding-bottom: 35px;
}
html body.author-page section.custom-readmore-slider .navi-wrapper {
    bottom: 70px;
    min-height: 50px;
}
.author-page section.custom-readmore-slider .container-sm h2 {
    font-family: PP Editorial Old;
    font-weight: 400;
    font-size: 60px;
    line-height: 100px;
    text-align: center;
    margin-top: 80px;
}
.author-page .author-feature {
    background: #f9f6ec;
   
}


.events .events-slider-section h2 { 
    font-weight: 400; 
    font-size: 60px; 
    line-height: 100%;
    letter-spacing: -6%;
    text-align: center;
    text-transform: uppercase;
}

.events .events-slider-section .event-card .event-title { 
    font-weight: 400; 
    font-size: 22px; 
    line-height: 130%; 
    text-align: center;
    text-transform: capitalize;
    font-family: var(--headingFont);
    color: var(--blue);
}
.events .events-slider-section .event-card .event-location span { 
    font-weight: 400; 
    font-size: 16px; 
    line-height: 130%;
    letter-spacing: -3%;
    text-align: center;
    text-transform: capitalize;
    margin: 0;
    display: block;
    font-family: var(--headingFont);
    color: var(--blue);
} 

.events .events-slider-section .event-card :where(.event-desc,.event-hidden) {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-family: var(--bodyFont);
    color: #8496a2;
}
.events .events-slider-section .event-card button.read-more-btn {
    position: relative;
    background-image: url(/cdn/shop/files/btn-cover-bg.svg?v=1757010809);
    width: 174px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #103758;
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    background-size: 100%;
    transition: .3s 
ease all;
    border: 0;
    padding: 0;
    border-radius: 0;
    margin: auto;
}

.events .events-slider-section .event-card button.read-more-btn:before {
    content: "";
    background-image: url(/cdn/shop/files/arrow-left.svg?v=1757010809);
    width: 4px;
    height: 19.5px;
    background-size: contain;
    position: absolute;
    left: 10px;
    background-repeat: no-repeat;
    background-position: center;
}
.events .events-slider-section .event-card button.read-more-btn:after {
    content: "";
    background-image: url(/cdn/shop/files/btn-right.svg?v=1757010809);
    width: 4px;
    height: 19.5px;
    background-size: contain;
    position: absolute;
    right: 10px;
    background-repeat: no-repeat;
    background-position: center;
}
.events .events-slider-section .event-card button.read-more-btn:hover {
    background-color: transparent;
}

.events .events-slider-section .event-card{
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/Vector_2_430x.png?v=1762196563);
    background-repeat: no-repeat;
    background-size: 95% 97%;
    background-position: 50% 50%;
    padding: 60px 30px;
    border:0;
}

.events .events-slider-section .event-card:after {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    background: #faf8f2;
    left: calc(50% - 4px);
    bottom: -35px;
    transform: translate(-50%);
    border-radius: 50%;
}


.events .events-slider-section .event-card:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    background: #faf8f2;
    left: calc(50% - 4px);
    top: -36px;
    transform: translate(-50%);
    border-radius: 50%;
}
.events .events-slider-container:before {
    content: '';
    background: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/13_1_430x.png?v=1762197249) no-repeat;
    position: absolute;
    top: 19px;
    left: -23px;
    width: 200px;
    height: 150px;
    background-size: cover;
    z-index: 2;
}
.events .events-slider-container:after {
    content: '';
    background: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/13_2_430x.png?v=1762197248) no-repeat;
    position: absolute;
     bottom: 90px;
    right: 0px;
    width: 150px;
    height: 150px;
    background-size: cover;
    z-index: 2;
    animation: flyFlutter 6s ease-in-out infinite;
}
@keyframes flyFlutter {
    0%   { transform: translate(0, 0) rotate(0deg); }
    25%  { transform: translate(-20px, -30px) rotate(5deg); }
    50%  { transform: translate(-40px, -10px) rotate(-5deg); }
    75%  { transform: translate(-20px, -20px) rotate(5deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

/* 04Oct */

 
.author-achive .authors-grid .author-card {
    width: 100%;
    box-shadow: unset;
    background: transparent;
    padding: 0;
}
.author-achive .authors-grid .author-card .imageBlock {
    padding-top: 130%;
    position: relative;
    background: rgba(234, 229, 211, 1);
    border-radius: 8px;
}

.author-achive .authors-grid .author-card .imageBlock img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: calc(100% - 30px);
    object-fit: cover;
    width: calc(100% - 30px);
    transform: translate(-50%,-50%);
}
.author-achive .authors-grid .author-card h3 { 
    font-weight: 400; 
    font-size: 22px; 
    line-height: 130%; 
    text-align: left;
    margin: 20px 0 0;
} 

nav.breadcrumb-pages {
    font-family: var(--bodyFont);
    color: #103758 !important;
    opacity: 50%; 
    display: flex;
    justify-content: center;
    margin-top: 100px;
    gap: 12px;
}
.collection .breadcrumb-pages {
    justify-content: flex-start;
}
.author-achive .authors-section h2 {
    font-weight: 400;
    font-size: 80px;
    line-height: 100%;
    text-align: left;
    margin: 40px  0 106px;
    position: relative;
}
.author-achive .authors-filters {
    justify-content: flex-start;
    margin-bottom: 70px;
    z-index: 1;
    position: relative;
}
.author-achive .authors-filters button.filter-btn {
    font-family: var(--headingFont);
    font-weight: 400; 
    font-size: 25px; 
    line-height: 150%; 
    text-align: center;
    padding: 10px 40px;
    border-radius: 999px;
}

.author-achive .authors-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 70px 30px;
    justify-items: center;
}

.author-achive .authors-section:after {
    content: '';
    background: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/butterfly-full.png) no-repeat;
    width: 220px;
    height: 170px;
    position: absolute;
    top: 150px;
    right: -60px;
    background-size: contain;
    transform: rotate(55deg);
     animation: float 4s ease-in-out infinite;
}
.author-achive .shopify-section {
    padding: 0!important;
}
section.autoorsCards {
    position: relative;overflow-x: hidden
}

.author-achive .authors-section:before {
    content: '';
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/18_2_430x.png?v=1762250464);
    width: 300px;
    height: 300px;
    position: absolute;
    top: 190px;
    left: -20px;
    background-size: 100% 100%;
}
.author-achive .authors-section {
    background-color: #f9f6ec;
    
}


.author-achive .authors-section .pagination button#prev-page {
    border: 0;
    font-size: 0;
    width: 50px;
    height: 50px;
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/Social_Media_Icon_Container_5_430x.png?v=1762251949);
    background-size: 100%;
    background-repeat: no-repeat;
}
.author-achive .authors-section .pagination  button#next-page {
    border: 0;
    font-size: 0;
    width: 50px;
    height: 50px;
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/Social_Media_Icon_Container_5_430x.png?v=1762251949);
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotateY(180deg);
}
.author-achive .authors-section .pagination button:hover {
    background-color: transparent;
    color: black;
}
.author-achive .authors-section .pagination {
    gap: 100px;
}
.author-achive .authors-section .pagination div#page-numbers button.page-number { 
    font-weight: 400; 
    font-size: 20px; 
    line-height: 100%; 
    width: 50px;
    height: 50px;
    opacity: 0.4;
}
.author-achive .authors-section .pagination div#page-numbers button.page-number.active {
    opacity: 1;
}
section.author-products-section .author-products-grid .author-product-card a .product-details p.product-type {
    font-size: 18px;
    min-height: 30px;
}

.events-slider-container .swiper.eventsSwiper [class*="swiper-button"] {
    position: absolute;
    bottom: 0;
    top: unset;
} 
.events-slider-container .swiper.eventsSwiper .swiper-button-next {
    left: calc(100% - 35%);
    width: 60px;
    height: 60px;
    background-image: url(/cdn/shop/files/Social_Media_Icon_Container_5_430x.png?v=1762251949#);
    background-size: 100%;
    opacity: 1;
    border-radius: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    transform: rotateY(180deg);
    box-shadow: none;
}
.events-slider-container .swiper.eventsSwiper .swiper-button-prev {
    right: calc(100% - 35%);
    left: unset;
}
.events-slider-container .swiper.eventsSwiper .swiper-button-prev::after, .events-slider-container .swiper.eventsSwiper .swiper-button-next::after{
    display:none
}

.events-slider-container .swiper.eventsSwiper .swiper-button-prev {
    right: calc(100% - 35%);
    left: unset;
    width: 60px;
    height: 60px;
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/Social_Media_Icon_Container_5_430x.png?v=1762251949#);
    background-size: 100%;
    opacity: 1;
    border-radius: 0;
    background-color: transparent;
    background-repeat: no-repeat; box-shadow: none;
} 
.events-slider-section .swiper.eventsSwiper {
    padding-bottom: 150px;
}
.events-slider-section .swiper.eventsSwiper .swiper-pagination.swiper-pagination-clickable {
    position: absolute;
    max-width: max-content;
    z-index: 9;
    left: 50%;
    transform: translate(-50%);
}

.events-slider-section .swiper.eventsSwiper .swiper-pagination.swiper-pagination-clickable span.swiper-pagination-bullet {
    background: #3a3939;
}

.magic-event-content {
    text-align: left;
}

.magic-event-content .event-info {
    align-items: baseline;
}

.magic-event-content h2.event-heading {   
    font-size: 44px;  
}

 .magic-event-content .event-info .info-item span.info-text {
    font-family: var(--headingFont);
    font-size: 22px;
    line-height: 130%;
    text-transform: capitalize;
    max-width: 370px;
}

.magic-event-section {
    min-height: 100vh;
    overflow: unset!important;
}

.magic-event-section .marquee-container-event {
    position: absolute;
    bottom: -70px;
    left: 0;
    width: 100%;
    z-index: 3;
    height: auto;
}
.block-img-text-read .wrap-inner .side-img {
    max-width: 500px;
}
.block-img-text-read .wrap-inner .side-text button.btn-toggle {
    background: transparent;
    color: var(--blue);
    padding: 0;  
    font-size: 15px; 
    line-height: 100%;
    letter-spacing: 0%;
    text-decoration: underline;
    font-family: var(--bodyFont)
}

.block-img-text-read .btn-links a {
    position: relative;
    background-image: url(/cdn/shop/files/btn-cover-bg.svg?v=1757010809);
    width: 174px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #103758;
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    background-size: 100%;
    transition: .3s ease all;
}
.collection .simple-gallery-wrapper .simple-image-links {
    margin-block: 0 60px;
}
.block-img-text-read .btn-links a:after {
    content: "";
    background-image: url(/cdn/shop/files/btn-right.svg?v=1757010809);
    width: 4px;
    height: 19.5px;
    background-size: contain;
    position: absolute;
    right: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.block-img-text-read .btn-links a:before {
    content: "";
    background-image: url(/cdn/shop/files/arrow-left.svg?v=1757010809);
    width: 4px;
    height: 19.5px;
    background-size: contain;
    position: absolute;
    left: 10px;
    background-repeat: no-repeat;
    background-position: center;
}
section.block-img-text-read {
    /* margin-bottom: 150px; */
    position:relative;
    background: #f9f6ec;
}

.block-img-text-read .btn-links a:hover {
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/Rectangle_1259_430x.png?v=1762271097);
    color: #fff;
}

.block-img-text-read .btn-links a:hover:after, .block-img-text-read .btn-links a:hover:before {
    filter: invert(1);
}

html body .block-img-text-read .wrap-inner {
   padding-top: 150px;
   max-width: 966px;
   padding-bottom: 50px;
}

/* html body .block-img-text-read .side-img {
    flex: 1 1 14%;
} */

.block-img-text-read .side-text .main-content :where(p,span) {
    margin: 0 0 15px 0;color: var(--blue);
}
.block-img-text-read .main-content, .block-img-text-read .hidden-more {

    color: var(--blue) !important;
}

section.block-img-text-read:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/image_229_430x.png?v=1762271832);
    background-repeat: no-repeat;
    max-width: 300px;
    bottom: -100px;
    /* z-index: -1; */
}

.flyImage {
    position: absolute;
    right: 0;
    bottom: 100px;
    /* z-index: -1; */
}

 /* section.center-slider-section:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("https://cdn.shopify.com/s/files/1/0707/6295/4889/files/shape-bg.jpg");
    top: 50px;
    z-index: 0;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.25);
    transform: rotate(-2deg);
    left: 0;
} */

section.center-slider-section {
    padding-top: 150px;
}

.three-col-slider {
    
    z-index: 1;
}

 /* section.center-slider-section:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("https://cdn.shopify.com/s/files/1/0707/6295/4889/files/shape-bg.jpg");
    top: 34px;
    z-index: 0;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.25);
    transform: rotate(-3deg);
    left: -15px;
} */

div#pagination span.prev a {
    border: 0;
    font-size: 0;
    width: 50px;
    height: 50px;
    background-image: url(/cdn/shop/files/Social_Media_Icon_Container_5_430x.png?v=1762251949);
    background-size: 100%;
    background-repeat: no-repeat;
}

div#pagination span.next a {
    border: 0;
    font-size: 0;
    width: 50px;
    height: 50px;
    background-image: url(/cdn/shop/files/Social_Media_Icon_Container_5_430x.png?v=1762251949);
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotateY(180deg);
}
div#pagination span.page {
    font-family: PP Editorial Old;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0%;
    width: 50px;
    height: 50px;
    opacity: 0.4;
    display: block;
}
.collection-image-holder img {
    width: 100%;
}

.collection-list-wrapper .collection-list-title {
    font-family: var(--headingFont);
    font-weight: normal;
} 
.collection-list-wrapper .title-wrapper-with-link {
    justify-content: center;
    margin-bottom: 50px;
}
.author-page .author-wrapper .author-right button#toggleBtn {
    font-family: var(--bodyFont);
}
.leaves {
    bottom: -60px;
}
.gf-option-box .gf-RadioButton,
.gf-option-box .gf-Checkbox {
    background: url(http://cdn.shopify.com/s/files/1/0707/6295/4889/files/circle-radio.svg) no-repeat !important;
    background-size: contain!important;
    border: none;
    min-width: 27px;
    height: 27px;
}
.gf-option-box .checked .gf-RadioButton:after,
.gf-option-box .checked .gf-Checkbox:after {
    content: "";
    background: url("https://cdn.shopify.com/s/files/1/0707/6295/4889/files/dots_430x.svg?v=1762967772") no-repeat;
    position: absolute;
    width: 15px;
    height: 15px;
    right: -9px;
    top: -9px;
    background-size: contain;
} 
.gf-option-box .checked .gf-RadioButton:before,
.gf-option-box .checked .gf-Checkbox:before {
    content: "";
    background: url("https://cdn.shopify.com/s/files/1/0707/6295/4889/files/Vector.png" ) no-repeat;
    width: 13px;
    height: 13px;
    background-size: contain !important;
    position: absolute;
    inset: 0;
    margin: auto;
}
.gf-option-box button:not(.checked) .gf-RadioButton,
.gf-option-box button:not(.checked) .gf-Checkbox{
    opacity: 0.5;
}
div.gf-filter-contents .gf-top_one .gf-block-content,
div.gf-filter-contents-inner .gf-block-content{
    background: none;
}
.gf-option-block ul li button span.gf-label {
    font-size: 16px;
    font-family: 'Urbanist';
}
.gf-option-block ul li button {
    gap: 10px;
}
.gf-top_one .gf-grid--4-col .gf-option-block .gf-block-title .h3 span {
    font-family: var(--headingFont);
    font-weight: normal;
    font-size: 25px;
    text-transform: capitalize;
}
.gf-top_one .gf-filter-contents.gf-grid--4-col .gf-option-block .gf-block-title .h3 {
    margin-bottom: 30px !important;
}
html.gf-top_one.offcanvas-open .gf-grid--4-col .gf-filter-contents-inner {
    padding: 42px;
}

.collection-banner {
    background: url(/cdn/shop/files/bottomlayer.png) no-repeat;
    background-size: cover;
    min-height: 820px;
    position: relative;
    z-index: 1;
}
.collection-banner-content h2,
.collection-banner-content p {
    color: #fff;
}
.collection-banner-content h2 { 
    font-size: 68px;
}
.collection-banner-content {
    text-align: center;
    display: block;
    padding-block: 200px 50px;
}
span.drop-arrow-down {
    display: flex;
    margin-inline: auto;
    width: max-content;
}
/* 13-11-25 */
.article main#MainContent:before {content: '';position: absolute;width: 100%;height: 100%;background: #ffffff;left: -28px;top: -44px;z-index: -1;transform: rotate(2deg);box-shadow: 1px -10px 27.3px 7px rgba(195, 188, 167, 0.25);}
.article main#MainContent:after {content: '';position: absolute;width: 100%;height: 100%;background: #ffffff;left: -28px;top: -24px;z-index: -1;transform: rotate(1deg);box-shadow: 1px -10px 27.3px 7px rgba(195, 188, 167, 0.25);}
.article main#MainContent {position: relative;margin-top: 250px;background: #ffffff;box-shadow: 1px -10px 27.3px 7px rgba(195, 188, 167, 0.25)!important;}
.cstm-article {position: relative;}
.cstm-article .main-art-cta,.lower-html {max-width: 665px;margin: auto;}
.article-template__hero-container:before {
    content: '';
    position: absolute;
    /* top: 0; */
    right: 0;
    bottom: -180px;
    width: 210px;
    height: 160px;
    background-image: url('/cdn/shop/files/butterfly-full.png?v=1763012093');
    background-repeat: no-repeat;
    background-size: cover;
    animation: float 4s ease-in-out infinite;
    z-index: 1;
}
/* .article .author-info-section {max-width: 100%!important;padding: 0px!important;background: transparent!important;border: none!important;} */
.article .author-content {background: #f8f4eb;padding: 60px;display: flex;flex-direction: column;justify-content: center;width:calc(100% - 375px);}
.article .author-image {flex: none;max-width: unset;width: 375px;}
.article .author-wrapper {gap: 0; max-width: 1300px;margin: auto;align-items: unset;}
.article .author-image img {width: 100%;height: 100%;object-fit: cover;display: block;}
.article span.meta-item {display: flex;align-items: center;gap: 10px;font-family: var(--bodyFont);color: var(--blue)}
.meta-left {display: flex;gap: 10px;}
.author-content .author-name {font-size: 35px;}
.author-content .author-bio {font-size: 16px;}
.article .custom-readmore-slider:after, .article .custom-readmore-slider:before {display: none;}
.article-template__title {font-size: 60px;text-align: center;}
.article-template__subtitle {font-size: 40px;text-align: center;margin: 0px;}
.article-tags {display: flex;justify-content: center;margin: 30px 0px 50px 0px;gap: 20px;}
.article-tag {font-size: 15px;font-weight: 600;}
.key-takeaways-title {font-size: 35px;}
.drop-cap-paragraph, .sub-section-text, .lower-html li {font-size: 18px;color: #103758;font-weight: 500;}
.section-title {font-size: 35px;color: #103758;}
.sub-section-title, .sub-section-title-h4 {font-size: 28px;color: #103758;margin: 20px 0px;}
.key-takeaways::before {position: absolute;width: 100%;height: 100%;top: 0;right: 0;max-width: 180px;max-height: 180px;background-image: url(/cdn/shop/files/butterfly-full.png?v=1763012093);background-repeat: no-repeat;background-size: 100% 100%; animation: float 4s ease-in-out infinite;}
.key-takeaways {position: relative;}
.article-template__hero-container:after {content: '';position: absolute;width: 180px;height: 180px;bottom: 20px;transform: translateX(-80px);background-image: url(/cdn/shop/files/right-flower_98011063-294a-4931-8ddc-d9728f74dd08.png);background-repeat: no-repeat;background-size: contain;left: 0;}
/* .article-template__hero-adapt:after{content: '';position: absolute;width: 300px;height: 300px;bottom: -78px;transform: translateX(-27%);background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/right-flower_98011063-294a-4931-8ddc-d9728f74dd08.png);background-repeat: no-repeat;background-size: contain;} */
.article-template__hero-adapt {position: relative;}
/* .lower-html, .slide-content {max-width: 70%!important;} */
details-modal.header__search>details[open="true"] {padding-block: 16px;border-block-end: 1px solid #1010101f;background: #ffffff42;transition: ease .3s;position: fixed;top: 0;  width: 100%;left: 0;z-index: 99;}
body .section-header.shopify-section-group-header-group{z-index: 9;}
details[open] .modal-overlay:after {backdrop-filter: blur(3px);}
.article-tags .article-tag,.blog-tags .blog-tag,.event-tag,.common-tags-wrapper .common-tags { background-size: contain;padding: 20px;background-position: center;font-family: var(--bodyFont);color: #fff;font-weight: normal;font-size: 14px;}
.list-payment__item img {
    border-radius: 5px;
    height: 36px;
}
.list-payment__item {gap: 5px;margin-bottom: 15px;}
.author-feature .author-wrapper {gap: 100px!important;}
.author-products-grid {grid-template-columns: repeat(4, 1fr);}
.flex-categroeis.common-tags-wrapper .common-tags {display: inline-block;padding: 8px 15px;}

/* 19-11-2025 */
.author-info-section .author-content .author-name {margin: 0;line-height: normal;color: var(--blue);}
.author-info-section .author-content .author-bio {color: var(--blue);margin-block: 40px;
}
.list-collections .color-background-1.gradient:has(.breadcrumb) {
    background: none;
}
.list-collections .content-for-layout {
    padding-top: 150px;
}
.list-collections   nav.breadcrumb {
    text-align: center;
    margin: 0;
}
.list-collections .lets-dive-sec:after, .list-collections .lets-dive-sec:before,.list-collections .blue-letsdiv {
    display: none;
}

.list-collections .lets-dive-sec {
    background: none;
}
@keyframes sway {
    0%   { transform: translateX(-80px) rotate(0deg); }
    25%  { transform: translateX(-75px) rotate(3deg); }
    50%  { transform: translateX(-80px) rotate(-3deg); }
    75%  { transform: translateX(-85px) rotate(3deg); }
    100% { transform: translateX(-80px) rotate(0deg); }
}

.article-template__hero-container:after {animation: sway 4s ease-in-out infinite;}
 











/* 19-11-2025 */
/* collection-banner */ 
.collection-banner img {
    width: 102%;
    display: block;
    max-width: 100%;
} 
.collection-banner-wrapper {
    position: relative;
}
.collection-wave-shape {
    position: absolute;
    bottom: -40px;
    left: -90px;
    width: 110vw;
    animation-name: collection-wave-animation;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 4s;
} 

.collection-banner img {
    width: 100%;
    display: block;
    max-width: 100%;
}

.collection-wave-shape img {
    width: 102%;
}

@keyframes collection-wave-animation{
    0%{
        transform: translateX(-50px);
    }
    50%{
        transform: translateX(10px);
    }
     100%{
            transform: translateX(-50px);
    }
} 

.collection-wave-shape.collection-wave-shape-bottom {
    animation-direction: alternate-reverse;
    left: -20vw;
    bottom: -50px;
    animation-duration: 2s;
    z-index: -1;
}



body.product nav.breadcrumb-pages {
    margin: 0 0 30px;
    gap: 10px;
    justify-content: flex-start;
}
.product__media-wrapper .product-page-breadcrumb {
    opacity: 1;
}

.product__media-wrapper .product-page-breadcrumb>* {
    text-decoration: none;
    color: var(--blue);
}
.product__info-wrapper .product__text {
    text-transform: uppercase;
    color: var(--blue);
} 
div#gf_pagination_wrap:empty, 
.collection.single-animation .marquee-container {
    display: none;
}
 .collection.single-animation .shopify-section-header-sticky:not(.scrolled-past-header) sticky-header.header-wrapper {
    background: #EAE5D3; 
}
.collection.single-animation section.custom-readmore-slider {
    padding-top: 0;
}
.author-achive .authors-filters button.filter-btn:not(.active,:hover) {
    background: #f9f6ec;
}

.key-takeaways .drop-cap-paragraph {
    color: var(--blue);
}
.article .drop-cap-paragraph:first-letter {
    font-size: 150px;font-weight: normal
    font-family: var(--headingFont); 
}
.tab-content a img {
    width: 100%;
    max-width: 80%;
    border: 1px solid #eee;
    background: #eae5d3;
    padding: 20px 18px;
    border-radius: 8px;
}

/* search page */
.template-search__header h1 {
    font-family: var(--headingFont);
    font-weight: normal;
}
.template-search {
    padding-top: 150px;
}
.article-card__info {
    font-family: var(--bodyFont);
}
.article-template__content p {
    font-size: 18px;
    font-weight: 500;
}
.custm-main-sc .marquee-container.marquee-container-1 {
    top: -3%!important;
}
.section-header h2 {
    font-size: 60px;
}
.flip-card-slider .main-heading {
    max-width: 400px;
    margin: auto;
}
.login {
    padding: 120px 0px!important;
}
.register {
    padding: 120px 0px!important;
}
/* 15/01/2026 */
button.custom-shop-pay {
    background-size: 100% 100%;
    color: #fff!important;
    background-color: transparent;
    border: none;
    font-size: 20px;
    font-family: 'PP Editorial Old';
    background-size: 100% 100%;
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/buynow.png?v=1768496567);
    width: 100%;
    height: 55px;
}
.tab-content .swiper-slide img {
    height: 360px;
    object-fit: cover;
}
.tab-content .navi-wrapper {
    bottom: 40px;
}

.custom-shop-pay.white {
    background-image: url(/cdn/shop/files/btn-white.svg?v=1761670275);
}
.custom-shop-pay.white:before{
    background-image: url(/cdn/shop/files/left-arrow-white.svg);
}
.custom-shop-pay.white:after{
    background-image: url(/cdn/shop/files/right-arrow-white.svg);
}
.tab-content .swiper {
    padding-bottom: 100px;
}
.product-page-hero .product-wrapper-main {
    padding: 120px 0px;
}
.navi-wrapper.blue .swiper-button-disabled {
    display: none;
}
.borderd-media-im img {
  display: block;
}
.borderd-media-im::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #E6E1CE;
  border-radius: 2px;
  z-index: 2;
} 
.is-video::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background-image: url("https://cdn.shopify.com/s/files/1/0707/6295/4889/files/video_btn.png?v=1768891223");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none; 
}
.key-takeaways:after {
      content: "";
      position: absolute;
      bottom: -60px;
      left: 50%;
      width: 200px;   /* apne image ke hisaab se */
      height: 30px;
      background-image: url("https://cdn.shopify.com/s/files/1/0707/6295/4889/files/title-im.png?v=1768900246");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      transform: translate(-50%, -50%);
      z-index: 2;
      pointer-events: none;
}
.main-art-cta .section {
    margin-top: 80px;
}
#HeaderCountryLabel {
    display: none;
}
span.visually-hidden {
    display: none;
}
.mobile-facets__open svg {
    display: none;
}
.mobile-facets__open-label {
    font-size: 25px!important;
    color: #103758;
    font-family: 'PP Editorial Old';
    margin: 0px!important;
    border: 1px solid #103758;
    border-radius: 100px;
    padding: 15px 40px;
}
.mobile-facets__open-label::after {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 6px;
    background-image: url('https://cdn.shopify.com/s/files/1/0707/6295/4889/files/filter-im.png?v=1769587655');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.mobile-facets__open:hover .mobile-facets__open-label {
    text-decoration: none;
}
.product-grid-container .collection {
    margin-top: 70px;
}
.collection-banner-single {
    max-width: 1200px;
}
.gf-refine-toggle-mobile img {
    order: 1;
}
.product-card .product-image img {
    border-radius: 15px;
}
.image_4 img {
    animation: moveEffect 1s linear infinite alternate;
}
.image_2 img {
animation: moveEffect 1s linear infinite alternate;
}
.article section.custom-readmore-slider .marquee-container-1 {
    display: none;
}
.news-archive main#MainContent {
    padding-top: 150px;
}
.cart-items .visually-hidden {
    display: none;
}
.rockpool-cart {
    padding-top: 40px;
}
.section-template--18352172335203__main-padding {
    padding-top: 200px!important;
}
.gf-top_one .gf-filter-contents {
    position: unset!important;
}

.list-menu--inline {
    flex-wrap: unset !important;
}
/* .product.product--large.product--left {
    padding-top: 100px;
} */
 .account-wrapper a {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   text-decoration: none;
}
.sgnup-text {
   color: #103758;
}
a#swym-advanced-header-icon-mobile {
    display: none!important;
}
.swym-header-icon-count {
    background-color: #103758!important;
}
.swym-header-icon-html svg {
    width: 30px;
    height: 30px;
}
/* 24/01/2026 */
.flex-aut span span.meta-author a {
    color: #103758;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Urbanist';
    font-weight: 500;
}
.flex-aut span {
    display: flex;
    gap: 10px;
}
h2.h4.accordion__title.inline-richtext {
    font-family: 'PP Editorial Old';
    font-size: 20px;
    font-weight: 500;
}

.thumbnail__badge {
    left: 12px !important;
    top: 12px !important;
}

.thumbnail__badge,
.thumbnail__badge svg {
  pointer-events: none;
}
/* Left tilt */
.left-side {
  transform: rotate(5deg) !important;
}

/* Right tilt */
.right-side {
  transform: rotate(-5deg) !important;
}
.three-col-slider .left-side img {
    width: 100%;
    max-width: 300px;
    height: 100%;
    max-height: 435px;
    min-height: 435px;
    object-fit: cover;
    border-radius: 12px;
}

.three-col-slider .right-side img {
    width: 100%;
    max-width: 300px;
    height: 100%;
    max-height: 435px;
    min-height: 435px;
    object-fit: cover;
    border-radius: 12px;
}
.gf-filter-contents-inner {
    height: auto !important;
}
.article-template__hero-large.media img {
    border-radius: 10px;
}
.shopify-policy__container, .page-width.page-width--narrow.section-template--18688200802441__main-padding {
    max-width: 60%!important;
    padding: 200px 0px 90px 0 !important;
}

body.page.collections-custom section.lets-dive-sec {
    padding: 200px 0px 90px 0 !important;
}
.images-main a img {
    width: 100%;
    max-width: 60px;
    height: 100%;
}
h1.main-page-title.page-title.h0 {
    font-family: 'PP Editorial Old';
    color: #103758;
    font-size: var(--fontHXl);
    font-style: normal;
    font-weight: 400;
    text-align: center;
    line-height: 100%;
    letter-spacing: -4.778px;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.event-tag span {
    font-size: 25px;
    max-width: 380px;
    margin-inline: auto;
    margin: 30px auto;
    color:rgb(255, 255, 255);
    font-family: 'PP Editorial Old';
}
.product__tax {
    margin-top: 15px !important;
}
.flex-aut {
    display: flex;
    gap: 10px;
    margin: 40px 0px 18px 0px;
}

@media (min-width: 1920px){
.footer:before,.footer:after,
.shopify-section:has(.latest-releases):before,
.shopify-section:has(.latest-releases):after {
  top: -50px;
}
.collection-wave-shape {
    bottom: -140px;
}
.collection-wave-shape.collection-wave-shape-bottom {
    bottom: -115px;
}
}



/* .gf-top_one #gf-tree {
    width: 50% !important;
} */
.gf-tree-toggle-wrapper {
    display: flex;
    justify-content: space-between;
}
.view-toggle button.view-btn img {
    width: 100%;
}

/* toggle wrapper */
.view-toggle {
    display: flex;
    gap: 14px;
    align-items: center;
}

.view-btn {
    width: 70px;
    height: 70px;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

/* images inside button */
.view-btn img {
  width: 36px;
  height: auto;
}


/* 11/02/2026 */
.header__icon svg:hover {
    transform: scale(1.07);
}
details.Collections #HeaderMenu-MenuList-2 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 40px;
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;

}
details.Collections #HeaderMenu-MenuList-2 li {
    margin: 0;
}
details.Collections .list-menu--disclosure {
    width: 60rem !important;
    left: -100px;
    border-radius: 10px;
}

details.Categories .list-menu--disclosure {
    width: 25rem;
    border-radius: 10px;
}

details.The.Latest .list-menu--disclosure {
    border-radius: 10px;
}

ul.header__submenu.list-menu > summary::after {
    display: none !important;
}

.header__submenu .header__menu-item {
    padding: 20px 9px  !important;
    border-radius: 10px;
}
.header__submenu.list-menu {
    padding: 20px 10px !important;
    border-radius: 10px;
    background: #fffef8;
}
.header__submenu .header__menu-item:hover {
    background: #f9f6ec;
}

.header__submenu .header__menu-item {
    gap: 20px;
    justify-content: unset !important;
}


#HeaderMenu-MenuList-1 {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 50rem;
}

/* Scrollbar styling (Chrome/Edge) */
ul.header__submenu.list-menu::-webkit-scrollbar {
    width: 0px;
}

ul.header__submenu.list-menu::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 10px;
}

ul.header__submenu.list-menu::-webkit-scrollbar-track {
    background: transparent;
}



span.gf-summary {
    background: none !important;
    border-radius: 40px;
    color: var(--blue) !important;
    border-color: var(--blue) !important;
    min-width: 182px;
    align-items: center;
    border: 1px solid #e3e3e3;
    padding-left: 26px !important;
    padding-right: 0px !important;
    padding-top: 12px;
    font-size: 25px !important;
    height: 60px !important;
    margin-bottom: 0px !important;
    position: absolute;
    top: -82px;
    left: 450px;
    width: 100%;
    font-family: 'PP Editorial Old' !important;
    max-width: 100px;
    font-weight:300;
}
.quick-add {
    display: none;
}
.product-card-wrapper {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 1;
}
.product-card-wrapper:hover {
  transform: scale(1.05); 
  z-index: 10; 
  cursor: pointer;
}
.product-card-wrapper:hover .quick-add {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 25px;
    margin: 0px;
    justify-content: space-between;
}
#gf-products .card__information .custom-author-name-col {
    color: #8496A2;
    margin: 0px;
}
#gf-products .product-card-wrapper:hover .card__information .custom-author-name-col{
 display: none;
}
#gf-products .product-card-wrapper:hover .card__information .h5 {
display: none;
}
#gf-products .product-card-wrapper:hover .card__information .price {
    display: none;
}
#gf-products:hover .product-card-wrapper {
  filter: blur(5px); /* pehle sab blur */
}
#gf-products .product-card-wrapper:hover {
  filter: none;
  z-index: 2;
}
.sort-by label.sort-by-toggle span {
    text-transform: capitalize;
}
.gf-filter-trigger {
    position: absolute;
}
/* .gf-top_one .gf-grid--4-col .gf-filter-contents-inner {
    top: 200% !important;
} */



body.contact section#shopify-section-template--20362305536137__main {
    padding-top: 12%;
}
body.contact .color-background-1.gradient {
    background: #f9f6ec;
}

body.catalogues-page div#shopify-section-template--20418429812873__pdf_cards_zBMC6G {
    padding-bottom: 3%;
    padding-top: 3%;
}
body.search .template-search {
    padding-top: 13%;
}
body.faq-page section#shopify-section-template--20419785621641__main {
    padding-top: 12%;
}
body.news-archive .page-width.page-width--narrow.section-template--20420061003913__main-padding {
    padding-top: 14%;
}
body.news-archive .blog-articles-grid-section .top-controls .right-controls {
    display: flex;
    justify-content: space-between;
}
body.news-archive .see-more-wrap button {
    cursor: pointer;
}
body.catalogues-page section.lets-dive-sec {
    padding-top: 14%;
}


.spf-filter-loading #gf-products>*, .spf-filter-loading [data-globo-filter-items]>* {
    visibility: visible !important;
    opacity: 1 !important;
}

/* .spf-has-filter #gf-products {
    justify-content: space-between !important;
} */

.facets-container-drawer .mobile-facets__wrapper {
    margin-right: 1rem !important;
    flex-grow: 0 !important;
}

.facet-filters__sort:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

h2.product-count__text.text-body, .select select#SortBy {
    font-size: 25px!important;
    color: #103758;
    font-family: 'PP Editorial Old' !important;
    margin: 0px!important;
    border: 1px solid #103758;
    border-radius: 100px;
    padding: 15px 40px;
}

h2.facet-filters__label.caption-large.text-body {
   display: none;
}
.facet-filters {
    padding-left: 0 !important;
}

.select .icon-caret, .customer select+svg {
    height: 0.8rem !important;
    stroke: #103758;
}
.facet-filters__sort+.icon-caret {
    right: 25px !important;
}
.facets-container-drawer .product-count {
    margin: 0 0 0 10px !important ;
}
.facets__form {
    margin-bottom: 0 !important;
}
.card__inner.color-background-2.gradient.ratio {
    background: #eae5d3;
    border-radius: 15px;
}
.media.media--transparent.media--hover-effect img {
    padding: 15px;
}
.card--standard>.card__content .card__information h3 {
    font-size: 22px;
    font-family: 'PP Editorial Old';
    font-weight: 500;
    min-height:70px;
}
.price .price__container .price__regular span, .price .price__container .price__sale span  {
    font-size: 18px !important;
    font-family: 'PP Editorial Old';
    font-weight: 500;
}
.card__badge.bottom.left {
    display: none;
}
.media.media--transparent.media--hover-effect img {
    padding: 17px;
    border-radius: 25px;
    object-fit: contain;
}
.card-information .price-item {
    font-family: 'Urbanist'!important;
}`
.facets-wrapper {
    display: flex;
    justify-content: space-between;
}
aside#main-collection-filters {
    display: flex;
    justify-content: space-between;
}
.product-grid {
    row-gap: 10px !important;
}


.view-btn img {
  filter: grayscale(100%);
  opacity: 0.6;
}

.view-btn.active img {
  filter: none;
  opacity: 1;
}

.gf-filter-selection {
    display: none !important;
}

.gf-actions {
    padding-bottom: 40px;
}
.gf-filter-contents-inner {
    margin-top: 10px !important;
}
.gf-block-scroll {
    max-height: 300px!important;
}
#gf-products .modal__content .product.product--large.product--left {
    padding-top: 0px!important;
}
#gf-products .grid__item .modal__content {
    display: unset;
    background: #F9F6EC;
    border-radius: 18px;
    width: 80%;
    margin: auto;
    top: 110px;
    height: 80%;
    box-shadow: 0 0 9px #606060;
}
#gf-products .grid__item .modal__content .accordions-section, #gf-products .grid__item .modal__content .benefits-wrapper, #gf-products .grid__item .modal__content .share-container, #gf-products .grid__item .modal__content nav.breadcrumb-pages {
    display: none;
}
.product__media-wrapper {
    width: 50%;
}
#gf-products .grid__item .modal__content .grid__item {
    width: 50%;
}
#gf-products .grid__item .modal__content .product__view-details {
    font-size: 18px;
    font-family: 'PP Editorial Old';
    color: #103758;
    margin-top: 40px;
    text-decoration: underline;
    text-transform: capitalize;
}
#gf-products .grid__item .modal__content nav.breadcrumb-pages {
    margin: 0px;
}
p#shopping-cart-line-item-status {
    display: none;
}
p#CartDrawer-LineItemStatus {
    display: none;
}
.header__icons span {
    font-weight: 500;
}
.card__inner .card__information {
    height: 100%;
    display: block!important;
}
.card-content .card__content {}
.card__inner .card__content {
    display: block;
    background: transparent;
}
.card__inner .card__information a {
    display: block!important;
    height: 100%;
    color: #ff000000;
}
.card__inner .card__information h3 {
        display: block!important;
    height: 100%;
}
.collection #gf-products .price {
    margin: 0px;
}
.product .product__media {
    padding-top: 20px!important;
}

.dynamic-text h2 {
    margin: 0px;
}
.dynamic-description {
    margin: 50px 0px;
}
.swym-storefront-layout-header {
    background: #f9f6ec!important;
    box-shadow: none!important;
    height: 100px!important;
}
.swym-storefront-layout-body {
    background: #f9f6ec;
}
.swym-storefront-layout-title {
    color: #103758!important;
    font-size: 24px;
}
.swym-storefront-layout-grid-item-content a {
    color: #103758;
    font-family: 'PP Editorial Old';
    font-size: 16px;
}
span.swym-storefront-layout-grid-item-final-price {
     color: #103758;
    font-family: 'PP Editorial Old';
    font-size: 16px;
}

.swym-storefront-layout-tabs {
    justify-content: space-between!important;
    box-shadow: none!important;
    background: #f9f6ec;
    padding: 20px 0px;
    border-top: 1px solid #C7C0AB;
}
.swym-storefront-layout-empty-sfl-view-cart-button {
    background-size: 100% 100%!important;
    background-color: transparent!important;
    border: none!important;
    font-size: 15px;
    font-family: 'PP Editorial Old';
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/buynow.png?v=1768496567)!important;
    width: 100%!important;
    height: 50px;
    padding: 18px 25px!important;
    font-weight: 300;
    color: #fff!important;
}
.swym-storefront-layout-tabs button {
    color: #103758;
    font-family: Urbanist;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

div#swym-storefront-layout-total-list-items-count {
    font-size: 16px;
    color: #103758;
    font-family: 'PP Editorial Old';
    margin-top: 5px;
}
.swym-wishlist-collections-v2-container {
    top: unset!important;
    bottom: 20px!important;
}
.swym-wishlist-collections-v2-container {
    display: none;
}
#gf-products .product-card-wrapper:hover .swym-wishlist-collections-v2-container {
    display: block;
}
button.swym-storefront-layout-grid-item-add-to-cart-button {
    background-size: 100% 100%;
    background-color: transparent;
    border: none;
    font-size: 11px;
    font-family: 'PP Editorial Old';
    background-size: 100% 100%;
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/buynow.png?v=1768496567);
    width: 100%;
    height: 30px;
    padding: 18px 25px;
    font-weight: 300;
}
.swym-storefront-layout-login-user-container {
    background: #f9f6ec!important;
}
.swym-storefront-layout-login-heading {
color: #103758!important;
font-family: "PP Editorial Old";
font-size: 25px!important;
font-weight: 400!important;
letter-spacing: -0.75px!important;
}
.swym-storefront-layout-login-description {
color: #103758!important;
text-align: center!important;
font-family: Urbanist;
font-size: 14px!important;
font-weight: 500!important;
}
a.swym-storefront-layout-login-button {
     background-size: 100% 100%!important;
    background-color: transparent!important;
    border: none;
    font-size: 20px;
    font-family: 'PP Editorial Old';
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/buynow.png?v=1768496567)!important;
    width: 100%!important;
    height: 50px;
    padding: 18px 25px!important;
    font-weight: 300;
}
.swym-storefront-layout-login-content {
    align-items: center!important;
    gap: 18px!important;
}
.event-date-time {
    font-weight: bold!important;
    margin-bottom: 15px;
    font-family: 'Urbanist';
}
.card_content .quick-add + .card_badge.bottom.left {
    display: none;
}
.card__badge.bottom.left {
    display: block;
}
.card__badge {
    position: absolute;
    top: -10px;
    right: 25px;
}
#newsletter-popup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}

#newsletter-popup.active {
  display: block;
}

#newsletter-popup .newsletter-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

#newsletter-popup .newsletter-modal {
    position: relative;
    width: calc(100% - 40px);
    padding: 30px;
    z-index: 2;
    background: #F9F6EC;
    max-width: 900px;
    height: 650px;
    overflow: auto;
    border-radius: 12px;
    margin: 18px auto;
}
#newsletter-popup .newsletter-close {
  position: absolute;
  top: 10px;
  right: 12px;
  border: none;
  background: none;
  font-size: 24px;
  cursor: pointer;
}
.newsletter-modal .ctct-form-embed.form_2 .ctct-form-defaults, .newsletter-modal .ctct-form-embed.form_1 .ctct-form-defaults {
    background: #F9F6EC;
    padding: 0px;
}
.newsletter-modal label {
    font-size: 14px;
    font-weight: 400!important;
}
.newsletter-modal .ctct-form-field {
    margin-bottom: 15px!important;
}
.ctct-form-element:focus-visible, .ctct-select-element:focus-visible {
    outline: 1px solid #103758!important;
    outline-offset: 0px;
}
p.ctct-gdpr-text {
    font-family: 'Urbanist'!important;
    font-size: 12px!important;
}
p.ctct-form-footer {
    display: none;
}
.ctct-form-text {
    color: #103758;
    font-family: 'Urbanist';
    text-align: center;
}
.newsletter-modal .ctct-form-header {
    color: #103758!important;
    text-align: center;
    font-family: 'PP Editorial Old'!important;
}
.newsletter-modal .ctct-form-button {
    background-size: 100% 100%;
    background-color: transparent!important;
    border: none!important;
    font-family: 'PP Editorial Old';
    background-size: 100% 100%;
    background-image: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/buynow.png?v=1768496567)!important;
    width: 100%;
    height: 65px;
    font-weight: 300;
}
.author-achive .breadcrumb-pages {
    justify-content: left;
}
.breadcrumb-pages span, .breadcrumb-pages a {
    font-size: 14px;
}
.custom-add-to-cart , .coming-soon-button {
    margin: 0;
    background: url(https://cdn.shopify.com/s/files/1/0707/6295/4889/files/sold-outbg.png?v=1769435783) no-repeat;
    border: none;
    background-size: 100% 100%;
    border: none;
    font-size: 20px;
    font-family: 'PP Editorial Old';
    background-size: 100% 100%;
    width: 100%;
    height: 55px;
    color: #103758;
    cursor:pointe;
}
.cart-wrap-custom {
    display: flex;
    gap: 10px;
}
/* responsive start */

@media (min-width:1620px) and (max-width: 2020px){
    .custom-readmore-slider .marquee-container.marquee-container-1 {top: -75px;}
    .magic-event-section .marquee-container-event {
    bottom: -90px;
}
}

@media(min-width: 1620px) and (max-width:2560px){
section.cutom-banner-section {min-height: auto;}
.cstm-cat-section {margin-top: 100px;}
.collection-banner {min-height: 900px;background-position: bottom;}
section.latest-releases {padding-top: 220px;}
.rockpool-special .marquee-container {bottom: -10px;}
.custom-readmore-slider .marquee-container.marquee-container-1 {top: -110px;}
.collection-banner {
    background-position: bottom!important;
    height: 1000px!important;
}
.magic-event-section .marquee-container-event {
    bottom: -120px;
}
}
@media(min-width: 1620px) and (max-width:2220px){
.rockpool-special .marquee-container {bottom: -50px;}
.custom-readmore-slider .marquee-container.marquee-container-1 {top: -75px;}
.footer:after{top: 0px;}
}


@media (min-width: 1025px){ 
.product-grid-container .spf-product-card:hover {filter: blur(0);}
.spf-product-card{transition: 0.3s ease all}
}

@media (min-width: 1200px){ 
.header__icons.header__icons--localization.header__localization * {font-size: 16px;   font-family: var(--bodyFont);}
}

@media (min-width: 1501px){
.author-achive .authors-section:before {  left: -160px; }
}

@media (max-width: 1600px){
.collection.single-animation section.custom-readmore-slider { --padding-bottom-sec: 100px;}
html body.collection.single-animation section.custom-readmore-slider .navi-wrapper {bottom: 170px;}
.magic-event-section .marquee-container-event {bottom: -100px;}
}

@media (max-width: 1500px){
.author-achive .authors-section:after{right: 0;}
.header__icons {gap: 25px;} 
.magic-event-section .marquee-container-event {bottom: -70px;}  
}

@media(max-width:1400px){
section.lets-dive-sec:after {left: -25px;width: 102vw;}
.custom-readmore-slider:after {left: -40px;}
.header--middle-left {grid-template-columns: auto 1fr auto;}
}

@media(max-width:1365px){ 
.header__icon svg, .header__icon  .icon.icon-search {width: 24px;height: 24px;} 
.product-content p { gap: 20px;}
}

@media(max-width:1280px){
.marquee-container.marquee-container-1 {top: -51px;}
header.header.header--middle-left {grid-template-columns: auto auto auto;}
.custom-readmore-slider:after,
.custom-readmore-slider:before { left: 0; }
.section-header h2 {font-size: 60px;}
.collection-banner-content h2 {font-size: 58px;margin-bottom: 0;}
}
@media(max-width:1260px){
.single-blog-feature__content {padding: 60px 25px!important;}
}

@media (max-width: 1199px){
.header__icon span.sgnup-text {display: none;}
.header__icons .header__icon--cart {font-size: 0;gap: 0;}
.header__icon {font-size: 0;} 
.all-center .left-side img, .all-center .right-side img {width: 220px;}
.collection-card-link {gap: 0px;min-height: 250px;}
section.lets-dive-sec:after {height: calc(94% + 35px);}
.cutom-banner-section .center-column h1 {font-size: 60px;}
.collection-content-holder h3 {   font-size: 20px;} 
section.lets-dive-sec:after, section.lets-dive-sec:before {transform: rotate(-1deg);}
.rockpool-special { --padding-bottom-sec: 90px;}
section.lets-dive-sec:after {left: -20px;width: 102vw;}
.blue-letsdiv {height: 500px;}
html.gf-top_one.offcanvas-open .gf-grid--4-col .gf-filter-contents-inner{padding: 30px}
.gf-top_one .gf-filter-contents.gf-grid--4-col .gf-option-block .gf-block-title .h3 {margin-bottom: 20px !important;}
.collection.single-animation .custom-readmore-slider:before {display: block;}
.author-achive .authors-section:before { width: 200px;height: 200px; top: 310px;left: 0; }
section.autoorsCards nav.breadcrumb-pages {justify-content: center;margin-top: 70px;}
.author-achive .authors-section h2 { font-size: 60px; margin: 40px  0; text-align: center}
.article .author-content { padding: 30px;}
.rockpool-cart .title.title--primary {font-size: 60px;}
.rockpool-cart .title-wrapper-with-link {margin-top: 0;}
.cart .tabbed-recommendations { margin: 100px 0 100px;}
.tabbed-recommendations h2 {font-size: 48px;margin-top: 0;}
}

@media (min-width:768px) and (max-width: 1160px){
.single-blog-feature {display: none;}
}

@media(min-width:991px) and (max-width:1024px){
nav.header__inline-menu {padding-left: 0px;}
.list-menu--inline {gap: 25px;}
.header__icons {gap: 0px;}
.header__icons svg {width: 25px;}
.header__icons .header__icon .icon {width: 18px;}
.header__icons>*:not(:last-child):after {display: none;}
.article main#MainContent:before {left: -100px;}
.article main#MainContent:after {left: -56px;}
.collection-image-holder {height: auto;}
section.lets-dive-sec:after {height: calc(100% + 35px);}
}

@media(max-width:991px){
.paper-layer ,.pulse-left-shape, .pulse-right-shape {display: none;}
.card-meta {flex-wrap: wrap;}
.article main#MainContent:before {left: -90px;}
.article main#MainContent:after {left: -44px;}
.author-achive .authors-grid { grid-template-columns: repeat(3, 1fr);gap: 40px 30px; }
.header__icons .desktop-localization-wrapper {display: none;}
.gf-filter-contents-inner{height: auto;}
.simple-image-links { grid-template-columns: repeat(4, 1fr); }
.hero-section-wrapper nav.breadcrumb-pages {justify-content: center;margin-bottom: 10px;}
.card-row .card-image, .card-row .card-text {flex: 100%;width: 100%;}
.card-text h3 { margin-bottom: 20px;}
.card-row { margin-bottom: 50px;}
 .collection.single-animation section.custom-readmore-slider div#readmore-less-sec {padding-top: 30px;}
.collection-cards { grid-template-columns: repeat(3,1fr); }
.collection-wave-shape.collection-wave-shape-bottom { left: -5vw; }
.collection-banner-content h2 {font-size: 48px; }
.article .author-image ,
.article .author-content,
.center-content .slide-image img,.center-content .slide-image {width: 100%;}
.sub-section .sub-section-text {margin-top: 0;}
.sub-section-title, .sub-section-title-h4 {margin-bottom: 10px;line-height: normal;}
.article section.custom-readmore-slider div#readmore-less-sec {padding-top: 20px;}
.rockpool-cart .title-wrapper-with-link { align-items: center;}
.custom-product-card {display: block!important;}
.card-right {flex-direction: row!important;margin-top: 20px;}
}

@media (min-width:768px) and (max-width: 1024px){ 
.collection-wave-shape {bottom: -20px;}
.product-title {font-size: 16px!important;}
.three-col-sec {display: flex!important;flex-direction: column;gap: 60px;}
.cutom-banner-section .center-column {margin: 60px auto 0px!important;max-width: 100%;}
.right-column {top: 180px;}
.image_2 img {width: 120px;}
.three-col-sec .left-colum {top: 180px;}
.image_1 img {width: 50px!important;}
.image_1 {top: 108px;}
.image_3 {top: 160px;}
.image_4 {top: 210px;}
.image_3 img {width: 120px!important;}
.image_2 {top: 80px;}
.right-column img {width: 200px;}
.three-col-sec .left-colum img {width: 150px;}
section.cutom-banner-section {padding-bottom: 40px;min-height: auto;}
.cutom-banner-section .center-column h1 {font-size: 50px;letter-spacing: 3px;}
.cutom-banner-section .center-column sup {font-size: 34px;letter-spacing: 2px;}
.section-header h2 {font-size: 50px;letter-spacing: 2px;}
.custom-readmore-slider:before {display: none;}
body:is(.singleArticle, .blog-archive ) main#MainContent:before {left: -30px;}
body:is(.singleArticle, .blog-archive ) main#MainContent:after {left: -16px;}
.single-blog-feature {display: none;}
.simple-html-content svg {height: 200px;}
.simple-html-content:after {top: 30px;}
.author-page .custom-readmore-slider:after, .author-page .custom-readmore-slider:before {left: 0;}
.author-page .author-wrapper {max-width: 100%!important;}
.right-column .image_2 img {width: 120px !important;}
section.center-slider-section {padding-top: 0px;}
.marquee-container.marquee-container-1 {top: -30px;}
.marquee-container-2 {bottom: -85px;}
.article section.custom-readmore-slider {padding-top: 150px;}
section.latest-releases {padding-top: 100px;}
.collection-content-holder span {display: block;line-height: 18px;}
.collection-content-holder h3 {margin-bottom: 10px;}
.collection-image-holder {height: auto;}
.collection-card-link {padding: 20px 20px 40px 20px;min-height: 350px;}
.gf-filter-selection .sort-by {border-radius: 50px;border: 1px solid var(--blue);padding: 10px;background: none;}
.gf-filter-selection .sort-by label.sort-by-toggle {font-family: var(--bodyFont);font-size: 16px;}
.sort-by:before {top: 0;right: 20px;}
.sort-by-toggle span { color: var(--blue);opacity: 1;}
.simple-image-frame {width: 100%;/* min-width: 45%; */}
.simple-image-frame .simple-frame-block {width: 200px;}
.cstm-article:after { width: 110px;height: 110px; }
.lower-html { margin-top: 20px;}
}

@media(max-width: 1024px){
.magic-event-section .marquee-container-event {bottom: -55px;}
.custom-image-grid img {height: 220px;object-fit: cover;object-position: top;}
.simple-image-links::-webkit-scrollbar {height: 1px;}
.simple-image-links::-webkit-scrollbar-thumb {background: #ffffff;}
}

@media (min-width:768px) and (max-width:867px){
.marquee-container-2 {bottom: -100px;}
}

@media(max-width:767px){
    .swym-wishlist-collections-v2-container{
        display: block;
    }
    #newsletter-popup .newsletter-modal {
    overflow: auto!important;
    height: 530px;
    margin: 50px auto;
}
    .swym-wishlist-collections-v2-container {
    bottom: 0px!important;
}
.simple-image-frame {
    flex: auto!important;
}
.product-image img {max-width: 50%;height: auto;}
.card--standard>.card__content .card__information h3 {min-height: auto;margin: 5px 0px;}
#gf-products .product-card-wrapper:hover .card__information .custom-author-name-col {display: block;}
.product-card-wrapper:hover{transform: none; }
#gf-products .product-card-wrapper:hover .card__information .h5 {display: block;}
#gf-products .product-card-wrapper:hover .card__information .price {display: block;}
.product-card-wrapper:hover {transform: unset;}
.product-card-wrapper:hover .quick-add {display: none;}
#gf-products:hover .product-card-wrapper {filter: blur(0px); /* pehle sab blur */}
section.author-products-section {padding-top: 25px;}
.simple-image-frame .simple-frame-block {width: 125px;}
.simple-frame-content .text-cte-col {font-size: 14px!important;}
.gf-actions .gf-filter-selection {display: none;}
.gf-actions .gf-summary {left: 80%;top: -37px;font-size: 16px!important;min-width: 140px;height: 55px;padding: 10px 20px 0px 20px;text-align: center;}
#gf-grid .gf-controls-search-input {display: none;}
.gf-top_one .gf-refine-toggle-mobile {
    height: 60px;
    padding: 0px 20px 0px 20px;
}
.gf-top_one .gf-refine-toggle-mobile span {font-size: 16px;}
.simple-image-links::-webkit-scrollbar {height: 1px;}
.simple-image-links::-webkit-scrollbar-thumb {background: #ffffff;}
.article-template header {margin: 0px!important;}
.article-meta-bar .share-container {justify-content: center;}
.gf-actions {padding-bottom: 40px;}
.header__heading-logo {content: url("/cdn/shop/files/mobile-logo.png?v=1763712469");width: 50px;}
.three-col-sec {display: flex!important;flex-direction: column;gap: 60px;}
.cutom-banner-section .center-column {margin: 30px auto 0px!important;gap: 60px;}
.right-column {top: 20%; width: auto;}
.image_3 {top: 160px;}
.image_4 {top: 210px;}
.image_3 img {width: 105px!important;}
.right-column img {width: 170px;}
.three-col-sec .left-colum img {width: 85px;}
section.cutom-banner-section {padding-bottom: 40px;min-height: auto;}
.cutom-banner-section .center-column h1 {font-size: 38px;letter-spacing: -2px;margin: 0px!important;}
.left-colum .image_2 {top: 80px;}
.three-col-sec .left-colum {top: 25%;}
.left-colum .image_2 img {width: 96px;}
.left-colum .image_1 img {width: 50px;}
.left-colum .image_1 {top: 80px;}
.center-column .circular-animated-logo {order: 1;}
.center-column .cstm-button {order: 1;}
.right-column .image_2 img {width: 40px;}
.right-column .image_4 img {width: 130px;}
.cutom-banner-section .center-column sup {font-size: 19px;letter-spacing: 2px;}
.center-column .circular-animated-logo svg {height: 84px;width: 84px;}
.section-header p {margin: 30px 0px 0px 0px;}
section.latest-releases .navi-wrapper {max-width: 314px;bottom: 140px!important;}
.navi-wrapper [class*="swiper-button"] svg {width: 50px;}
.circular-animated-logo img.center-logo {width: 40px;}
.center-column h1 span:first-child svg {height: 30px;width: 28px;}
.latest-releases:after {background-size: 120vw!important;}
section.latest-releases {padding: 0px!important;}
.section-header h2 {font-size: 40px;letter-spacing: 2px;}
.latest-releases .container-sm {padding-top: 80px;}
.latest-releases .latest-swiper {padding-top: 40px;}
.collection-cards {grid-template-columns: repeat(2, 1fr);padding-top: 30px;}
.collection-card-link {gap: 0px;min-height: 249px!important;padding: 20px 20px 40px 20px;}
.collection-image-holder {height: auto;}
.collection-image-holder img {width: 106px;height: 106px;object-fit: cover;}
.collection-content-holder span {font-size: 10px;line-height: 13px;}
.collection-content-holder h3 {font-size: 14px;letter-spacing: 2px;margin: 0px 0px 5px 0px;}
section.rockpool-special {padding-bottom: 70px;}
footer.custom-footer-latest {padding: 70px 0px 40px 0px;}
section.lets-dive-sec:before {height: 3%!important;left: -45px;top: -65px;}
section.lets-dive-sec:after {width: 100%;transform: rotate(0deg);left: 0px;}
section.rockpool-special h2 {font-size: 20px;letter-spacing: 0px;margin: 15px 0px 30px 0px;}
section.rockpool-special span {font-size: 14px;letter-spacing: 0px;}
section.rockpool-special h2 span {font-size: 20px;}
section.lets-dive-sec {padding-bottom: 40px;}
.marquee-container-2 {bottom: -32px!important;height: auto;}
.flip-card-slider {padding: 68px 0px!important;l}
.custom-readmore-slider .marquee-container {height: auto;top: -17px;}
section.custom-readmore-slider {padding: 40px 0px;}
.custom-footer .three-col-sec {flex-direction: column;gap: 0px;}
.menu-container {grid-template-columns: repeat(2, 1fr);gap: 20px;}
.menu-container ul li a {text-align: left;display: block;padding: 2px 0px!important;}
.social-links {text-align: left;}
.image-box {width: 100%;text-align: left;}
.image-box a {display: flex;justify-content: flex-start;align-items: center;}
.custom-footer .three-col-sec .image-box a svg {margin: 0px;width: 20px;}
.desc-social {margin-bottom: 0px;padding: 0px;}
.menu-container [class*="column"] {text-align: left;}
.menu-container h3 {margin-bottom: 10px!important;}
.left-side img, .right-side img {width: 120px;}
.three-col-slider .center-slider-upcoming:before {display: none;}
.three-col-slider .left-side img, .three-col-slider .right-side img {width: 120px;}
.three-col-slider .right-side, .three-col-slider .left-side {align-items: flex-end!important;}
.menu-container ul {margin: 0px;}
.payment-main-container {grid-template-columns: repeat(1, 1fr);}
.swiper-slider-content h2 {font-size: 20px!important;}
.swiper-slider-content h5 {font-size: 33px;margin-top: 10px;}
section.center-slider-section {padding-top: 60px;}
.rockpool-card .card-image {min-height: 220px!important;max-height: 220px!important;}
.custom-readmore-slider:before {left: -13px;transform: rotate(-1deg);height: calc(95% + 35px);}
section.custom-readmore-slider div#readmore-less-sec {padding-top: 0px;}
.see-all-without {margin-top: 0px;}
.pulse-slider h3 {font-size: 26px;}
.pulse-slider span {font-size: 22px;}
section.custom-readmore-slider .navi-wrapper {bottom: 100px!important;margin: 0px auto;min-height: auto!important;max-width:350px;}
.custom-readmore-slider:after {height: calc(93% + 35px);left: -16px;transform: rotate(-1deg)!important;}
section.lets-dive-sec:after, section.lets-dive-sec:before, .custom-readmore-slider:after, .custom-readmore-slider:before{width: 110vw;}
.center-align-text {background: none;}
.article main#MainContent:after {left: -40px;top: -9px;}
.article main#MainContent:before {left: -80px;top: -22px;}
.article main#MainContent {margin-top: 155px;}
.article-template__title {font-size: 24px;letter-spacing: 0px;}
.article-template__subtitle {font-size: 20px;}
.article-meta-bar {flex-wrap: wrap;justify-content: center;gap: 12px;}
.meta-left {display: flex;align-items: center;justify-content: center;gap: 5px;margin-top: 25px;flex-wrap: wrap;}
.article .simple-html-content:after {display: none;}
.share-container {justify-content: flex-start;}
div.product {padding-block: 0px;}
.tabbed-recommendations {padding: 40px 0px!important;}
.navi-wrapper .swiper-button-next {right: 0px;}
.navi-wrapper .swiper-button-prev {left: 0px;}
.tab-content .navi-wrapper .swiper-button-next {right: 5px;}
.tab-content .navi-wrapper .swiper-button-prev {left: 0;}
.meta-right {width: 100%;}
.pulse-slider {padding: 0px 40px;margin-top: 30px;}
.pulse-slider::before {box-shadow: 0px 1.48px 14.82px 0px #00000026;border-radius: 5px;}
.article-template__content {max-width: 100%;padding:20px;}
.flip-card-slider .main-heading {max-width: 100%;}
.slide-short {padding-top: 65px;}  
.article-template__hero-container {padding: 0px 15px; } 
.main-art-cta {max-width: 100%!important;}
.article-template__hero-container:before {bottom: -53px;width: 90px;height: 80px;}
.author-wrapper {max-width: 100%;background: none;}
.article-meta-bar {margin-top: 0px!important;}
.drop-cap-paragraph, .sub-section-text, .lower-html li {font-size: 16px;}
.key-takeaways-title {font-size: 20px;}
.section-title {font-size: 20px;}
.sub-section-title, .sub-section-title-h4 {font-size: 18px;}
.author-content .author-name {font-size: 20px;}
.heading-peraha h2 {font-size: 40px;}
.event-heading {font-size: 30px!important;}
.magic-event-content .event-info .info-item span.info-text {font-size: 18px;}
section.block-img-text-read {margin-bottom: 60px;}
.event-bg-image {object-position: center;}
.magic-event-section {min-height: 70vh;}
.magic-event-section .marquee-container-event {bottom: -37px;height: auto;}
h1.main-page-title {font-size: 40px!important;}
.content-for-layout .section-template--18352172466275__main-padding {padding-top: 150px!important;}
section#shopify-section-template--18352172433507__main {padding-top: 150px!important;}
.faq-question h2 {text-align: left;}
html body .block-img-text-read .wrap-inner {padding-top: 40px;}
.flyImage {display: none;}
section.block-img-text-read:before {display: none;} 
section.center-slider-section:before {left: 0px;top: -18px;transform: rotate(-1deg);}
section.center-slider-section:after {transform: rotate(-1deg);left: 0px;top: -8px;width: 101%;}
.top-controls .left-controls {grid-template-columns: repeat(1, 1fr);}
.simple-html-content:after {top: 0;}
.blog-articles-grid-section {padding-top: 20px!important;}
body:is(.singleArticle, .blog-archive ) main#MainContent:before {left: -41px;top: -22px;}
body:is(.singleArticle, .blog-archive ) main#MainContent:after {left: -20px;top: -10px;}
body:is(.singleArticle, .blog-archive ) main#MainContent {margin-top: 145px;}
.top-controls .left-controls {grid-template-columns: repeat(1, 1fr)!important;}
.single-blog-feature__content {display: none!important;}
.simple-html-content svg {height: 110px;}
.payment-main-container>* span {padding-bottom: 5px;}
.images-box-cont {margin-top: 15px;}
.footer__payment {margin-bottom: 15px!important;}
.images-main {display: flex;gap: 10px;align-items: center;margin-top: 10px;}
.store-image {margin-top: 10px;}
.block-img-text-read .btn-links {display: flex;flex-direction: column;align-items: center;}
html body .block-img-text-read .side-img {flex: none;width: 100%;}
.social-icons {text-align: center;}
.two-col-block {max-width: 100%!important;padding: 0px!important;}
.author-achive .authors-grid {grid-template-columns: repeat(2, 1fr);gap: 15px;}
.author-achive .authors-section h2 {font-size: 40px;margin-block: 20px 30px;        text-align: center;}
.author-achive .authors-filters button.filter-btn {font-size: 16px;padding: 5px 30px;}
.author-achive .authors-filters {justify-content: center;gap: 15px;margin-bottom: 25px;}
.author-achive .authors-grid .author-card h3 {font-size: 15px;margin-top: 15px;}
div#page-numbers {display: flex;}
.author-achive .authors-section:after,
.author-achive .authors-section:before {display: none}
.blog-articles-grid-section:after {width: 80px;height: 80px;top: 100px;}
.paper-layer.layer-2, .paper-layer.layer-1 {display: none;}
.pulse-right-shape {display: none;}
.new-releases-slider .left-content {text-align: center;}
.new-releases-slider .right-content {max-width: 100%!important;}
.new-releases-slider .center-content {order: 1;max-width: 100%;width: 100%;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.article-meta-bar {justify-content: center!important;}
.article-template header {margin-top: 20px;}
.author-feature .author-wrapper {gap: 50px!important;max-width: 100%!important;}
.author-page .author-wrapper .author-right h2.author-heading {font-size: 40px;margin-top: 10px;}
.author-page .author-wrapper .author-right .author-subheading {font-size: 25px;}
section.author-products-section h2.section-heading {font-size: 30px;margin-bottom: 20px;}
.author-page section.custom-readmore-slider .container-sm h2 {font-size: 40px;line-height: 50px;}
.author-page .custom-readmore-slider:before {top: 0;left: -19px;}
.author-page .custom-readmore-slider:after {left: 0px;top: 15px;}
.author-page .author-feature {margin-top: 30px;padding-bottom: 20px;}
.author-products-grid {grid-template-columns: repeat(2, 1fr)!important;gap: 10px!important;margin-bottom: 40px;}
.product-type {font-size: 12px!important;}
.product-title {font-size: 18px!important;}
.product-price .sale-price {font-size: 14px!important;}
.events .events-slider-section h2 {font-size: 40px;}
.marquee-container  text {font-size: 4rem;}
.author-achive .authors-grid .author-card .imageBlock img { height: calc(100% - 20px); width: calc(100% - 20px); }
.author-achive .authors-section .pagination {gap: 20px;}
.header__icons--localization{gap: 20px;}
.header__icons .header__search::after {left: 40px;}
.swiper-slider-content {padding-top: 30px;}
.swiper-slider-content {padding-top: 30px;}
.slider-header p {margin: 30px 0px 0px 0px;}
section.custom-readmore-slider .slider-header p {padding: 0 0;}
.slider-header {margin-top: 50px;}
section.custom-readmore-slider .button-holder {margin-top: 40px;}
.three-col-slider .all-center {margin-bottom: 40px;}
.logo-holder-footer img {width: 150px;}
.logo-holder-footer:after {max-width: 220px;}
/* section.custom-readmore-slider .button-holder a {text-decoration: underline;} */
.pulse-slider img {max-width: 100%;height: 150px;object-fit: cover;}
.container-mob-slider .left-side-mob,
.container-mob-slider .right-side-mob {width: 50%;position: relative;}
.container-mob-slider .left-side-mob {left: -20px;}
.container-mob-slider .right-side-mob {right: -30px;}
.container-mob-slider img {width: 184px;height: 284px;object-fit: cover;}
.container-mob-slider .left-side-mob img {transform: rotate(5deg);}
.container-mob-slider .right-side-mob img {transform: rotate(-5deg);}
.header__icon svg, .header__icon .icon.icon-search,
.header__icon.header__icon--menu .icon { height: 3rem; width: 3rem; }
sticky-header.header-wrapper header.header {min-height: auto;}
.container-mob-slider {display: flex;justify-content: space-between;}
.all-center>div:not(.center-col) {display: none;}
section.center-slider-section .swiper-slider-content {padding: 0 30px;}
.center-col .swiper-container .navi-wrapper {bottom: 0;} 
.container-mob-slider {display: flex;justify-content: space-between;     padding-top: 60px;}
div#center-slider .navi-wrapper {max-width: calc(100% - 30px);margin-inline: auto;bottom: 0;}
div#center-slider {position: relative;}
#center-slider .swiper-wrapper {padding-bottom: 70px;}
html.gf-top_one.offcanvas-open .gf-grid--4-col .gf-filter-contents-inner {padding: 0;}
.gf-top_one .gf-filter-contents.gf-grid--4-col .gf-option-block .gf-block-title .h3 {margin-bottom: 0 !important;}
.collection .simple-gallery-wrapper .simple-image-links{padding-inline: 0;} 
.expanded-content .expand-btn-wrapper:after {height: 180%;top: -50px !important;}
.list-collections .content-for-layout {padding-top: 100px;}
.list-collections .collection-cards {padding-top: 0;}
.collection.single-animation .shopify-section-header-sticky:not(.scrolled-past-header) sticky-header.header-wrapper {background: #F9F6EC;}
.slider-header {margin-top: 0;}
.collection-banner-content h2 {font-size: 28px;}
.collection-banner {background: url(/cdn/shop/files/bottomlayer.png) no-repeat;background-size: contain;min-height: auto;  background-position: bottom;}
.collection-banner:after {content: "";position: absolute;inset: 0;z-index: -2;height: 80%;background-color: #133447;}
body.catalogues-page section.lets-dive-sec {padding-top: 35%!important;}
.collection-wave-shape { width: 135vw;}
.collection-banner-content { padding-block: 150px 50px;}
span.drop-arrow-down { transform: translateY(-30px);}
.collection.single-animation section.custom-readmore-slider div#readmore-less-sec{padding-top: 0;}
div.product {padding-top: 150px!important;gap: 30px!important;}
section#shopify-section-template--18688200867977__main {padding-top: 80px!important;}
body.product nav.breadcrumb-pages a, body.product nav.breadcrumb-pages span {font-size: 14px;}
body.product nav.breadcrumb-pages {display: block;margin: 0px 0px 15px 0px;}
.tabbed-recommendations h2 {font-size: 50px;}
.product-form__buttons .product-form__submit span {padding-top: 5px;}
.topics-wrap select {-webkit-appearance: none;padding: 12px 15px!important;min-height: 48px!important;}
.blog-articles-grid-section:before { max-width: 80px;max-height: 100px; bottom: 0;}
.articles-grid article.article-card a.card-link {padding: 17px;}
.simple-html-content:after{display: none} 
.article-template__hero-container:after {left: 70px;height: 70px;width: 70px;}
.article-template__hero-container { width: 100%;}
.author-info-section .author-content .author-bio { margin-block: 10px;}
article.article-template {display: flex;flex-direction: column;} 
.article-template header {order: 1;}  
.article-template>*:first-child:not(.article-template__hero-container){order: 2;padding-block-end: 20px}  
.article-template__hero-container {order: 3;} 
.article-template__content {order: 4; margin-top: 70px;} 
.article-tags {margin-bottom: 0;}
.article .author-content{padding: 20px}
.article-template__content  .container {padding-inline: 0;}
.events-slider-section .swiper.eventsSwiper .swiper-pagination.swiper-pagination-clickable {bottom: 20px;}
.events-slider-section .swiper.eventsSwiper {padding-bottom: 100px;}
.events .events-slider-container:after{bottom: 0;}
.block-img-text-read .wrap-inner .side-img{max-width: 100%;}
.cart-items .cart-item__image-container {width: 95px;height: 95px; }
.cart-item {display: flex;flex-direction: column;}
.product-option:empty,
.item__details dl:empty {display: none;}
td.cart-item__totals.right {justify-content: flex-end;}
.rockpool-cart {padding-top: 70px!important;}
.item__details .cart-item__name {font-size: 16px;}
.cart-item__price-wrapper .price {font-size: 18px;}
.rockpool-cart .title.title--primary {font-size: 40px;}
.cart .tabbed-recommendations {margin: 60px 0;padding-inline: 10px;}
.section-template--18352172335203__main-padding {padding-top: 150px!important;padding-bottom: 0px;}
body.product-page-hero .product.product--large.product--left {
    padding-top: 40px;
}
}

@media (max-width: 420px) {
h3.card-title {font-size: 15px!important;}
.article-card .card-body .card-meta {flex-wrap: wrap!important;}
.list-payment__item {flex-wrap: wrap;justify-content: center;}
.gf-actions .gf-summary {
    left: 59%;
    padding: 20px 0px!important;
    text-align: center;
    height: 60px!important;
    font-size: 16px!important;
}
}

@media (max-width: 1200px) {
.gallery-wrapper .circular-animated-logo svg {height: 110px !important;width: 110px !important;}
}


.simple-image-links {
    display: flex !important;
    overflow-x: auto;
    flex-wrap: nowrap;
    gap: 20px !important;
    scrollbar-width: thin;
    scrollbar-color: #888 transparent;
}

.simple-image-frame{
  flex:0 0 220px;
}

/* Chrome / Edge / Safari */
.simple-image-links::-webkit-scrollbar{
  height:2px;
}

.simple-image-links::-webkit-scrollbar-track{
  background:transparent;
}

.simple-image-links::-webkit-scrollbar-thumb{
  background:#888;
  border-radius:10px;
}