.stellar-toast-hidden-original {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
} .wc-block-components-notice-banner.is-error {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap");
.hero-overlay-bar-mobile {
display: none !important;
}
.pattern-home-hero-grid {
color: var(--wp--preset--color--dywany-black, #333333);
max-width: 1300px;
width: 100%;
margin: 0 auto;
}
.pattern-home-hero-grid .home-hero {
text-align: left;
color: var(--wp--preset--color--white, #fff);
margin: 0;
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
overflow: visible;
min-height: clamp(520px, 80vh, 900px);
}
.pattern-home-hero-grid .home-hero .wp-block-cover__image-background,
.pattern-home-hero-grid .home-hero .wp-block-cover__video-background {
background-position: center;
background-size: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.pattern-home-hero-grid .home-hero .wp-block-cover__inner-container {
width: 100%;
padding: clamp(2rem, 4vw, 3.5rem) clamp(1.25rem, 4vw, 2.5rem) clamp(1.5rem, 3vw, 2.25rem);
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
.pattern-home-hero-grid .home-hero .hero-content {
display: flex;
flex-direction: column;
gap: 1.25rem;
max-width: 640px;
align-items: flex-start;
margin: 5px 15px 0;
}
.pattern-home-hero-grid .home-hero .wp-block-buttons {
gap: 0.75rem;
flex-wrap: wrap;
}
.pattern-home-hero-grid .home-hero .wp-block-button__link {
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.1em;
padding: 0.85rem 2.25rem;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.75);
}
.pattern-home-hero-grid .home-hero .is-style-outline .wp-block-button__link {
background: transparent;
color: inherit;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
gap: 0.45rem;
background: var(--wp--preset--color--dywany-black, #333333);
color: #fff;
padding: 7px;
border-radius: 16px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
width: 400px;
max-width: 95vw;
height: 67px;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .cta-pill {
display: inline-flex;
align-items: center;
gap: 0;
background: #fff;
color: var(--wp--preset--color--dywany-black, #333333);
border-radius: 11px;
padding: 10px 14px 10px 7px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
width: 280px;
height: 53px;
justify-content: flex-start;
border: 2px solid var(--wp--preset--color--secondary, #d6c8b5);
box-sizing: border-box;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .cta-pill .cta-icon {
width: 91px !important;
height: 42px !important;
margin-right: 7px;
flex: 0 0 auto;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .cta-pill .cta-icon img {
width: 91px;
height: 42px;
display: block;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .cta-pill p {
margin-left: 0;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .cta-pill p {
margin: 0;
font-weight: 700;
letter-spacing: 0.01em;
font-size: 11px;
line-height: 14px;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .cta-pill p span {
display: block;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .tagline {
margin: 0;
color: #fff;
flex: 0 0 auto;
text-align: right;
padding-left: 0;
padding-right: 18px;
font-size: 13px;
line-height: 18px;
font-weight: 400;
display: flex;
flex-direction: column;
gap: 0;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .tagline p {
margin: 0;
line-height: 1;
}
.pattern-home-hero-grid .home-main {
background: var(--wp--preset--color--primary, #f5efe6);
padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 3vw, 2.5rem);
}
.pattern-home-hero-grid .wp-block-columns {
gap: clamp(1.5rem, 3vw, 3rem);
}
.pattern-home-hero-grid .wp-block-columns > .wp-block-column {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.pattern-home-hero-grid .sidebar-card {
background: var(--wp--preset--color--secondary, #d6c8b5);
color: var(--wp--preset--color--dywany-black, #333333);
border-radius: 10px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}
.pattern-home-hero-grid .sidebar-card p,
.pattern-home-hero-grid .sidebar-card h4 {
margin: 0;
}
.pattern-home-hero-grid .sidebar-card .wp-block-button__link {
width: 100%;
text-align: center;
}
.pattern-home-hero-grid .thin-separator {
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin: 1.5rem 0;
}
.pattern-home-hero-grid figure.wp-block-image {
border-radius: 12px;
overflow: hidden;
margin: 0;
box-shadow: 0 18px 35px rgba(0, 0, 0, 0.08);
}
.pattern-home-hero-grid figure.wp-block-image img {
display: block;
width: 100%;
height: auto;
}
.pattern-home-hero-grid .wp-block-group h3 {
margin-bottom: 0.5rem;
}
.pattern-home-hero-grid .wp-block-column p {
margin-top: 0.75rem;
font-size: 0.95rem;
}
.pattern-home-hero-grid .wp-block-button__link {
border-radius: 999px;
letter-spacing: 0.08em;
}
.pattern-home-hero-grid .wp-block-buttons {
gap: 0.75rem;
}
@media (max-width: 1440px) {
.pattern-home-hero-grid {
max-width: none !important;
width: 100% !important;
padding: 0 21px !important;
box-sizing: border-box;
}
.pattern-home-hero-grid .home-hero {
width: 100% !important;
max-width: 726px !important;
min-height: 336px !important;
height: 336px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pattern-home-hero-grid .home-hero .wp-block-cover__image-background,
.pattern-home-hero-grid .home-hero .wp-block-cover__video-background {
object-fit: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar {
width: 283px;
max-width: 283px;
height: 48px;
padding: 5px 8px;
box-sizing: border-box;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .cta-pill {
width: 212px;
height: 38px;
padding: 2px 8px 2px 5px;
box-sizing: border-box;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .cta-pill .cta-icon {
width: 60px !important;
height: 28px !important;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .cta-pill .cta-icon img {
width: 60px !important;
height: 28px !important;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .cta-pill p {
font-size: 8px !important;
line-height: 11px !important;
flex: 1 1 auto;
width: auto;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .tagline {
font-size: 13px;
font-weight: 400;
line-height: 18px;
display: flex;
flex-direction: column;
gap: 0;
padding-right: 5px;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar .tagline p {
margin: 0;
line-height: 1;
}
}
@media (max-width: 768px) {
.pattern-home-hero-grid {
max-width: 402px;
padding: 0 !important;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
gap: 13px;
margin-left: auto;
margin-right: auto;
}
.pattern-home-hero-grid .home-hero {
width: 100%;
max-width: 402px;
min-height: 268px !important;
height: 268px !important;
position: static;
margin: 0 auto;
overflow: hidden;
}
.pattern-home-hero-grid .home-hero.alignfull {
width: 402px !important;
max-width: 402px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pattern-home-hero-grid .home-hero .wp-block-cover__inner-container {
padding: 0 !important;
width: 100%;
height: 100%;
min-height: 100%;
align-items: flex-end;
}
.pattern-home-hero-grid .home-hero .wp-block-cover__image-background,
.pattern-home-hero-grid .home-hero .wp-block-cover__video-background {
position: relative !important;
inset: auto !important;
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.pattern-home-hero-grid .home-hero .hero-overlay-bar {
display: none !important;
}
.hero-overlay-bar-mobile {
display: flex !important;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px;
width: 376px !important;
max-width: 100%;
align-self: center !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 0;
padding: 7px;
background: var(--wp--preset--color--dywany-black, #333333);
color: #fff;
border-radius: 16px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
text-align: center;
}
.hero-overlay-bar-mobile .cta-pill {
width: 251px;
max-width: 251px;
margin-left: 6px;
margin-right: 0;
height: 50px;
padding: 6px 12px 6px 6px;
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 6px;
flex-shrink: 0;
}
.hero-overlay-bar-mobile .cta-pill .cta-icon {
width: 86px !important;
height: 39px !important;
flex: 0 0 auto;
margin-right: 6px;
}
.hero-overlay-bar-mobile .cta-pill .cta-icon img {
width: 86px !important;
height: 39px !important;
display: block;
}
.hero-overlay-bar-mobile .cta-pill p {
font-size: 10px !important;
line-height: 13px !important;
font-weight: 700 !important;
margin: 0;
white-space: normal;
flex: 1 1 auto;
text-align: left;
}
.hero-overlay-bar-mobile .tagline {
padding: 0;
text-align: right;
gap: 0;
font-size: 17px;
line-height: 20px;
padding-right: 18px;
}
.hero-overlay-bar-mobile .tagline p:first-child {
font-size: 27px;
line-height: 32px;
}
} @media (max-width: 1440px) {
.pattern-home-hero-grid {
max-width: none !important;
width: 100% !important;
padding: 0 21px !important;
box-sizing: border-box;
}
.pattern-home-hero-grid .home-hero,
.pattern-home-hero-grid .home-hero.alignfull {
min-height: 336px !important;
height: 336px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pattern-home-hero-grid .home-hero .wp-block-cover__inner-container {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
} .pattern-home-hero-grid .home-hero.has-custom-content-position .wp-block-cover__inner-container {
margin: 15px 15px 0;
width: auto;
}
} body,
.wp-site-blocks {
background: #fff !important;
}
@media (max-width: 768px) {
.pattern-home-hero-grid {
padding: 0 !important;
}
}
.pattern-home-sidebar {
width: 325px;
max-width: 100%;
display: flex;
flex-direction: column;
gap: 0;
color: var(--wp--preset--color--dywany-black, #333333);
background: var(--wp--preset--color--secondary, #d6c8b5);
padding: 0 34px;
text-align: left;
}
.pattern-home-sidebar a {
color: inherit;
text-decoration: none;
}
.pattern-home-sidebar a:hover {
text-decoration: underline;
}
.pattern-home-sidebar h4 {
margin: 0 0 0.35rem;
font-size: 16px;
font-weight: 700;
text-align: left;
}
.pattern-home-sidebar .category-header {
padding-bottom: 0.4rem;
border-bottom: 1px solid #000;
}
.pattern-home-sidebar .sidebar-panel {
background: transparent;
padding: 17px 16px;
border-radius: 6px;
border: none;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.pattern-home-sidebar .category-list {
display: flex;
flex-direction: column;
gap: 0.35rem;
text-align: left;
margin-top: 6px;
}
.pattern-home-sidebar .category-list p {
margin: 0;
font-size: 13px;
line-height: 50px;
}
.pattern-home-sidebar .category-list p:first-of-type a {
font-weight: 700;
text-decoration: underline;
}
.pattern-home-sidebar .thin-separator {
border: 0;
border-top: 1px solid #000;
margin: 0.4rem 0;
}
.pattern-home-sidebar .contact-block {
display: flex;
flex-direction: column;
gap: 0.4rem;
text-align: left;
margin-bottom: 55px;
}
.pattern-home-sidebar .contact-block .contact-header {
padding-bottom: 0.4rem;
border-bottom: 1px solid #000;
}
.pattern-home-sidebar .contact-block .contact-header p {
margin: 0;
font-size: 16px;
font-weight: 700;
}
.pattern-home-sidebar .contact-block .phone-button .wp-block-button__link {
letter-spacing: 0.02em;
border-radius: 0;
width: 100%;
}
.pattern-home-sidebar .camel-banner {
position: relative;
padding: 0;
background: none;
border-radius: 0;
overflow: hidden;
margin-left: -34px;
margin-right: -34px;
width: calc(100% + 68px);
margin-top: 0;
}
.pattern-home-sidebar .camel-banner .camel-image {
margin: 0;
}
.pattern-home-sidebar .camel-banner .camel-image img {
display: block;
width: 100%;
height: auto;
}
.pattern-home-sidebar .camel-banner .camel-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 0.85rem 1rem;
color: #fff;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
}
.pattern-home-sidebar .camel-banner .camel-overlay h4 {
margin: 0 0 4px;
}
.pattern-home-sidebar .camel-banner .camel-overlay p {
margin: 0;
}
.pattern-home-sidebar .safety-block {
position: relative;
padding: 0;
background: #211f20;
color: #fff;
border-radius: 0;
overflow: hidden;
margin-left: -34px;
margin-right: -34px;
width: calc(100% + 68px);
margin-top: 0;
margin-bottom: 40px;
}
.pattern-home-sidebar .safety-block .safety-inner {
padding: 0;
}
.pattern-home-sidebar .safety-block .safety-inner .wp-block-columns {
align-items: center;
gap: 12px;
}
.pattern-home-sidebar .safety-block .safety-inner .safety-text {
padding: 0 9px 0 0;
}
.pattern-home-sidebar .safety-block .safety-inner .safety-text p {
margin: 0;
}
.pattern-home-sidebar .safety-block .safety-inner .safety-text p:first-of-type {
font-size: 21px;
font-weight: 700;
line-height: 1.3;
}
.pattern-home-sidebar .safety-block .safety-inner .safety-text p:last-of-type {
font-size: 13px;
font-weight: 400;
line-height: 1.5;
}
.pattern-home-sidebar .safety-block .safety-image {
margin: 0;
}
.pattern-home-sidebar .safety-block .safety-image img {
display: block;
width: 97px;
height: 99px;
}
.pattern-home-sidebar .info-card {
display: flex;
flex-direction: column;
gap: 0.5rem;
border: none;
padding: 0 0 40px;
}
.pattern-home-sidebar .info-card h4 {
font-size: 30px;
font-weight: 400;
line-height: 1.2;
}
.pattern-home-sidebar .info-card p {
margin: 0;
font-size: 13px;
line-height: 1.6;
}
.pattern-home-sidebar .info-card .info-button .wp-block-button__link {
letter-spacing: 0.02em;
border-radius: 0;
width: 100%;
}
.pattern-home-popular-carousel,
.pattern-home-new-items,
.pattern-home-featured-items {
width: 100%;
max-width: 1300px;
margin: 0 auto;
}
.pattern-home-popular-carousel .popular-carousel__heading,
.pattern-home-new-items .popular-carousel__heading,
.pattern-home-featured-items .popular-carousel__heading {
font-family: var(--wp--preset--font-family--libre-baskerville);
color: var(--wp--preset--color--dywany-black);
padding-left: 23px;
margin-left: 0;
margin-bottom: 5px;
font-size: 21px;
font-weight: 700;
line-height: 1.2;
}
.pattern-home-popular-carousel .popular-carousel__inner,
.pattern-home-new-items .popular-carousel__inner,
.pattern-home-featured-items .popular-carousel__inner {
width: 100%;
padding: 0;
margin: 0;
}
.pattern-home-popular-carousel .popular-carousel__items,
.pattern-home-new-items .popular-carousel__items,
.pattern-home-featured-items .popular-carousel__items {
display: grid;
grid-template-columns: repeat(3, minmax(325px, 1fr));
gap: 0 !important;
width: 100%;
justify-content: start;
}
@media (max-width: 768px) {
.pattern-home-popular-carousel .popular-carousel__items,
.pattern-home-new-items .popular-carousel__items,
.pattern-home-featured-items .popular-carousel__items {
grid-template-columns: repeat(1, minmax(280px, 1fr)) !important;
}
}
@media (max-width: 1100px) {
.pattern-home-popular-carousel .popular-carousel__items,
.pattern-home-new-items .popular-carousel__items,
.pattern-home-featured-items .popular-carousel__items {
grid-template-columns: repeat(2, minmax(280px, 1fr));
}
}
.pattern-home-popular-carousel .popular-carousel__items--new,
.pattern-home-new-items .popular-carousel__items--new,
.pattern-home-featured-items .popular-carousel__items--new {
display: grid;
grid-template-columns: repeat(3, minmax(325px, 1fr));
gap: 0 !important;
}
.pattern-home-popular-carousel .popular-carousel__items--new > .wp-block-query,
.pattern-home-new-items .popular-carousel__items--new > .wp-block-query,
.pattern-home-featured-items .popular-carousel__items--new > .wp-block-query {
display: contents;
}
.pattern-home-popular-carousel .popular-carousel__items--new .wp-block-post-template,
.pattern-home-new-items .popular-carousel__items--new .wp-block-post-template,
.pattern-home-featured-items .popular-carousel__items--new .wp-block-post-template {
display: contents;
}
.pattern-home-popular-carousel .popular-carousel__items--new .popular-carousel__items--loop,
.pattern-home-new-items .popular-carousel__items--new .popular-carousel__items--loop,
.pattern-home-featured-items .popular-carousel__items--new .popular-carousel__items--loop {
display: contents;
}
.pattern-home-popular-carousel .popular-carousel__items--new .popular-carousel__items--loop > li,
.pattern-home-new-items .popular-carousel__items--new .popular-carousel__items--loop > li,
.pattern-home-featured-items .popular-carousel__items--new .popular-carousel__items--loop > li {
list-style: none;
margin: 0;
}
.pattern-home-popular-carousel .popular-carousel__items--new .new-items-hero-card,
.pattern-home-new-items .popular-carousel__items--new .new-items-hero-card,
.pattern-home-featured-items .popular-carousel__items--new .new-items-hero-card {
grid-column: span 2;
grid-row: 1;
display: block;
padding: 0;
margin: 0;
height: 500px;
width: 650px;
border: 1px solid rgba(48, 48, 48, 0.25);
background-color: #f5efe6;
}
.pattern-home-popular-carousel .popular-carousel__items--new .new-items-hero-card .new-items-hero-image,
.pattern-home-new-items .popular-carousel__items--new .new-items-hero-card .new-items-hero-image,
.pattern-home-featured-items .popular-carousel__items--new .new-items-hero-card .new-items-hero-image {
margin: 0;
}
.pattern-home-popular-carousel .popular-carousel__items--new .new-items-hero-card .new-items-hero-image img,
.pattern-home-new-items .popular-carousel__items--new .new-items-hero-card .new-items-hero-image img,
.pattern-home-featured-items .popular-carousel__items--new .new-items-hero-card .new-items-hero-image img {
display: block;
width: 650px;
height: 500px;
object-fit: cover;
}
.pattern-home-popular-carousel .popular-card,
.pattern-home-new-items .popular-card,
.pattern-home-featured-items .popular-card {
background-color: transparent !important;
width: 100%;
max-width: 325px;
display: flex;
flex-direction: column;
position: relative;
}
.pattern-home-popular-carousel .popular-card .popular-card__frame,
.pattern-home-new-items .popular-card .popular-card__frame,
.pattern-home-featured-items .popular-card .popular-card__frame {
position: relative;
padding: 55px 48px 100px;
border: 1px solid rgba(48, 48, 48, 0.25);
width: 100%;
height: 500px;
box-sizing: border-box;
background-color: #f5efe6;
margin: 0;
}
.pattern-home-popular-carousel .popular-card:hover .popular-card__frame,
.pattern-home-new-items .popular-card:hover .popular-card__frame,
.pattern-home-featured-items .popular-card:hover .popular-card__frame {
border-color: rgba(48, 48, 48, 0.45);
}
.pattern-home-popular-carousel .popular-card .popular-card__add-to-cart,
.pattern-home-new-items .popular-card .popular-card__add-to-cart,
.pattern-home-featured-items .popular-card .popular-card__add-to-cart {
position: absolute;
top: 10px;
right: 8px;
z-index: 10;
transition: opacity 0.2s;
border: none;
padding: 0;
width: 30px;
height: 30px;
background-color: transparent;
}
.pattern-home-popular-carousel .popular-card .popular-card__add-to-cart:hover,
.pattern-home-new-items .popular-card .popular-card__add-to-cart:hover,
.pattern-home-featured-items .popular-card .popular-card__add-to-cart:hover {
opacity: 0.8;
}
.pattern-home-popular-carousel .popular-card .popular-card__add-to-cart img,
.pattern-home-new-items .popular-card .popular-card__add-to-cart img,
.pattern-home-featured-items .popular-card .popular-card__add-to-cart img {
display: block;
width: 30px;
height: 30px;
}
.pattern-home-popular-carousel .popular-card .popular-card__image-wrapper,
.pattern-home-new-items .popular-card .popular-card__image-wrapper,
.pattern-home-featured-items .popular-card .popular-card__image-wrapper {
position: relative;
overflow: hidden;
width: 230px;
height: 345px;
margin: 0 auto 12px !important;
}
.pattern-home-popular-carousel .popular-card .popular-card__image-wrapper .popular-card__image,
.pattern-home-new-items .popular-card .popular-card__image-wrapper .popular-card__image,
.pattern-home-featured-items .popular-card .popular-card__image-wrapper .popular-card__image {
width: 100%;
height: 100%;
display: block;
}
.pattern-home-popular-carousel .popular-card .popular-card__image-wrapper .popular-card__image img,
.pattern-home-new-items .popular-card .popular-card__image-wrapper .popular-card__image img,
.pattern-home-featured-items .popular-card .popular-card__image-wrapper .popular-card__image img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.pattern-home-popular-carousel .popular-card .popular-card__content,
.pattern-home-new-items .popular-card .popular-card__content,
.pattern-home-featured-items .popular-card .popular-card__content {
padding: 0 36px;
margin: 0 -36px;
}
.pattern-home-popular-carousel .popular-card .popular-card__title,
.pattern-home-new-items .popular-card .popular-card__title,
.pattern-home-featured-items .popular-card .popular-card__title {
margin-top: 0 !important;
margin-bottom: 4px !important;
}
.pattern-home-popular-carousel .popular-card .popular-card__title a,
.pattern-home-new-items .popular-card .popular-card__title a,
.pattern-home-featured-items .popular-card .popular-card__title a {
text-decoration: none;
color: var(--wp--preset--color--dywany-black);
font-size: 13px;
font-weight: 400;
line-height: 1.4;
display: block;
padding: 0 36px;
margin: 0 -36px;
}
.pattern-home-popular-carousel .popular-card .popular-card__title a:hover,
.pattern-home-new-items .popular-card .popular-card__title a:hover,
.pattern-home-featured-items .popular-card .popular-card__title a:hover {
color: var(--wp--preset--color--accent);
}
.pattern-home-popular-carousel .popular-card .popular-card__price,
.pattern-home-new-items .popular-card .popular-card__price,
.pattern-home-featured-items .popular-card .popular-card__price {
color: rgba(48, 48, 48, 0.75);
font-weight: 400;
font-size: 13px;
margin-top: 0;
padding: 0 36px;
margin-left: -36px;
margin-right: -36px;
}
.pattern-home-popular-carousel .popular-card .popular-card__price del,
.pattern-home-new-items .popular-card .popular-card__price del,
.pattern-home-featured-items .popular-card .popular-card__price del {
opacity: 0.6;
margin-right: 8px;
}
.pattern-home-popular-carousel .popular-card .popular-card__price ins,
.pattern-home-new-items .popular-card .popular-card__price ins,
.pattern-home-featured-items .popular-card .popular-card__price ins {
text-decoration: none;
}
.pattern-home-featured-items {
margin-top: 0;
}
@media (min-width: 1024px) {
.pattern-home-featured-items {
margin-top: 80px;
}
}
@media (max-width: 1023px) {
.pattern-home-featured-items {
margin-top: 40px !important;
}
}
.pattern-home-featured-items .popular-carousel__heading {
padding-left: 0;
margin: 0 0 24px;
text-align: center;
}
.pattern-home-featured-items .popular-carousel__items {
display: flex !important;
flex-wrap: nowrap !important;
grid-template-columns: none !important;
gap: 0 !important;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.pattern-home-featured-items .popular-carousel__items > * {
flex: 0 0 25% !important;
max-width: 25% !important;
list-style: none;
scroll-snap-align: start;
margin: 0;
}
.pattern-home-featured-items .featured-items__cta {
margin-top: 21px;
text-align: right;
}
.pattern-home-featured-items .featured-items__cta a {
font-size: 13px;
font-weight: 700;
color: var(--wp--preset--color--dywany-black);
text-decoration: none;
}
.pattern-home-featured-items .featured-items__cta a:hover {
text-decoration: underline;
}
.pattern-home-featured-items .popular-carousel__items {
display: flex !important;
flex-wrap: nowrap !important;
grid-template-columns: none !important;
gap: 0 !important;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.pattern-home-featured-items .popular-carousel__items > * {
flex: 0 0 25% !important;
max-width: 25% !important;
list-style: none;
scroll-snap-align: start;
margin: 0;
}
@media (max-width: 1440px) {
.pattern-home-featured-items .popular-carousel__items > * {
flex: 0 0 33.3333% !important;
max-width: 33.3333% !important;
}
}
@media (max-width: 1100px) {
.pattern-home-featured-items .popular-carousel__items > * {
flex: 0 0 242px !important;
max-width: 242px !important;
}
}
@media (max-width: 768px) {
.pattern-home-featured-items .popular-carousel__items > * {
flex: 0 0 50% !important;
max-width: 50% !important;
min-width: 50% !important;
}
}
@media (max-width: 1100px) {
.pattern-home-new-items .popular-carousel__items--new {
grid-template-columns: repeat(2, minmax(280px, 1fr));
}
.pattern-home-new-items .new-items-hero-card {
grid-column: span 2;
width: 100%;
max-width: 650px;
height: 400px;
}
.pattern-home-new-items .new-items-hero-card .new-items-hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
@media (max-width: 1440px) {
.pattern-home-featured-items .popular-carousel__items {
display: flex !important;
grid-template-columns: none !important;
gap: 0 !important;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 768px) {
.popular-carousel__items {
grid-template-columns: 1fr !important;
}
.pattern-home-featured-items .popular-carousel__items {
display: flex !important;
flex-wrap: nowrap !important;
grid-template-columns: none !important;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.pattern-home-featured-items .popular-carousel__items > * {
flex: 0 0 50% !important;
min-width: 50% !important;
width: 50% !important;
max-width: 50% !important;
list-style: none;
scroll-snap-align: start;
margin: 0;
}
.pattern-home-new-items .popular-carousel__items--new {
grid-template-columns: 1fr !important;
}
.pattern-home-new-items .new-items-hero-card {
grid-column: span 1;
width: 100%;
max-width: 100%;
height: 320px;
}
.pattern-home-new-items .new-items-hero-card .new-items-hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.popular-card {
max-width: 100%;
}
.popular-card__image-wrapper {
width: 200px;
height: 300px;
}
.popular-card__frame {
padding: 40px 32px 80px;
height: 460px;
}
.popular-card__title a,
.popular-card__price {
padding: 0 32px;
margin-left: -32px;
margin-right: -32px;
margin-top: 4px;
}
}
@media (max-width: 1440px) {
.pattern-home-popular-carousel,
.pattern-home-new-items,
.pattern-home-featured-items {
max-width: 726px;
padding-left: 21px;
padding-right: 21px;
box-sizing: border-box;
}
}
@media (max-width: 768px) {
.pattern-home-popular-carousel,
.pattern-home-new-items,
.pattern-home-featured-items {
max-width: 376px;
padding-left: 13px;
padding-right: 13px;
box-sizing: border-box;
}
}
.pattern-home-layout {
margin-top: 0;
margin-bottom: 40px;
max-width: 1300px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.pattern-home-layout .layout-sections {
display: grid;
grid-template-columns: 325px repeat(3, minmax(0, 1fr));
grid-template-areas: "sidebar carousel carousel carousel" "sidebar new new new";
column-gap: 0;
row-gap: 24px;
width: 100%;
max-width: 100%;
}
.pattern-home-layout .layout-section {
width: 100%;
}
.pattern-home-layout .layout-section--sidebar {
grid-area: sidebar;
}
.pattern-home-layout .layout-section--carousel {
grid-area: carousel;
}
.pattern-home-layout .layout-section--new {
grid-area: new;
}
.pattern-home-layout .layout-section--hero {
grid-area: carousel;
}
.pattern-home-layout .layout-sections--tablet {
display: none;
}
.pattern-home-layout .home-layout-cta {
margin-top: 34px;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
}
.pattern-home-layout .home-layout-cta .home-layout-cta__button .wp-block-button__link {
width: 257px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 700;
background-color: var(--wp--preset--color--dywany-black, #303030);
color: #ffffff;
border-radius: 0;
text-decoration: none;
}
@media (max-width: 1440px) {
.pattern-home-layout {
max-width: 726px;
padding: 0 21px;
box-sizing: border-box;
}
.layout-sections--desktop {
display: none !important;
}
.layout-sections--tablet {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
width: 100%;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box;
}
}
@media (max-width: 768px) {
.pattern-home-layout {
max-width: 376px;
padding: 0 13px;
box-sizing: border-box;
}
.layout-sections--tablet {
grid-template-columns: 1fr;
gap: 20px;
}
}
.pattern-home-testimonials {
width: 100%;
background: var(--wp--preset--color--dywany-black, #303030);
min-height: 350px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.pattern-home-testimonials .testimonials-inner {
width: 1440px;
max-width: 100%;
overflow: hidden;
padding: 0 20px;
}
.pattern-home-testimonials .testimonials-track {
display: flex;
gap: 27px;
width: max-content;
animation: testimonials-marquee 30s linear infinite;
}
.pattern-home-testimonials .testimonials-track:hover {
animation-play-state: paused;
}
.pattern-home-testimonials .testimonial-card {
width: 315px;
height: 280px;
background: #ffffff;
border: 1px solid rgba(48, 48, 48, 0.25);
color: var(--wp--preset--color--dywany-black, #303030);
box-sizing: border-box;
display: flex;
flex-direction: column;
padding: 35px 25px;
gap: 24px;
}
.pattern-home-testimonials .testimonial-card .testimonial-stars {
display: flex;
gap: 6px;
margin: 0 auto;
padding: 0;
}
.pattern-home-testimonials .testimonial-card .testimonial-stars img {
width: 18px;
height: 18px;
display: block;
}
.pattern-home-testimonials .testimonial-card .testimonial-text {
font-size: 14px;
line-height: 1.5;
margin: 0;
margin-top: 22px;
}
.pattern-home-testimonials .testimonial-card .testimonial-footer {
display: flex;
align-items: center;
gap: 10px;
margin-top: auto;
}
.pattern-home-testimonials .testimonial-card .testimonial-footer .testimonial-avatar {
width: 37px;
height: 37px;
border-radius: 50%;
overflow: hidden;
background: rgba(48, 48, 48, 0.15);
}
.pattern-home-testimonials .testimonial-card .testimonial-footer .testimonial-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.pattern-home-testimonials .testimonial-card .testimonial-footer .testimonial-author {
font-size: 14px;
font-weight: 800;
margin: 0;
}
@keyframes testimonials-marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@media (max-width: 1100px) {
.pattern-home-testimonials {
min-height: 330px;
}
.pattern-home-testimonials .testimonials-inner {
width: 100%;
padding: 0 16px;
}
.pattern-home-testimonials .testimonials-track {
gap: 20px;
animation-duration: 18s;
}
.pattern-home-testimonials .testimonial-card {
width: 280px;
height: 260px;
padding: 30px 22px;
}
.pattern-home-testimonials .testimonial-card .testimonial-text {
font-size: 13px;
}
.pattern-home-testimonials .testimonial-card .testimonial-author {
font-size: 13px;
}
}
@media (max-width: 768px) {
.pattern-home-testimonials {
min-height: 320px;
}
.pattern-home-testimonials .testimonials-inner {
padding: 0 12px;
}
.pattern-home-testimonials .testimonials-track {
gap: 16px;
animation-duration: 16s;
}
.pattern-home-testimonials .testimonial-card {
width: 260px;
height: 240px;
padding: 26px 18px;
}
.pattern-home-testimonials .testimonial-card .testimonial-text {
font-size: 12px;
margin-top: 16px;
}
.pattern-home-testimonials .testimonial-card .testimonial-footer .testimonial-author {
font-size: 13px;
}
}
@media (max-width: 1440px) {
.pattern-home-testimonials {
padding-left: 21px;
padding-right: 21px;
box-sizing: border-box;
margin-bottom: 21px;
}
.pattern-home-testimonials .testimonials-inner {
max-width: 726px;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.pattern-home-testimonials {
padding-left: 13px;
padding-right: 13px;
}
.pattern-home-testimonials .testimonials-inner {
max-width: 376px;
margin: 0 auto;
}
}
.shop-archive {
max-width: 1300px;
width: 100%;
margin: 0 auto 48px;
padding: 0;
color: var(--wp--preset--color--dywany-black, #303030);
}
.shop-archive__header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin-bottom: 16px;
padding: 0 8px;
}
.shop-archive__header-left {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.shop-archive__grid {
display: grid;
grid-template-columns: 325px repeat(3, minmax(0, 1fr));
column-gap: 0;
row-gap: 0;
align-items: start;
}
.shop-archive__sidebar {
width: 100%;
grid-column: 1;
align-self: start;
}
.shop-archive__products {
width: 100%;
grid-column: 2/span 3;
}
.shop-archive .woocommerce-breadcrumb {
margin: 0;
font-size: 13px;
color: rgba(48, 48, 48, 0.5);
}
.shop-archive .woocommerce-products-header {
margin: 0 0 16px;
padding: 0;
}
.shop-archive .woocommerce-products-header__title.page-title {
margin: 0;
font-family: var(--wp--preset--font-family--libre-baskerville);
font-size: 21px;
font-weight: 700;
color: var(--wp--preset--color--dywany-black, #303030);
}
.shop-archive__toolbar {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
margin: 0;
}
.shop-archive .woocommerce-result-count {
display: none;
}
.shop-archive .woocommerce-ordering {
margin: 0;
}
.shop-archive .woocommerce-ordering select {
appearance: none;
border: 1px solid var(--wp--preset--color--dywany-black, #303030);
background: #f5efe6;
color: var(--wp--preset--color--dywany-black, #303030);
padding: 8px 12px;
border-radius: 0;
font-size: 16px;
font-weight: 700;
cursor: pointer;
width: 100px;
height: 40px;
text-align: center;
box-sizing: border-box;
}
.shop-archive .shop-products-grid {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 0;
row-gap: 0;
justify-content: start;
}
.shop-archive .shop-products-grid > li {
list-style: none;
width: 100%;
}
.shop-archive .popular-carousel__items.shop-products-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 0;
row-gap: 0;
}
.shop-archive .shop-products-grid .popular-card {
max-width: none;
width: 100%;
}
.shop-archive .shop-products-grid .popular-card__frame {
width: 100%;
}
.shop-archive .pattern-home-popular-carousel .popular-carousel__items {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
column-gap: 0 !important;
row-gap: 0 !important;
}
.shop-archive .pattern-home-popular-carousel .popular-card {
max-width: none !important;
width: 100% !important;
}
.shop-archive .pattern-home-sidebar {
width: 100%;
max-width: 100%;
box-sizing: border-box;
max-height: 1500px;
overflow-y: auto;
overflow-x: hidden;
}
.shop-archive .home-layout-products {
width: 100%;
}
.shop-archive .home-layout-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 0 !important;
row-gap: 0 !important;
justify-content: start;
width: 100%;
}
.shop-archive .products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-flow: row dense;
column-gap: 0 !important;
row-gap: 0 !important;
width: 100%;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.shop-archive .products li.product {
width: 100% !important;
margin: 0 !important;
float: none !important;
}
.shop-archive ul.products::before,
.shop-archive ul.products::after,
.shop-archive .woocommerce ul.products::before,
.shop-archive .woocommerce ul.products::after,
.shop-archive .woocommerce .products ul::before,
.shop-archive .woocommerce .products ul::after {
content: none !important;
display: none !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
.shop-archive .woocommerce-pagination {
margin-top: 24px;
display: flex;
justify-content: flex-end;
gap: 0;
}
.shop-archive nav.woocommerce-pagination ul {
border: none !important;
padding: 0 !important;
margin: 0 !important;
border-right: 0 !important;
white-space: nowrap !important;
display: inline-block !important;
}
.shop-archive .woocommerce-pagination .page-numbers {
margin: 0;
display: flex;
gap: 0;
}
.shop-archive .woocommerce-pagination .page-numbers li {
list-style: none;
margin: 0;
}
.shop-archive .woocommerce-pagination .page-numbers li + li {
margin-left: 7px !important;
}
.shop-archive .woocommerce-pagination .page-numbers li a,
.shop-archive .woocommerce-pagination .page-numbers li span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 74px;
height: 58px;
border: 1px solid rgba(48, 48, 48, 0.3);
border-radius: 0;
text-decoration: none;
color: var(--wp--preset--color--dywany-black, #303030);
font-size: 14px;
font-weight: 700;
background: #fff;
box-sizing: border-box;
}
.shop-archive .woocommerce-pagination .page-numbers li .current {
background: var(--wp--preset--color--dywany-black, #303030);
color: #fff;
}
.shop-archive .woocommerce-notices-wrapper {
margin-bottom: 14px;
}
@media (max-width: 1200px) {
.shop-archive {
padding: 0 18px;
}
.shop-archive__grid {
grid-template-columns: 1fr;
row-gap: 28px;
}
.shop-archive__sidebar,
.shop-archive__products {
grid-column: 1/-1;
}
.shop-archive__toolbar {
justify-content: flex-start;
}
}
@media (max-width: 1440px) {
.shop-archive {
max-width: 726px;
padding: 0;
box-sizing: border-box;
}
.shop-archive .layout-sections--desktop {
display: grid !important;
}
.shop-archive__grid {
grid-template-columns: 1fr;
}
.shop-archive__header {
padding: 0;
}
.shop-archive__sidebar {
display: none;
}
.shop-archive__products {
grid-column: 1/-1;
grid-area: auto;
}
.shop-products-grid,
.home-layout-grid,
.products {
grid-template-columns: repeat(3, minmax(0, 1fr));
row-gap: 20px !important;
}
.popular-carousel__items.shop-products-grid {
row-gap: 20px !important;
}
.shop-archive .pattern-home-popular-carousel {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: 726px;
width: 100%;
}
.shop-products-grid .popular-card {
max-width: none;
width: 100%;
height: 402px !important;
}
.shop-products-grid .popular-card__frame {
height: 100% !important;
padding: 35px 35px 109px !important;
box-sizing: border-box;
}
.shop-products-grid .popular-card__image-wrapper {
width: 171px !important;
height: 256px !important;
margin: 0 auto 12px !important;
display: flex;
align-items: center;
justify-content: center;
}
.shop-products-grid .popular-card__image,
.shop-products-grid .popular-card__image img {
max-width: 171px !important;
max-height: 256px !important;
}
.shop-products-grid .popular-card__add-to-cart {
position: absolute;
right: 8px !important;
bottom: 8px !important;
top: auto !important;
left: auto !important;
}
.shop-archive .popular-card__add-to-cart {
top: auto !important;
bottom: 8px !important;
right: 8px !important;
left: auto !important;
}
.pattern-home-popular-carousel .popular-carousel__items {
row-gap: 20px !important;
}
}
@media (max-width: 1100px) {
.shop-products-grid,
.popular-carousel__items.shop-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-layout-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.shop-products-grid,
.popular-carousel__items.shop-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 16px !important;
}
.shop-archive .popular-carousel__items.shop-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: 0 !important;
row-gap: 16px !important;
}
.home-layout-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 16px !important;
}
.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 16px !important;
}
.woocommerce-pagination {
justify-content: center !important;
}
}
@media (max-width: 768px) {
.shop-archive {
max-width: 376px;
padding: 0;
}
.shop-archive .layout-sections--desktop {
display: grid !important;
}
.shop-archive__grid {
grid-template-columns: 1fr;
}
.shop-archive__header {
padding: 0;
}
.shop-archive__sidebar {
display: none;
}
.shop-archive__products {
grid-column: 1/-1;
}
.shop-archive .pattern-home-popular-carousel {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: 376px;
width: 100%;
}
.woocommerce-pagination {
justify-content: center;
}
.shop-products-grid .popular-card {
max-width: none;
width: 100%;
height: 396px !important;
}
.shop-products-grid .popular-card__frame {
padding: 24px 12px 80px !important;
height: 100% !important;
}
.shop-products-grid .popular-card__image-wrapper {
width: 161px !important;
height: 242px !important;
margin: 0 auto 12px !important;
display: flex;
align-items: center;
justify-content: center;
}
.shop-products-grid .popular-card__image,
.shop-products-grid .popular-card__image img {
width: 100% !important;
height: 100% !important;
object-fit: contain;
}
}    :root {
--wp--preset--font-size--h1: 34px;
--wp--preset--font-size--h2: 21px;
--wp--preset--font-size--h3: 16px;
--wp--preset--font-size--h4: 13px;
--wp--preset--font-size--h5: 8px;
--wp--preset--font-size--button: 16px;
--wp--preset--font-size--body: 16px;
--wp--preset--color--primary: #f5efe6;
--wp--preset--color--secondary: #d6c8b5;
--wp--preset--color--accent: #b37f61;
--wp--preset--color--dywany-black: #303030;
--wp--preset--color--white: #ffffff;
}