/** Shopify CDN: Minification failed
Line 2401:172 Unexpected "{"
**/
/* Font Import (Relies on preload link at the top of in theme.liquid)
in case it gets removed because of updates to the theme just paste this at the start of in theme.liquid:
*/
/* Dynamic body color transition */
body {
transition: background-color 0.4s ease;
}
/* VARIABLES */
:root{
/* RAW */
/* Colors */
--color-beige: #F6F5F1;
--color-red: #63100B;
--color-yellow: #FFF97D;
--color-pink: #F8D6F8;
--color-green: #009A35;
--color-black: #000000;
--color-white: #FFFFFF;
--color-gray: #7a7a7a;
/* Sizes (made with https://www.marcbacon.com/tools/clamp-calculator/ with min430px - max1920px) */
--size-60-100: clamp(6.25rem, 6.971rem + -2.685vw, 3.75rem);
--size-250-250: clamp(15.625rem, 15.625rem + 0vw, 15.625rem);
--size-200-200: clamp(12.5rem, 12.5rem + 0vw, 12.5rem);
--size-150-80: clamp(5rem, 3.737rem + 4.698vw, 9.375rem);
--size-150-70: clamp(4.375rem, 2.932rem + 5.369vw, 9.375rem);
--size-140-50: clamp(3.125rem, 1.502rem + 6.04vw, 8.75rem);
--size-135-60: clamp(3.75rem, 2.397rem + 5.034vw, 8.438rem);
--size-120-70: clamp(4.375rem, 3.473rem + 3.356vw, 7.5rem);
--size-120-50: clamp(3.125rem, 1.862rem + 4.698vw, 7.5rem);
--size-120-60: clamp(3.75rem, 2.668rem + 4.027vw, 7.5rem);
--size-110-50: clamp(3.125rem, 2.043rem + 4.027vw, 6.875rem);
--size-100-70: clamp(5rem, 4.639rem + 1.342vw, 6.25rem);
--size-100-65: clamp(4.063rem, 3.431rem + 2.349vw, 6.25rem);
--size-100-45: clamp(2.813rem, 1.82rem + 3.691vw, 6.25rem);
--size-85-65: clamp(4.063rem, 3.702rem + 1.342vw, 5.313rem);
--size-85-60: clamp(3.75rem, 3.299rem + 1.678vw, 5.313rem);
--size-80-70: clamp(4.375rem, 4.195rem + 0.671vw, 5rem);
--size-80-60: clamp(3.75rem, 3.389rem + 1.342vw, 5rem);
--size-70-70: clamp(4.375rem, 4.375rem + 0vw, 4.375rem);
--size-60-50: clamp(3.125rem, 2.945rem + 0.671vw, 3.75rem);
--size-60-35: clamp(2.188rem, 1.737rem + 1.678vw, 3.75rem);
--size-55-45: clamp(2.813rem, 2.632rem + 0.671vw, 3.438rem);
--size-50-50: clamp(3.125rem, 3.125rem + 0vw, 3.125rem);
--size-45-45: clamp(2.813rem, 2.813rem + 0vw, 2.813rem);
--size-40-12: clamp(0.75rem, 0.245rem + 1.879vw, 2.5rem);
--size-35-35: clamp(2.188rem, 2.188rem + 0vw, 2.188rem);
--size-35-30: clamp(1.875rem, 1.785rem + 0.336vw, 2.188rem);
--size-30-25: clamp(1.563rem, 1.472rem + 0.336vw, 1.875rem);
--size-24-16:clamp(1rem, 0.856rem + 0.537vw, 1.5rem);
--size-22-22: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
--size-20-20: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
--size-19-12: clamp(0.75rem, 0.624rem + 0.47vw, 1.188rem);
--size-18-18: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
--size-15-15: clamp(0.938rem, 0.938rem + 0vw, 0.938rem);
--size-6-6: clamp(0.375rem, 0.375rem + 0vw, 0.375rem);
--size-250-50: clamp(3.125rem, -0.482rem + 13.423vw, 15.625rem);
--size-200-100: clamp(6.25rem, 4.446rem + 6.711vw, 12.5rem);
--size-150-100: clamp(6.25rem, 5.348rem + 3.356vw, 9.375rem);
--size-150-50: clamp(3.125rem, 1.321rem + 6.711vw, 9.375rem);
--size-128-128: clamp(8rem, 8rem + 0vw, 8rem);
--size-120-120: clamp(7.5rem, 7.5rem + 0vw, 7.5rem);
--size-100-100: clamp(6.25rem, 6.25rem + 0vw, 6.25rem);
--size-100-75: clamp(4.688rem, 4.237rem + 1.678vw, 6.25rem);
--size-100-60: clamp(3.75rem, 3.029rem + 2.685vw, 6.25rem);
--size-100-50: clamp(3.75rem, 3.029rem + 2.685vw, 6.25rem);
--size-100-40: clamp(2.5rem, 1.418rem + 4.027vw, 6.25rem);
--size-95-40: clamp(2.5rem, 1.508rem + 3.691vw, 5.938rem);
--size-90-105: clamp(6.563rem, 6.833rem + -1.007vw, 5.625rem);
--size-90-85: clamp(5.313rem, 5.222rem + 0.336vw, 5.625rem);
--size-90-60: clamp(3.75rem, 3.209rem + 2.013vw, 5.625rem);
--size-90-55: clamp(3.438rem, 2.806rem + 2.349vw, 5.625rem);
--size-90-50: clamp(3.125rem, 2.404rem + 2.685vw, 5.625rem);
--size-90-30: clamp(1.875rem, 0.793rem + 4.027vw, 5.625rem);
--size-80-50: clamp(3.125rem, 2.584rem + 2.013vw, 5rem);
--size-80-40: clamp(2.5rem, 1.779rem + 2.685vw, 5rem);
--size-80-35: clamp(2.188rem, 1.376rem + 3.02vw, 5rem);
--size-75-50: clamp(3.125rem, 2.674rem + 1.678vw, 4.688rem);
--size-70-50: clamp(3.125rem, 2.764rem + 1.342vw, 4.375rem);
--size-70-40: clamp(2.5rem, 1.959rem + 2.013vw, 4.375rem);
--size-70-30: clamp(1.875rem, 1.154rem + 2.685vw, 4.375rem);
--size-60-40: clamp(2.5rem, 2.139rem + 1.342vw, 3.75rem);
--size-55-55: clamp(3.438rem, 3.438rem + 0vw, 3.438rem);
--size-55-40: clamp(2.5rem, 2.229rem + 1.007vw, 3.438rem);
--size-55-28: clamp(1.75rem, 1.263rem + 1.812vw, 3.438rem);
--size-50-40: clamp(2.5rem, 2.32rem + 0.671vw, 3.125rem);
--size-50-30: clamp(1.875rem, 1.514rem + 1.342vw, 3.125rem);
--size-50-20: clamp(1.25rem, 0.709rem + 2.013vw, 3.125rem);
--size-40-40: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
--size-40-30: clamp(1.875rem, 1.695rem + 0.671vw, 2.5rem);
--size-40-25: clamp(1.563rem, 1.292rem + 1.007vw, 2.5rem);
--size-35-35: clamp(2.188rem, 2.188rem + 0vw, 2.188rem);
--size-35-25: clamp(1.563rem, 1.382rem + 0.671vw, 2.188rem);
--size-35-20: clamp(1.25rem, 0.979rem + 1.007vw, 2.188rem);
--size-30-30: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
--size-30-22: clamp(1.375rem, 1.231rem + 0.537vw, 1.875rem);
--size-30-20: clamp(1.25rem, 1.07rem + 0.671vw, 1.875rem);
--size-25-25: clamp(1.563rem, 1.563rem + 0vw, 1.563rem);
--size-25-22: clamp(1.375rem, 1.321rem + 0.201vw, 1.563rem);
--size-20-20: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
--size-20-18: clamp(1.125rem, 1.089rem + 0.134vw, 1.25rem);
--size-20-15: clamp(0.938rem, 0.847rem + 0.336vw, 1.25rem);
--size-18-15: clamp(0.938rem, 0.883rem + 0.201vw, 1.125rem);
--size-18-18: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
--size-14-14: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
--size-12-12:clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
--size-10-10: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
--size-10-5: clamp(0.313rem, 0.222rem + 0.336vw, 0.625rem);
--size-5-5: clamp(0.313rem, 0.313rem + 0vw, 0.313rem);
/* TYPO */
--ff-pf: "Playfair Display";
--ff-a: "Author";
/* Font Sizes */
--fs-hero: var(--size-150-80);
--fs-h1: var(--size-100-70);
--fs-h2: var(--size-60-50);
--fs-h3: var(--size-35-35);
--fs-subtitle: var(--size-35-30);
--fs-body: var(--size-22-22);
--fs-description: var(--size-45-45);
--fs-description-small: var(--size-20-20);
--fs-button: var(--size-22-22);
/* Line Heights */
--lh-hero: var(--size-120-70);
--lh-h1: var(--size-80-60);
--lh-h2: var(--size-55-45);
--lh-h3: var(--size-35-35);
--lh-subtitle: var(--size-30-25);
--lh-body: var(--size-30-30);
--lh-description: var(--size-35-35);
--lh-description-small: var(--size-20-20);
--lh-button: var(--size-22-22);
/* Font Weights */
--fw-hero: 700;
--fw-h1: 700;
--fw-h2: 700;
--fw-h3: 700;
--fw-subtitle: 500;
--fw-body: 400;
--fw-description: 500;
--fw-description-small: 400;
--fw-button: 400;
/* SPACINGS */
/* Section Spacings */
--section-spacing-s: var(--size-50-30);
--section-spacing-m: var(--size-100-50);
--section-spacing-l: var(--size-200-100);
.section-spacing{
--section-spacing: var(--section-spacing-m);
padding-top: var(--section-spacing);
padding-bottom: var(--section-spacing);
}
/* Element Spacings */
--element-spacing-s: 0;
--element-spacing-m: 0;
--element-spacing-l: 0;
--gap-s: 0;
--gap-m: 0;
--gap-l: 0;
}
/* GLOBAL CSS */
/*
*{
font-synthesis: none;
}
*/
h1, h2, h3, h4, h5, h6,
p, span, div, ul, ol, li,
a, button, input, select, option,
label, legend, textarea, small {
font-family: 'Author' !important;
}
*{
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
}
on-sale-badge{
font-family: var(--ff-a)!important;
font-size: var(--size-15-15)!important;
line-height: var(--size-15-15)!important;
font-weight: 500!important;
}
.collection__floating-button{
button{
color: var(--color-white)!important;
}
}
.collection__toolbar{
.subheading{
font-size: var(--size-15-15);
line-height: var(--size-15-15);
}
}
facets-drawer{
h2{
font-size: var(--fs-h3)!important;
line-height: var(--lh-h3);
font-weight: 500;
}
span, label{
font-size: var(--fs-description-small);
line-height: var(--lh-description-small);
}
}
.product-model-strength{
flex-wrap: wrap;
}
.product-card__category{
display: none;
}
/* Rating */
.rating-badge__stars{
path{
fill: var(--color-pink);
}
}
price-list{
justify-self: start;
}
.badge{
background-color: var(--color-red);
}
.button{
font-size: var(--fs-button);
line-height: var(--lh-button);
font-weight: var(--fw-button) !important;
width: calc( min(300px, 100%));
}
/* Klaviyo Newsletter form */
.klaviyo-form{
h2 span{
font-family: var(--ff-pf)!important;
font-size: var(--size-35-30);
line-height: var(--size-35-30);
}
label{
align-items: start !important;
}
a{
text-decoration: underline;
color: var(--color-red)!important;
}
}
.product-card__quick-buy--top-mobile{
padding: var(--size-15-15);
button.no-touch\:hidden{
background-color: var(--color-pink);
border-radius: 100%;
padding: var(--size-10-10);
}
svg{
--icon-max-width: 30px;
--icon-mobile-max-width: 30px;
}
}
search-result-panel .collection__inner{
.product-list{
row-gap: var(--size-10-10);
}
padding-right: var(--size-10-10);
padding-left: var(--size-10-10);
}
.predictive-search__products{
row-gap: var(--size-10-10);
}
.predictive-search__products, search-result-panel{
@media (max-width: 579px){
grid-template-columns: repeat(1, minmax(0, 1fr));
.product-list{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.product-card{
button{
color: var(--color-red);
}
display: flex;
flex-direction: column;
row-gap: var(--size-19-12);
outline: none;
}
.product-card__info{
align-self: start;
padding: 0;
}
.product-title, .price-list sale-price, .price-list compare-at-price, .product-card__category{
justify-self: start;
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: 500;
}
.product-title{
font-weight: 600;
text-transform: uppercase;
margin-top: 0.5rem;
}
sale-price{
color: var(--color-red);
}
a{
text-align: start;
}
.v-stack{
justify-self: start;
}
img{
aspect-ratio: 420 / 533;
}
.product-card__info>div>div{
gap: var(--size-24-16);
}
}
header{
/* set mobile breakpoint to 1200px */
@media (min-width: 1200px){
.header__secondary-nav{
.header__menu-link.md\:hidden{
display: none;
}
}
}
@media (max-width: 1199px){
--header-grid: "logo secondary-nav" / auto minmax(0, 1fr)!important;
.header__primary-nav{
display: none;
}
.header__secondary-nav{
.header__menu-link.md\:hidden{
display: block;
}
.hidden.md\:contents{
display: none;
}
}
.menu-drawer__panel{
.menu-drawer__footer-item.lg\:hidden{
display: block;
}
}
}
.menu-drawer__panel-footer{
.menu-drawer__footer-item:last-child{
a{
display: none;
}
}
.social-media__item{
svg{
width: 36px;
}
}
}
.header__hamburger{
--icon-stroke-width: 2px;
}
.menu-drawer__panel{
.subheading{
color: inherit;
font-weight: 500!important;
}
a:not(.subheading){
color: inherit;
}
.menu-drawer__panel-body > ul{
a, button{
color: inherit;
font-weight: 500!important;
}
}
}
.header__secondary-nav{
gap: var(--size-40-40);
@media (max-width: 999px){
gap: var(--size-30-30);
}
}
.contents > li:first-child button{
gap: var(--size-15-15);
}
.icon-chevron-down{
width: var(--size-15-15);
}
.header__cart-link, .header__search-link, .icon-chevron-down, .header__menu-link{
path{
stroke-width: 2px;
}
}
.header__account-link, .header__news-link, .header__secondary-nav-separator{
display: none!important;
}
@media (max-width: 999px){
.header{
padding-top: 0;
padding-bottom: 0;
}
}
font-size: var(--fs-body)!important;
line-height: var(--lh-body)!important;
font-weight: 400;
a, button, span{
font-size: var(--fs-body)!important;
line-height: var(--lh-body)!important;
}
.block{
text-transform: uppercase!important;
font-weight: 500!important;
}
.link-faded{
color: var(--text-color);
font-weight: 500!important;
}
.menu-promo__item{
.subheading{
font-family: var(--ff-pf)!important;
font-size: var(--fs-h3);
line-height: var(--lh-h3);
font-weight: 700;
width: 50%;
}
}
.mega-menu__linklist{
gap: 0;
}
.country-flag{
display: none;
}
.header__secondary-nav{
span{
font-weight: 500!important;
text-transform: lowercase!important;
}
span:first-letter{
text-transform: uppercase!important;
}
}
/* Disable submenu title links */
.subheading.link-faded{
pointer-events: none;
}
}
.footer{
/* socials */
.socials{
margin-top: var(--size-25-25);
color: transparent;
gap: var(--size-25-25);
display: flex;
svg{
margin: 0;
}
.social-link{
width: fit-content;
}
@media (max-width: 999px){
justify-content: center;
}
}
.text-subdued{
color: inherit;
}
.footer__block--links {
& > .v-stack{
gap: var(--size-30-30);
.v-stack{
gap: var(--size-20-20);
}
}
@media (max-width: 999px){
order: 1;
}
}
.footer__content{
padding-bottom: var(--size-40-40);
@media (max-width: 999px){
padding-bottom: var(--size-70-70);
}
}
.footer__aside{
/* display: none; hides copyright*/
}
img{
margin: auto;
}
.footer__block-list{
gap: 5rem 1.25rem;
}
.footer__block--image{
width: 100%;
max-width: unset;
}
.footer__block{
@media (max-width: 999px){
min-width: 100%!important;
button{
width: 100%;
}
grid-column: span 2;
.footer__block--newsletter p{
text-align: start!important;
}
.subheading, a, p:not(.footer__block--newsletter .v-stack .v-stack .v-stack p){
text-align: center;
width: 100%;
}
li{
display: flex;
}
}
}
.footer__block--text{
min-width: 30%;
.prose p{
max-width: 370px;
@media (max-width: 999px){
margin: auto;
}
}
}
.footer__block--links{
max-width: unset;
}
.social-media__item{
svg{
--icon-max-width: 35px;
--icon-mobile-max-width: 35px;
}
}
.footer__content{
padding-top: 0;
}
.footer__block--newsletter{
/*min-width: 100%;*/
& > .v-stack{
gap: var(--size-35-35);
min-width: 30%;
max-width: 600px;
@media (max-width: 999px){
margin: auto;
gap: var(--size-30-30);
}
& > .v-stack{
gap: var(--size-40-40);
@media (max-width: 999px){
gap: var(--size-30-30);
}
& > .v-stack{
gap: var(--size-15-15);
.prose p{
&, a{
font-size: var(--size-15-15)!important;
line-height: var(--size-15-15);
}
margin-top: 0!important;
@media (max-width: 999px){
margin-top: var(--size-10-10)!important;
}
}
}
}
}
.subheading{
font-family: var(--ff-pf)!important;
font-size: var(--size-40-40)!important;
line-height: var(--size-40-40)!important;
font-weight: 600!important;
text-transform: unset;
}
& > .v-stack > .v-stack > .prose p{
font-weight: 500!important;
}
}
.button{
color: var(--color-beige);
text-transform: uppercase;
font-weight: 500!important;
}
p, a{
font-size: var(--fs-body)!important;
line-height: var(--lh-description-small);
font-weight: 400;
}
.subheading{
font-weight: 600;
text-transform: uppercase;
}
}
/* ANNOUNCMENT BAR */
.shopify-section--announcement-bar{
.subheading{
font-size: var(--fs-description-small);
line-height: var(--lh-description-small);
}
@media only screen and (min-width: 1260px){
carousel-prev-button,
carousel-next-button {
display: none;
}
.announcement-bar__message-list {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));;
max-width: 85svw;
}
.announcement-bar__message-list .prose {
visibility: visible;
grid-area: unset;
opacity: 1!important;
transform: unset!important;
}
}
}
/* SECTION CSS */
/* Slideshow, Hero (Home) */
.shopify-section--slideshow{
h1 {
font-family: var(--ff-pf)!important;
font-size: var(--fs-hero)!important;
line-height: var(--lh-hero)!important;
font-weight: var(--fw-hero)!important;
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
}
p{
font-size: var(--fs-subtitle);
line-height: var(--lh-subtitle);
font-weight: var(--fw-subtitle)!important;
}
button {
width: 300px !important;
}
@media (max-width: 999px){
p, button{
margin-top: var(--size-70-50);
}
}
}
/* Featured Collections (Home) */
.shopify-section--featured-collections{
.h4{
font-size: var(--fs-h3);
line-height: var(--lh-h3);
font-weight: 400;
}
.product-list{
gap: var(--size-40-12);
padding-inline-start: var(--distance-to-bleed);
padding-inline-end: var(--distance-to-bleed);
}
.product-card{
display: flex;
flex-direction: column;
row-gap: var(--size-19-12);
outline: none;
}
.product-card__info{
align-self: start;
padding: 0;
}
.product-title, .price-list sale-price, .price-list compare-at-price, .product-card__category{
justify-self: start;
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: 500;
}
.product-title{
font-weight: 600;
text-transform: uppercase;
margin-top: 0.5rem;
}
sale-price{
color: var(--color-red);
}
a{
text-align: start;
}
.v-stack{
justify-self: start;
}
img{
aspect-ratio: 420 / 533;
}
.product-card__info>div>div{
gap: var(--size-24-16);
}
.featured-collections-header__tab-list{
column-gap: var(--size-150-50);
}
}
/* Richtext (Home: Free Bleeding) */
.shopify-section--rich-text{
.h1 {
font-family: var(--ff-pf)!important;
font-size: var(--fs-h2);
line-height: var(--lh-h2);
font-weight: var(--fw-h2);
}
p:not(.h1){
font-size: var(--fs-subtitle);
line-height: var(--lh-subtitle);
font-weight: var(--fw-subtitle);
}
}
/* Trust Icons (Home/pdp) */
.shopify-section--trust-icons{
/* move mobile breakpoint */
@media screen and (max-width: 1199px) {
.trust-icons{
padding-block: min(4rem, var(--section-vertical-spacing))!important;
}
scroll-carousel{
grid: auto / auto-flow 100%;
}
.md\:hidden {
display: flex!important;
}
}
/* subgrid */
.trust-icons__item, .trust-icons__item .prose{
display: grid;
grid-template-rows: subgrid;
grid-row: span 3;
}
.trust-icons__item .prose{
img{
grid-row: 1;
}
.h7{
grid-row: 2;
}
p:not(.h7){
grid-row: 3;
}
}
.trust-icons{
padding-left: calc(var(--container-gutter) - 1.5rem);
padding-right: calc(var(--container-gutter) - 1.5rem);
}
.h7{
font-size: var(--fs-description);
line-height: var(--lh-description);
font-weight: var(--fw-description);
}
p:not(.h7){
font-size: var(--fs-description-small);
line-height: var(--lh-description-small);
font-weight: var(--fw-description-small);
}
p{
margin-top: var(--size-40-40);
}
.trust-icons, .trust-icons__item{
border: none;
box-shadow: none;
}
.text-subdued{
color: inherit;
}
@media (min-width: 1000px){
p{
text-align: start;
}
img{
margin: 0;
}
}
/* Layers */
.layers{
.trust-icons-layer{
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: 400;
margin-bottom: var(--size-15-15);
}
.h7{
font-family: var(--ff-pf)!important;
font-weight: 700;
font-size: var(--fs-h3)!important;
line-height: var(--lh-h3)!important;
display: flex;
flex-direction: column;
br{
display: none;
}
}
p:not(.h7){
font-size: var(--fs-body)!important;
line-height: var(--lh-body)!important;
}
.prose{
text-align: start;
}
}
/* About Usps (About) (also has ".layers" class) */
.about-usps{
.h7{
margin-top: var(--size-60-50)!important;
}
.prose, .prose p{
text-align: center!important;
margin-top: var(--size-30-30);
@media (max-width: 999px){
margin-top: var(--size-20-20);
}
}
img{
margin: auto;
}
}
}
/* FAQ (Home/ FAQ) */
.shopify-section--faq{
h2{
color: var(--color-red)!important;
}
.prose{
max-width: unset;
}
.section-header .h3{
font-family: var(--ff-pf)!important;
font-size: var(--fs-h2);
line-height: var(--lh-h2);
font-weight: var(--fw-h2);
}
.section-header p{
font-size: var(--fs-subtitle);
line-height: var(--lh-subtitle);
font-weight: 400;
margin-top: var(--size-50-50);
}
.accordion__summary span, .accordion__content p{
font-size: var(--fs-description-small);
line-height: var(--lh-description-small);
font-weight: var(--fw-description-small);
}
@media (max-width: 999px){
.section-split__column:last-child{
margin-top: var(--size-50-50);
}
}
@media (min-width: 1000px){
.section-split__column:last-child{
padding-left: 0;
}
}
.accordion{
box-shadow: unset;
}
.accordion+.accordion{
border-top: 1.5px solid var(--color-red);
}
.accordion:last-child{
border-bottom: 1.5px solid var(--color-red);
}
}
/* Text with Media (Home/PDP) */
.shopify-section--text-with-media{
.section-split__column{
min-height: 100%;
}
.subheading{
&:before{
display: none;
}
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: var(--fw-body);
}
.h1{
font-family: var(--ff-pf)!important;
font-size: var(--size-150-70);
line-height: var(--size-120-60);
font-weight: 700;
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
}
p{
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: var(--fw-body);
margin-top: var(--size-80-60);
max-width: 100%;
}
button{
font-size: var(--fs-button);
line-height: var(--lh-button);
font-weight: 500!important;
}
@media (min-width: 1000px){
.section-split__column{
max-height: 90svh;
}
}
video{
aspect-ratio: 453 / 501;
}
@media (max-width: 999px){
p{
margin-top: var(--size-100-100);
}
}
}
/* Dynamic grids */
.shopify-section--dynamic-grid{
/* About (Home) */
.home-about{
h2{
font-family: var(--ff-pf)!important;
font-size: var(--size-135-60)!important;
line-height: var(--size-120-60)!important;
font-weight: 700;
}
p{
font-size: var(--fs-body)!important;
line-height: var(--lh-body)!important;
font-weight: var(--fw-body)!important;
margin-top: var(--size-80-60);
}
button{
font-size: var(--fs-button)!important;
line-height: var(--lh-button!important);
font-weight: var(--fw-button)!important;
}
h3{
font-size: var(--fs-body)!important;
line-height: var(--lh-body)!important;
font-weight: 500;
margin-top: var(--size-10-10);
}
figure{
margin-bottom: 0;
}
}
.home-about--mobile-image{
padding-top: 0;
}
/* How it works (Home) */
.home-how-it-works{
margin: 0;
padding-bottom: var(--section-spacing);
.subheading{
&:before{
display: none;
}
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: var(--fw-body);
font-weight: 400;
}
.heading{
font-family: var(--ff-pf)!important;
font-size: var(--size-100-45)!important;
line-height: var(--size-90-50)!important;
font-weight: 700;
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
}
p:not(.heading){
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: var(--fw-body);
margin-top: var(--size-70-50);
}
.subheading, p{
--container-gutter-context: var(--container-gutter);
--distance-to-bleed: max(var(--container-gutter-context), 50% - var(--container-max-width) / 2);
padding-inline-start: max(var(--container-gutter-context), 50% - var(--container-max-width) / 2);
padding-inline-end: max(var(--container-gutter-context), 50% - var(--container-max-width) / 2);
}
img{
margin: auto;
margin-top: var(--size-20-20);
}
}
/* COllection Header (Collection) */
.collection-header{
.heading{
font-family: var(--ff-pf)!important;
font-size: var(--size-100-60)!important;
line-height: var(--lh-h1)!important;
font-weight: 700;
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
}
p:not(.heading){
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: 400;
}
}
/* Bloody Confident (pdp) */
.pdp-bloody-confident{
.heading{
font-family: var(--ff-pf)!important;
font-size: var(--size-150-70)!important;
line-height: var(--size-120-70)!important;
font-weight: 700!important;
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
}
/* left and right text */
p{
font-size: var(--fs-description-small);
line-height: var(--lh-description-small);
font-weight: var(--fw-description-small);
}
/* bottom text override */
.dynamic-grid__cell:nth-child(2){
p{
font-size: var(--fs-subtitle);
line-height: var(--lh-subtitle);
font-weight: 500!important;
}
}
@media (max-width: 999px){
.max-w-sm{
margin: 0;
justify-self: center;
}
p{
text-align: center;
}
}
img{
z-index: 1;
}
.dynamic-grid__cell:first-child{
z-index: 1;
}
}
/* About at the heart of dais (about) */
.about-at-the-heart-of-dais{
padding-bottom: 0;
.heading{
font-family: var(--ff-pf)!important;
font-size: var(--fs-h1);
line-height: var(--size-90-60);
font-weight: 700!important;
}
.subheading{
&:before{
display: none;
}
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: 500!important;
}
p{
font-size: var(--fs-body);
line-height: var(--lh-body);
strong{
font-weight: 600!important;
}
}
img{
aspect-ratio: 1/1;
}
.prose{
display: flex;
flex-direction: column;
.max-w-sm{
max-width: max(85%, 500px)
}
}
}
/* Bloody Confidence */
.dynamic-grid-bloody-confidence{
.heading{
font-family: var(--ff-pf)!important;
font-size: var(--fs-h1)!important;
line-height: var(--size-85-65)!important;
font-weight: 700;
}
p:not(.heading){
font-size: var(--fs-body);
line-height: var(--lh-body);
margin-top: var(--size-75-50);
}
img{
aspect-ratio: 559/705!important;
}
&:not(:first-child){
}
}
&+.shopify-section--dynamic-grid{
.dynamic-grid-bloody-confidence--knowledge{
padding-top: 0;
.color-scheme{
background-color: transparent;
}
}
}
/* Bloody confidence Full Screen Heading */
.bloody-confident-full-screen-heading{
.heading{
font-family: var(--ff-pf)!important;
font-size: var(--size-150-70)!important;
line-height: var(--size-120-60)!important;
font-weight: 700!important;
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
color: var(--color-pink);
}
.dynamic-grid__cell:first-child{
z-index: 2;
}
}
}
/* select the second dynamic grid next to a media blocks section on a page template (for transparance in bloody confident grid section */
.template-page .shopify-section--media-blocks+.shopify-section--dynamic-grid+.shopify-section--dynamic-grid{
@media (min-width: 1150px){
margin-top: calc(-1* var(--size-150-100));
}
@media (min-width: 1570px){
margin-top: calc(-1* var(--size-250-250));
}
.color-scheme{
background-color: transparent;
}
}
/* Job Listing (Jobs) */
.job-listing{
.heading{
font-family: var(--ff-pf)!important;
font-weight: 700;
font-size: var(--fs-h2)!important;
line-height: var(--lh-h2)!important;
}
button{
margin-top: var(--size-45-45)!important;
}
}
/* Dynamic grids end */
/* Products with Image (Home) */
.shopify-section--products-with-image{
.product-card__swatch-list{
display: none;
}
.products-with-image__image-wrapper:first-child{
.subheading{
&:before{
display: none;
}
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: var(--fw-body);
}
.h2{
font-family: var(--ff-pf)!important;
font-size: var(--size-150-70)!important;
line-height: var(--size-120-60)!important;
font-weight: 700;
}
p:not(.h2){
text-align: center;
font-size: var(--fs-body)!important;
line-height: var(--lh-description-small)!important;
font-weight: var(--fw-body)!important;
}
}
.products-with-image__products-wrapper:last-child{
@media (min-width: 1000px){
.product-card__info{
padding: var(--product-card-inner-padding)!important;
position: absolute;
}
}
@media (max-width: 999px){
.products-with-image__carousel-container{
display: none;
}
padding-top: var(--container-gutter);
padding-bottom: var(--container-gutter);
.product-list{
padding-inline-start: var(--container-gutter)!important;
}
}
.product-strength-icon{
width: unset;
}
.product-list{
gap: var(--size-40-12);
padding-inline-start: var(--distance-to-bleed);
padding-inline-end: var(--distance-to-bleed);
}
.product-card{
--product-card-inner-padding: 2rem;
display: flex;
flex-direction: column;
row-gap: var(--size-19-12);
outline: none;
background-color: transparent;
}
.product-card__info{
align-self: start;
padding: 0!important;
position: relative;
}
.product-title, .price-list sale-price, .price-list compare-at-price, .product-card__category{
justify-self: start;
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: 500;
text-align: start;
}
.product-list, .product-card{
height: fit-content;
}
.product-model-strength{
flex-wrap: wrap;
}
.product-model-text{
white-space: nowrap;
}
.product-title{
font-weight: 600;
text-transform: uppercase;
margin-top: 0.5rem;
}
sale-price{
color: var(--color-red);
}
a{
text-align: start;
}
.v-stack{
justify-self: start;
}
img{
/*aspect-ratio: 420 / 533;*/
}
.product-card__info>div>div{
gap: var(--size-24-16);
}
.featured-collections-header__tab-list{
column-gap: var(--size-150-50);
}
}
}
/* Blog posts (Home) */
.shopify-section--blog-posts{
.section-stack{
row-gap: 4.5rem;
}
h2{
font-family: var(--ff-pf)!important;
font-size: var(--fs-h1)!important;
line-height: var(--lh-h1)!important;
font-weight: 700;
}
.subheading{
font-size: var(--fs-body);
line-height: var(--lh-body);
}
button{
font-size: var(--fs-button)!important;
line-height: var(--lh-button)!important;
font-weight: var(--fw-button)!important;
margin: auto;
.button__content{
padding-left: 75px;
padding-right: 75px;
}
}
.h5{
font-family: var(--ff-pf)!important;
font-size: var(--fs-h3)!important;
line-height: var(--lh-h3)!important;
font-weight: 700;
}
.shape{
display: none;
}
.blog-post-card{
border-color: var(--color-red);
@media (min-width: 1000px){
border-block-start-width: 1.5px;
}
}
.blog-post-card__content{
margin-bottom: 1rem;
}
img{
aspect-ratio: 1/1;
}
.horizontal-separator{
border-width: 0 0 0 1.5px;
border-color: var(--color-red);
}
}
/* Fullscreen Image with Text (Home) */
.shopify-section--image-with-text-overlay{
h2{
font-family: var(--ff-pf)!important;
font-size: var(--size-150-70)!important;
line-height: var(--size-120-60)!important;
font-weight: 700;
}
}
/* Reading Text (Home/BloodyConfident) */
.shopify-section--reading-text{
split-lines{
font-family: var(--ff-pf)!important;
font-size: var(--size-140-50)!important;
line-height: var(--size-110-50)!important;
font-weight: 700;
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
}
.subheading:before {
display: none;
}
.subheading {
font-size: var(--fs-body);
line-height: var(--lh-body);
order: 1;
margin-top: var(--size-45-45);
}
.prose {
display: flex;
flex-direction: column;
}
button{
margin: auto;
margin-top: var(--size-45-45);
order: 2;
}
}
/*Scrolling Content (Home) */
.shopify-section--scrolling-content{
.section-spacing{
padding-bottom: 0;
}
.scrolling-content__text{
width: 250px;
display: flex;
flex-direction: column!important;
align-self: start;
align-items: start;
gap: var(--size-40-40);
@media (max-width: 999px){
gap: var(--size-20-20);
}
p{
font-size: var(--size-30-30);
line-height: var(--size-30-30);
font-weight: 500;
}
img{
height: unset;
}
}
}
/* Media Blocks (Home/pdp) */
.shopify-section--media-blocks{
/* About get to know us (about) */
.media-blocks-triple-split{
@media (max-width: 999px){
img{
aspect-ratio: 430/474;
}
}
}
.media-blocks-triple-split--color-red{
button{
color: var(--color-red)!important;
border-color: var(--color-red)!important;
}
.subheading{
color: var(--color-red)!important;
}
}
.about-get-to-know-us, .media-blocks-triple-split{
.subheading{
&:before{
display: none;
}
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: var(--fw-body);
color: var(--color-pink);
}
.h4{
font-family: var(--ff-pf)!important;
font-size: var(--size-60-50)!important;
line-height: var(--size-60-50)!important;
font-weight: 700;
}
/* for About page (about) */
media-block:first-child{
p:not(.h4){
font-size: var(--fs-body)!important;
line-height: var(--lh-body)!important;
font-weight: 400;
strong{
font-weight: 600!important;
}
}
}
media-block:last-child{
p:not(.h4){
font-size: var(--fs-body);
line-height: var(--lh-body);
strong{
font-weight: 600!important;
}
}
}
.max-w-sm{
max-width: unset;
}
button{
color: var(--color-pink);
border-color: var(--color-pink);
font-size: var(--fs-body);
line-height: var(--size-25-25);
width: unset;
min-width: 295px;
}
@media (max-width: 999px){
--media-blocks-grid: auto-flow / repeat(1, minmax(0, 1fr))!important;
}
}
/* About Founders (about) */
.about-media-block-founders{
padding-inline-start: max(var(--container-gutter-context), 50% - var(--container-max-width) / 2);
padding-inline-end: max(var(--container-gutter-context), 50% - var(--container-max-width) / 2);
max-width: 1920px;
margin: auto;
@media (max-width: 999px){
padding-top: var(--size-30-30);
}
.max-w-sm{
max-width: max(85%, 680px);
@media (max-width: 999px){
max-width: unset;
}
}
p{
&:last-child{
margin-top: var(--size-70-70);
@media (max-width: 999px){
margin-top: var(--size-40-40);
}
}
font-size: var(--fs-body);
line-height: var(--lh-body);
strong{
font-weight: 600!important;
}
}
.media-blocks{
gap: var(--size-70-70);
@media (max-width: 1199px){
--media-blocks-grid: auto / repeat(1, minmax(0, 1fr));
gap: 0;
}
}
media-block:last-child{
.placement-grid{
display: flex;
}
}
}
/* Bloody Confident */
.media-blocks-bloody-confident{
padding-top: var(--size-120-120);
padding-bottom: var(--size-120-120);
background-size: cover;
background-position: 50% 50%;
.media-blocks__item {
background-color: transparent;
}
p{
font-size: var(--fs-body)!important;
line-height: var(--lh-body)!important;
font-weight: 400;
strong{
font-weight: 600!important;
}
}
.h4 {
font-size: var(--size-100-50) !important;
line-height: var(--size-80-50) !important;
font-weight: 700;
}
}
}
/* Main Collection (Collection) */
.shopify-section--main-collection{
.collection{
border-top: 1px solid var(--color-red);
}
.button{
color: var(--color-yellow);
}
.collection__toolbar, .collection__inner{
padding-inline-start: var(--container-gutter);
padding-inline-end: var(--container-gutter);
}
.product-list__promo{
.prose{
display: flex;
flex-direction: column;
& > .max-w-xs{
order: 99;
max-width: unset;
}
}
.content-box > .place-self-center-start{
width: 100%;
}
.subheading{
&:before{
display: none;
}
font-size: var(--fs-description-small)!important;
line-height: var(--size-25-25)!important;
font-weight: 500!important;
}
.h2{
font-family: var(--ff-pf)!important;
font-size: var(--fs-h1)!important;
line-height: var(--lh-h1)!important;
font-weight: var(--fw-h1)!important;
max-width: 390px;
}
p:not(.h2){
font-size: var(--fs-description-small)!important;
line-height: var(--size-25-25)!important;
font-weight: 500!important;
}
}
.product-list{
column-gap: var(--size-40-30);
row-gap: var(--size-90-60);
padding-inline-start: var(--distance-to-bleed);
padding-inline-end: var(--distance-to-bleed);
grid-template-columns: 1fr 1fr 1fr 1fr;
@media (max-width: 1449px){
grid-template-columns: 1fr 1fr;
}
@media (max-width: 679px){
grid-template-columns: 1fr;
}
}
.product-card{
button{
color: var(--color-red);
}
display: flex;
flex-direction: column;
row-gap: var(--size-19-12);
outline: none;
}
.product-card__info{
align-self: start;
padding: 0;
}
.product-title, .price-list sale-price, .price-list compare-at-price, .product-card__category{
justify-self: start;
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: 500;
}
.product-title{
font-weight: 600;
text-transform: uppercase;
margin-top: 0.5rem;
}
sale-price{
color: var(--color-red);
}
a{
text-align: start;
}
.v-stack{
justify-self: start;
}
img{
aspect-ratio: 420 / 533;
}
.product-card__info>div>div{
gap: var(--size-24-16);
}
}
/* Main Product (PDP) */
.shopify-section--main-product{
.container{
@media (min-width: 1000px){
padding-top: var(--size-250-250);
padding-left: var(--distance-to-bleed);
padding-right: var(--distance-to-bleed);
}
}
@media screen and (min-width: 1000px) {
[allow-transparent-header] .product-info {
margin-block-start: unset!important;
}
}
.product-gallery__carousel{
@media (max-width: 999px){
--product-gallery-carousel-grid: auto / auto-flow min(100%, 100%);
padding: 0;
}
}
/* Badge spacing */
[data-block-type="badges"]{
margin-bottom: 0;
margin-top: var(--size-35-35)!important;
}
/*sticky add to cart button */
.product-sticky-add-to-cart{
button{
width: 100%;
}
}
/* thumbnails */
.scroll-marker{
/*--scroll-marker-width: 114px;*/
}
/* right column spacing */
.product-info{
margin-inline: unset;
max-width: 1000px;
}
/* color correction */
.text-subdued{
color: var(--color-red);
}
/* Liquid */
[data-block-type="liquid"], [data-block-type="price"]{
margin: 0!important;
}
/* Rating */
.rating-badge__stars{
path{
fill: var(--color-pink);
}
}
/* Title */
.product-title{
font-family: var(--ff-pf)!important;
font-size: var(--size-30-30)!important;
line-height: var(--size-30-30)!important;
font-weight: 700!important;
}
/* product group */
.pdp-product_group{
font-size: var(--fs-description-small)!important;
line-height: var(--lh-description-small)!important;
font-weight: 400!important;
margin-top: var(--size-15-15);
}
/* price */
sale-price, compare-at-price{
font-family: var(--ff-a)!important;
font-size: var(--size-18-18)!important;
line-height: var(--size-20-20)!important;
font-weight: 400!important;
color: var(--color-red);
}
price-list{
margin-top: var(--size-15-15);
&:has(compare-at-price){
sale-price{
color: var(--color-green);
}
}
}
/* tax notice */
.pdp-tax{
font-size: var(--size-10-10);
line-height: var(--size-20-20);
font-weight: 400!important;
}
/* extra info */
.pdp-extra-text{
p{
font-size: var(--size-15-15);
line-height: var(--size-15-15);
font-weight: 400;
strong{
font-size: var(--size-20-20);
font-weight: 600!important;
}
}
p:not(p:first-child){
margin-top: var(--size-5-5);
}
margin-top: var(--size-15-15);
}
/* Color Swatch */
.different-color-products{
margin-top: var(--size-40-40);
.different-color-products__heading{
display: none;
}
}
/* Variant Picker */
.variant-picker__option-info{
margin-bottom: var(--size-15-15);
row-gap: var(--size-5-5);
}
.variant-picker{
label{
border-color: var(--color-red);
}
hr{
border-color: var(--color-red);
}
label.is-disabled{
color: var(--color-gray);
border-color: var(--color-gray);
}
/* Size picker */
fieldset{
legend, span{
font-size: var(--size-15-15);
line-height: var(--size-15-15);
font-weight: 400;
}
button{
font-size: var(--size-15-15);
line-height: var(--size-15-15);
font-weight: 600;
}
}
/* Amount Picker */
fieldset:last-child{
legend{
font-size: var(--fs-description-small)!important;
line-height: var(--lh-description-small)!important;
font-weight: 500!important;
}
}
}
/* Buy Buttons */
[data-block-type="buy-buttons"]{
margin-bottom: var(--size-15-15);
.shopify-payment-button{
width: calc(min(300px, 100%));
shopify-paypal-button .component-frame{
height: 200px!important;
}
more-payment-options-link{
position: relative;
z-index: 3;
}
}
button{
font-family: var(--ff-a)!important;
font-size: var(--fs-button)!important;
line-height: var(--lh-button)!important;
font-weight: var(--fw-button) !important;
width: calc(min(300px, 100%));
}
@media (max-width: 599px){
button{
width: 100%!important;
}
shopify-paypal-button .component-frame, .shopify-payment-button{
width: 100%!important;
}
}
}
/* Versand */
.pdp-versand{
&:before{
background: var(--color-green);
border-radius: 100%;
height: var(--size-6-6);
width: var(--size-6-6);
}
align-self: center;
color: var(--color-green);
}
/* USPS */
[data-block-type="icons-with-text"]{
.v-stack{
display: flex;
align-items: center;
font-size: var(--size-15-15);
line-height: var(--size-15-15);
font-weight: 500!important;
width: 100%;
}
& > .grid{
width: fit-content;
display: flex;
flex-wrap: wrap;
}
}
/* Info Heading */
.pdp-info-heading{
font-family: var(--ff-pf)!important;
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: 700;
margin-top: var(--size-60-50);
}
/* Accordions */
[data-block-type="accordion"]{
&:last-child .accordion{
border-bottom: none!important;
}
.accordion{
border-bottom: 1px solid var(--color-black);
box-shadow: none;
span, p{
font-size: var(--size-15-15);
line-height: var(--size-20-20);
font-weight: 400;
}
svg{
color: var(--color-black);
}
}
}
[data-group-type="accordion-group"]{
margin-block-start: var(--size-15-15)!important;
margin: 0;
max-width: 500px;
}
/* Complementary Products */
[data-block-type="complementary-products"]{
.h-stack:first-child{
p{
font-size: var(--fs-description-small);
line-height: var(--lh-description-small);
font-weight: 500!important;
}
}
a{
font-size: var(--fs-description-small);
line-height: var(--lh-description-small);
font-weight: 400!important;
text-transform: uppercase;
text-align: start;
}
.product-cross-sell{
width: 200px;
& > .v-stack > .v-stack{
display: grid;
grid-template-rows: subgrid;
grid-row: 1 / 3;
}
}
img{
--image-max-width: 200px!important;
}
button, .price-list{
justify-self: start;
}
.complementary-products{
grid-auto-columns: 200px!important;
column-gap: var(--size-30-30);
}
}
}
/* Timeline (pdp) */
.shopify-section--timeline{
.timeline__content-list, .timeline__content-with-nav{
height: fit-content;
}
@media (min-width: 1000px){
.timeline__image-list, .timeline__content-with-nav{
height: 100%;
}
}
@media (max-width: 999px){
.timeline{
display: flex;
flex-direction: column;
}
.timeline__content-with-nav{
order: 2;
}
}
.timeline__nav{
border-color: var(--color-red);
column-gap: var(--size-45-45);
}
.subheading{
&:before{
display: none;
}
font-size: var(--fs-description-small);
line-height: var(--lh-description-small);
font-weight: 500!important;
}
.h3{
font-family: var(--ff-pf)!important;
font-size: var(--fs-h2);
line-height: var(--lh-h2);
font-weight: 700!important;
max-width: 500px;
}
p{
font-size: var(--size-20-20);
line-height: var(--size-30-30);
font-weight: 400;
margin-top: var(--size-55-55);
@media (max-width: 999px){
margin-top: var(--size-100-100);
}
}
button{
font-weight: 500!important;
}
}
/* Featured Product List (pdp) */
.shopify-section--featured-product-list{
/* Intro Block */
.product-list__intro-block{
z-index: 0;
position: relative;
.prose{
display: flex;
flex-direction: column;
}
p:not(.h5){
margin: 0;
text-align: start;
font-size: var(--fs-body)!important;
line-height: var(--lh-body)!important;
font-weight: 500!important;
}
.h5{
order: 99;
margin-top: var(--size-25-25);
text-align: start;
font-family: var(--ff-pf)!important;
font-size: var(--fs-h2)!important;
line-height: var(--lh-h2)!important;
font-weight: 700!important;
}
@media (max-width: 999px){
p{
text-align: center!important;
justify-self: center!important;
}
}
.place-self-center{
justify-self: start;
}
}
.product-list--carousel {
--product-list-card-width: min(450px, 80%);
}
carousel-prev-button{
/* --floating-control-offset: calc(min(450px, 80%) + 1.25rem)!important; with sticky in product-intro block */
--floating-control-offset: 1.25rem!important;
}
@media screen and (max-width: 699px) {
.product-list--carousel {
--product-list-card-width: min(400px, 80%)!important;
}
carousel-prev-button{
/* --floating-control-offset: calc(min(400px, 80%) + 1.25rem)!important; with sticky in product-intro block */
--floating-control-offset: 1.25rem!important;
}
}
/* Product card representation */
.h4{
font-size: var(--fs-h3);
line-height: var(--lh-h3);
font-weight: 400;
}
.product-list{
gap: var(--size-40-12);
padding-inline-start: var(--distance-to-bleed);
padding-inline-end: var(--distance-to-bleed);
}
.product-card{
display: flex;
flex-direction: column;
row-gap: var(--size-19-12);
outline: none;
}
.product-card__info{
align-self: start;
padding: 0;
}
.product-title, .price-list sale-price, .price-list compare-at-price, .product-card__category{
justify-self: start;
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: 500;
}
.product-title{
font-weight: 600;
text-transform: uppercase;
margin-top: 0.5rem;
}
sale-price{
color: var(--color-red);
}
a{
text-align: start;
}
.v-stack{
justify-self: start;
}
img{
aspect-ratio: 420 / 533;
}
.product-card__info>div>div{
gap: var(--size-24-16);
}
}
/* Judgeme Reviews (pdp) */
.jdgm-review-widget{
.jdgm-rev-widg__title{
font-size: var(--size-30-30);
line-height: var(--size-30-30);
font-weight: 500;
margin-bottom: var(--size-35-35)!important;
}
.jdgm-rev-widg__summary-text, .jdgm-sort-dropdown, .jdgm-rev__timestamp, .jdgm-rev__author, .jdgm-rev__title, .jdgm-rev__body, .jdgm-paginate__page, .jdgm-rev-widg__summary-average{
font-size: var(--fs-body);
line-height: var(--lh-body);
}
.jdgm-rev__buyer-badge-wrapper{
display: none;
}
}
/* MULTI COLUMNS */
.shopify-section--multi-column{
/* About This is dais (about) */
.about-this-is-dais{
.section-stack{
gap: var(--size-70-40);
}
h2{
font-family: var(--ff-pf)!important;
font-size: var(--size-100-65);
line-height: var(--lh-h1);
font-weight: 700!important;
}
h3 {
padding-left: var(--size-10-10);
padding-right: var(--size-10-10);
position: absolute;
top: 50cqw;
justify-self: center;
text-align: center;
font-family: var(--ff-pf)!important;
font-size: var(--fs-h2);
line-height: var(--size-60-50);
font-weight: 700!important;
transform: translateY(-50%);
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
}
p{
font-size: var(--fs-body);
line-height: var(--lh-body);
font-weight: 400;
}
.multi-column__item:nth-child(1){
h3{
color: var(--color-pink);
}
}
.multi-column__item:nth-child(2){
h3{
color: var(--color-yellow);
}
}
.multi-column__item:nth-child(3){
h3{
color: var(--color-red);
}
}
}
/* About Image Slider (about) */
.about-image-slider{
h2{
font-family: var(--ff-pf)!important;
font-size: var(--fs-h2);
line-height: var(--size-60-50);
font-weight: 700!important;
max-width: 50%;
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
@media (max-width: 999px){
max-width: unset;
}
}
}
}
/* MULTI COLUMNS END */
/* Legal Page Template */
.shopify-policy__container{
*{
color: var(--color-red);
}
}
.shopify-section--main-page, .shopify-policy__container{
.section-stack{
row-gap: var(--size-120-70);
}
h1{
font-family: var(--ff-pf)!important;
font-size: var(--size-60-40);
line-height: var(--size-55-40);
font-weight: 700;
}
h2, h3, h4, h5 , h6 , h7{
font-size: var(--fs-subtitle);
line-height: var(--lh-subtitle);
font-weight: 600;
margin-top: var(--size-45-45);
}
.prose p, .prose div, .prose button, .prose a{
font-size: var(--fs-description-small);
line-height: var(--size-30-30);
strong{
font-weight: 600;
}
margin-top: var(--size-10-10);
}
.prose button{
line-height: var(--fs-description-small)!important;
}
ul{
margin-top: var(--size-5-5);
}
button{
margin-top: var(--size-5-5);
}
}
/* Main Blog */
.shopify-section--main-blog{
img{
aspect-ratio: 560/705;
}
.blog-post-list{
row-gap: var(--size-100-100);
--blog-post-list-grid: auto-flow dense / repeat(3, minmax(0, 1fr));
@media (max-width: 1299px){
--blog-post-list-grid: auto-flow dense / repeat(2, minmax(0, 1fr));
}
@media (max-width: 849px){
--blog-post-list-grid: auto-flow dense / repeat(1, minmax(0, 1fr));
}
}
.blog-tags{
padding-top: var(--size-40-30);
padding-bottom: var(--size-40-30);
border: none;
.subheading{
font-size: var(--size-18-18);
line-height: var(--size-22-22);
font-weight: 500;
}
}
.blog-post-card__content{
.subheading{
font-size: var(--size-20-20);
line-height: var(--size-35-35);
font-weight: 500;
.shape{
display: none;
}
}
.h5{
font-family: var(--ff-pf)!important;
font-size: var(--size-50-30);
line-height: var(--size-50-30);
font-weight: 700;
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
}
p{
font-size: var(--size-18-18);
line-height: var(--size-20-20);
margin-top: var(--size-30-30);
}
}
.pagination__link{
font-size: var(--size-20-20);
line-height: var(--size-20-20);
}
}
/* Blog Post Banner */
.shopify-section--blog-post-banner{
.section-split{
min-height: 400px;
@media (max-width: 999px){
height: 100%;
}
}
.section-split__column{
aspect-ratio: 1200/1000;
width: 100%;
max-height: 75svh;
}
.subheading{
font-size: var(--size-20-20);
line-height: var(--size-35-35);
font-weight: 500;
.shape{
display: none;
}
}
h1{
font-family: var(--ff-pf)!important;
font-size: var(--size-80-50);
line-height: var(--size-80-50);
font-weight: 700;
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
}
img{
object-position: 50% 0%;
}
}
/* Main Article (Blog Post) */
.shopify-section--main-article{
p{
font-size: var(--fs-body);
line-height: var(--lh-body);
strong{
font-weight: 600!important;
}
}
h2, h2 span{
font-family: var(--ff-pf)!important;
font-weight: 700;
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
}
}
/* Blog Post Prev Next */
.shopify-section--blog-post-prev-next{
.subheading{
font-size: var(--size-20-20);
line-height: var(--size-35-35);
font-weight: 500;
.shape{
display: none;
}
}
.h3{
font-weight: 500;
}
.h5{
font-family: var(--ff-pf)!important;
font-weight: 700;
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
}
p:not(.h3, .h5){
font-size: var(--size-18-18);
line-height: var(--size-18-18);
}
}
/* Contact (contact) */
.shopify-section--contact{
p{
font-size: var(--size-20-20);
line-height: var(--size-20-20);
}
.social-media__item svg{
--icon-max-width: 36px;
--icon-mobile-max-width: 36px;
}
input, textarea{
background-color: transparent;
border-color: var(--color-black);
color: var(--color-black);
}
label{
color: var(--color-black);
}
button{
background-color: transparent;
border-color: var(--color-red);
color: var(--color-red);
}
}
/* Apps section */
.shopify-section--apps{
.section-header {
display: none;
}
/* Instafeed (Home) */
#insta-feed{
h2{
font-family: var(--ff-pf)!important;
font-size: var(--fs-h2);
line-height: var(--lh-h2);
font-weight: 700;
margin-bottom: var(--size-70-50);
}
}
}
/* Header Per Page */
:root:has(.shopify-section:first-child [allow-transparent-header]):not(:has(.shopify-section--header~.shopify-section-group-header-group)) .header.is-solid,/*:has([open])*/{
--text-color: var(--header-non-transparent-text-color);
}
/* Home */
.header{
background-color: var(--background);
color: var(--text-color)!important;
--header-transparent-header-text-color: var(--color-red);
--header-non-transparent-text-color: var(--color-red);
--text-color: var(--color-red);
}
.template-index, .template-page{
.header{
--header-transparent-header-text-color: var(--color-yellow);
--header-non-transparent-text-color: var(--color-red);
--background: var(--color-beige);
}
}
.template-page{
background-color: var(--color-beige);
}
.page-.template-{
.header{
color: var(--color-red);
--background: var(--color-beige);
}
main{
background-color: var(--color-beige);
}
}
.template-blog{
.header{
--header-transparent-header-text-color: var(--color-pink);
--header-non-transparent-text-color: var(--color-red);
--background: var(--color-beige);
}
}
.template-article{
.header{
--header-transparent-header-text-color: var(--color-pink);
--header-non-transparent-text-color: var(--color-red);
--background: var(--color-beige);
}
}
.page-faq{
.header{
--header-transparent-header-text-color: var(--color-red)!important;
--header-non-transparent-text-color: var(--color-red);
--background: var(--color-beige);
}
}
.template-collection{
.header{
color: var(--color-red);
--background: var(--color-beige);
}
}
.template-product{
.header{
@media (min-width: 1200px){
background-color: var(--color-beige);
}
@media (max-width: 1199px){
--header-transparent-header-text-color: var(--color-white)!important;
}
--background: var(--color-beige);
--header-transparent-header-text-color: var(--color-red);
--header-non-transparent-text-color: var(--color-red);
}
}
/*Header Per Page End */
#shopify-section-template--25243884749136__pagefly-home, #shopify-section-template--25581239337296__pf-e39bc30a{
display: none;
}