.elementor-1267 .elementor-element.elementor-element-765c056b{--display:flex;--min-height:38vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.33;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-765c056b::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .e-con-inner > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;background-image:url("https://rebeccagrant.echelonpreview.co.uk/wp-content/uploads/2026/03/Yellowbrick-RGrant151644793762736.webp");--background-overlay:'';background-position:-4px -161px;background-repeat:no-repeat;background-size:cover;}.elementor-1267 .elementor-element.elementor-element-3188ebf8{--display:flex;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1267 .elementor-element.elementor-element-2888ec00{--display:flex;}.elementor-1267 .elementor-element.elementor-element-76e4be11{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:start;}.elementor-1267 .elementor-element.elementor-element-76e4be11 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:700;}.elementor-1267 .elementor-element.elementor-element-50f8d35b{margin:-1% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:end;}.elementor-1267 .elementor-element.elementor-element-50f8d35b .elementor-heading-title{font-family:"ivypresto-display", Sans-serif;font-size:1.7em;font-weight:500;line-height:1em;letter-spacing:0;}.elementor-1267 .elementor-element.elementor-element-169b9e9d:hover{--e-transform-translateY:2px;}.elementor-1267 .elementor-element.elementor-element-169b9e9d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1267 .elementor-element.elementor-element-169b9e9d .elementor-icon-wrapper{text-align:center;}.elementor-1267 .elementor-element.elementor-element-169b9e9d .elementor-icon{font-size:24px;}.elementor-1267 .elementor-element.elementor-element-169b9e9d .elementor-icon svg{height:24px;}.elementor-1267 .elementor-element.elementor-element-418246dc{--display:flex;--padding-top:100px;--padding-bottom:34px;--padding-left:20px;--padding-right:20px;}.elementor-1267 .elementor-element.elementor-element-26873f55.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1267 .elementor-element.elementor-element-26873f55.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-text );}.elementor-1267 .elementor-element.elementor-element-26873f55.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-text );}.elementor-1267 .elementor-element.elementor-element-26873f55.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1267 .elementor-element.elementor-element-26873f55.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Montserrat", Sans-serif;}.elementor-1267 .elementor-element.elementor-element-26873f55.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-text );}.elementor-1267 .elementor-element.elementor-element-26873f55.elementor-wc-products .added_to_cart{color:#FFF;}.elementor-1267 .elementor-element.elementor-element-26873f55.elementor-wc-products ul.products li.product{background-color:#FFF;}.elementor-1267 .elementor-element.elementor-element-26873f55 nav.woocommerce-pagination{font-family:"Montserrat", Sans-serif;}.elementor-1267 .elementor-element.elementor-element-26873f55.elementor-wc-products ul.products li.product span.onsale{display:block;font-family:"Montserrat", Sans-serif;}.elementor-1267 .elementor-element.elementor-element-26873f55 .elementor-products-nothing-found{font-family:"Montserrat", Sans-serif;}.elementor-1267 .elementor-element.elementor-element-270e284 img{width:39%;}.elementor-1267 .elementor-element.elementor-element-dc672ad{--display:flex;}.elementor-1267 .elementor-element.elementor-element-5e19a65{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:46px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-ffd152c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--flex-wrap:wrap;}.elementor-1267 .elementor-element.elementor-element-ced1900{width:100%;max-width:100%;}.elementor-1267 .elementor-element.elementor-element-ced1900 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.6em;letter-spacing:-0.02em;}.elementor-1267 .elementor-element.elementor-element-c573e8e{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + -8px) -4px;}.elementor-1267 .elementor-element.elementor-element-c573e8e .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:700;}.elementor-1267 .elementor-element.elementor-element-19fe5da{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;}.elementor-1267 .elementor-element.elementor-element-145d8d2{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1267 .elementor-element.elementor-element-145d8d2 img{width:100%;height:350px;object-fit:cover;object-position:center center;}.elementor-1267 .elementor-element.elementor-element-ae67a2a{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1267 .elementor-element.elementor-element-ae67a2a img{width:100%;height:200px;object-fit:cover;object-position:top right;}.elementor-1267 .elementor-element.elementor-element-29873f5{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-1267 .elementor-element.elementor-element-2b41083{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:start;font-family:"Georgia", Sans-serif;font-size:35px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;color:#FFFFFF;}.elementor-1267 .elementor-element.elementor-element-2b41083 p{margin-block-end:0px;}.elementor-1267 .elementor-element.elementor-element-8cef848{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:32px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-8cef848:hover{border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-1267 .elementor-element.elementor-element-8cef848, .elementor-1267 .elementor-element.elementor-element-8cef848::before{--border-transition:0.3s;}.elementor-1267 .elementor-element.elementor-element-8cef848.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1267 .elementor-element.elementor-element-3eb5965{font-family:"Montserrat", Sans-serif;}.elementor-1267 .elementor-element.elementor-element-ac48103{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:112px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1267 .elementor-element.elementor-element-f9976f0{--display:flex;--min-height:93vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.8;}.elementor-1267 .elementor-element.elementor-element-f9976f0::before, .elementor-1267 .elementor-element.elementor-element-f9976f0 > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-f9976f0 > .e-con-inner > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-f9976f0 > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-f9976f0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-f9976f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-dc78308 );--background-overlay:'';}.elementor-1267 .elementor-element.elementor-element-f9976f0 .elementor-background-slideshow__slide__image{background-size:cover;background-position:top left;}.elementor-1267 .elementor-element.elementor-element-2dacb05{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1267 .elementor-element.elementor-element-a8f564e{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + -4px) 0px;text-align:center;}.elementor-1267 .elementor-element.elementor-element-a8f564e .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:700;}.elementor-1267 .elementor-element.elementor-element-a5c5a24{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;}.elementor-1267 .elementor-element.elementor-element-a5c5a24 p{margin-block-end:8px;}.elementor-1267 .elementor-element.elementor-element-ce624fe .elementor-button{font-family:"Montserrat", Sans-serif;}@media(max-width:1024px){.elementor-1267 .elementor-element.elementor-element-765c056b::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .e-con-inner > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-1267 .elementor-element.elementor-element-765c056b{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1267 .elementor-element.elementor-element-76e4be11{margin:-4px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;}.elementor-1267 .elementor-element.elementor-element-50f8d35b .elementor-heading-title{font-size:3.1vw;}.elementor-1267 .elementor-element.elementor-element-26873f55.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1267 .elementor-element.elementor-element-5e19a65{--padding-top:56px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-ffd152c{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1267 .elementor-element.elementor-element-19fe5da.e-con{--order:99999 /* order end hack */;}.elementor-1267 .elementor-element.elementor-element-145d8d2 img{height:250px;}.elementor-1267 .elementor-element.elementor-element-ae67a2a img{height:250px;object-position:center center;}.elementor-1267 .elementor-element.elementor-element-29873f5{--margin-top:-8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1267 .elementor-element.elementor-element-2b41083{--container-widget-width:500px;--container-widget-flex-grow:0;width:var( --container-widget-width, 500px );max-width:500px;}.elementor-1267 .elementor-element.elementor-element-ac48103{--padding-top:56px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1267 .elementor-element.elementor-element-f9976f0{--min-height:700px;}.elementor-1267 .elementor-element.elementor-element-a5c5a24{--container-widget-width:550px;--container-widget-flex-grow:0;width:var( --container-widget-width, 550px );max-width:550px;}}@media(max-width:767px){.elementor-1267 .elementor-element.elementor-element-765c056b{--width:100%;--min-height:21vh;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1267 .elementor-element.elementor-element-765c056b::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .e-con-inner > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-765c056b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-1267 .elementor-element.elementor-element-3188ebf8{--content-width:1600px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-50f8d35b{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:end;}.elementor-1267 .elementor-element.elementor-element-50f8d35b .elementor-heading-title{font-size:1.3em;}.elementor-1267 .elementor-element.elementor-element-26873f55.elementor-wc-products ul.products{grid-column-gap:15px;grid-row-gap:40px;}.elementor-1267 .elementor-element.elementor-element-5e19a65{--padding-top:48px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-19fe5da{--margin-top:-8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1267 .elementor-element.elementor-element-145d8d2{width:100%;max-width:100%;}.elementor-1267 .elementor-element.elementor-element-145d8d2 img{height:180px;}.elementor-1267 .elementor-element.elementor-element-ae67a2a{width:100%;max-width:100%;}.elementor-1267 .elementor-element.elementor-element-ae67a2a img{height:180px;}.elementor-1267 .elementor-element.elementor-element-2b41083{font-size:17px;}.elementor-1267 .elementor-element.elementor-element-8cef848{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-1267 .elementor-element.elementor-element-f9976f0{--min-height:600px;}.elementor-1267 .elementor-element.elementor-element-a8f564e{width:100%;max-width:100%;}.elementor-1267 .elementor-element.elementor-element-a5c5a24{font-size:17px;}}@media(min-width:768px){.elementor-1267 .elementor-element.elementor-element-3188ebf8{--content-width:1600px;}.elementor-1267 .elementor-element.elementor-element-418246dc{--content-width:1600px;}.elementor-1267 .elementor-element.elementor-element-dc672ad{--content-width:1600px;}.elementor-1267 .elementor-element.elementor-element-5e19a65{--width:1600px;}.elementor-1267 .elementor-element.elementor-element-19fe5da{--width:40%;}.elementor-1267 .elementor-element.elementor-element-29873f5{--width:60%;}.elementor-1267 .elementor-element.elementor-element-8cef848{--width:85.655%;}.elementor-1267 .elementor-element.elementor-element-ac48103{--width:2000px;}.elementor-1267 .elementor-element.elementor-element-f9976f0{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1267 .elementor-element.elementor-element-19fe5da{--width:100%;}.elementor-1267 .elementor-element.elementor-element-29873f5{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-4f2d8618 *//* Filter bar wrapper */
#yp-filter-bar {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
gap: 8px !important;
margin-bottom: 24px !important;
}
/* Both dropdowns — shared style */
#yp-cat-filter,
#yp-sort-filter {
font-family: 'Montserrat', sans-serif !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
font-size: 13px !important;
background-color: #FF6F61 !important;
color: #ffffff !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
padding: 8px 32px 8px 14px !important;
border-radius: 0 !important;
cursor: pointer !important;
-webkit-appearance: none !important;
appearance: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
}
/* Filter bar — compact and right-aligned */
#yp-filter-bar {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
gap: 8px !important;
margin-bottom: 24px !important;
}
#yp-cat-filter,
#yp-sort-filter {
width: auto !important;
min-width: 160px !important;
max-width: 220px !important;
}
/* Spacing between result count and filter bar */
.woocommerce-result-count {
margin-bottom: 16px !important;
}
/* Push filter bar down slightly from result count */
div.woocommerce.columns-4 {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-26873f55 *//* =============================================
ELEMENTOR PRODUCT ARCHIVE — MASONRY + HOVER
============================================= */
/* Override Elementor's grid with column masonry */
.elementor-wc-products ul.products,
ul.products {
display: block !important;
column-count: 3 !important;
column-gap: 16px !important;
grid-template-columns: unset !important;
}
@media (max-width: 900px) {
.elementor-wc-products ul.products,
ul.products {
column-count: 2 !important;
}
}
@media (max-width: 600px) {
.elementor-wc-products ul.products,
ul.products {
column-count: 1 !important;
}
}
/* Each product item — no cropping */
.elementor-wc-products ul.products li.product,
ul.products li.product {
break-inside: avoid !important;
margin-bottom: 16px !important;
display: inline-block !important;
width: 100% !important;
float: none !important;
padding: 0 !important;
position: relative !important;
overflow: hidden !important;
cursor: pointer !important;
}
/* Image natural height — no crop */
.elementor-wc-products ul.products li.product a img,
ul.products li.product a img {
width: 100% !important;
height: auto !important;
display: block !important;
object-fit: unset !important;
}
/* Hide title, price and button below image */
.elementor-wc-products ul.products li.product .woocommerce-loop-product__title,
.elementor-wc-products ul.products li.product .price,
.elementor-wc-products ul.products li.product .button,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price,
ul.products li.product .button {
display: none !important;
}
/* Dark overlay on hover using the tag */
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link,
ul.products li.product a.woocommerce-LoopProduct-link {
position: relative !important;
display: block !important;
line-height: 0 !important;
}
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link::before,
ul.products li.product a.woocommerce-LoopProduct-link::before {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.35) !important;
opacity: 0 !important;
transition: opacity 0.4s ease !important;
z-index: 1 !important;
pointer-events: none !important;
}
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link:hover::before,
ul.products li.product a.woocommerce-LoopProduct-link:hover::before {
opacity: 1 !important;
}
/* Arrow box — bottom right */
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link::after,
ul.products li.product a.woocommerce-LoopProduct-link::after {
content: '→' !important;
position: absolute !important;
bottom: 14px !important;
right: 14px !important;
width: 36px !important;
height: 36px !important;
line-height: 36px !important;
text-align: center !important;
background: #ffffff !important;
color: #0B2645 !important;
font-size: 18px !important;
text-transform: uppercase !important;
opacity: 0 !important;
transform: translateY(8px) !important;
transition: opacity 0.4s ease, transform 0.4s ease !important;
z-index: 3 !important;
pointer-events: none !important;
}
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link:hover::after,
ul.products li.product a.woocommerce-LoopProduct-link:hover::after {
opacity: 1 !important;
transform: translateY(0) !important;
}
/* Overlay title — pulled from the hidden title via CSS attr trick
We use the aria-label or fall back to a JS inject below */
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title,
ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title {
display: block !important;
position: absolute !important;
bottom: 14px !important;
left: 14px !important;
right: 58px !important;
color: #ffffff !important;
font-size: 13px !important;
text-transform: uppercase !important;
line-height: 1.35 !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0 !important;
transform: translateY(8px) !important;
transition: opacity 0.4s ease, transform 0.4s ease !important;
z-index: 3 !important;
text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
pointer-events: none !important;
background: transparent !important;
}
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title,
ul.products li.product a.woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title {
opacity: 1 !important;
transform: translateY(0) !important;
}
@media (min-width: 768px) {
.elementor-wc-products ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title,
ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title {
font-size: 15px !important;
}
}
/* =============================================
MASONRY — override Elementor products grid
============================================= */
.elementor-products-grid .products,
.elementor-wc-products .products,
.woocommerce .elementor-element .elementor-products-grid ul.products {
display: block !important;
column-count: 3 !important;
column-gap: 16px !important;
grid-template-columns: unset !important;
grid: unset !important;
}
.elementor-products-grid .products li.product,
.elementor-wc-products .products li.product,
.woocommerce .elementor-element .elementor-products-grid ul.products li.product {
break-inside: avoid !important;
display: inline-block !important;
width: 100% !important;
float: none !important;
margin-bottom: 16px !important;
}
/* Full image, no crop */
.elementor-products-grid .products li.product img,
.elementor-wc-products .products li.product img {
width: 100% !important;
height: auto !important;
object-fit: unset !important;
display: block !important;
}
@media (max-width: 900px) {
.elementor-products-grid .products,
.elementor-wc-products .products {
column-count: 2 !important;
}
}
@media (max-width: 600px) {
.elementor-products-grid .products,
.elementor-wc-products .products {
column-count: 1 !important;
}
}
/* =============================================
SHOP — RESULT COUNT + ORDERING DROPDOWN
============================================= */
/* "Showing all 5 results" */
.woocommerce-result-count {
font-family: 'Montserrat', sans-serif !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
font-size: 13px !important;
color: #333333 !important;
}
/* Sort by dropdown */
.woocommerce-ordering select.orderby {
font-family: 'Montserrat', sans-serif !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
font-size: 13px !important;
background-color: #FF6F61 !important;
color: #ffffff !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
padding: 8px 32px 8px 14px !important;
border-radius: 0 !important;
cursor: pointer !important;
-webkit-appearance: none !important;
appearance: none !important;
/* Custom white arrow to replace default browser arrow */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
}
/* Dropdown options (limited browser support but worth including) */
.woocommerce-ordering select.orderby option {
background-color: #FF6F61 !important;
color: #ffffff !important;
text-transform: uppercase !important;
font-family: 'Montserrat', sans-serif !important;
}
/* Remove any wrapper border/outline */
.woocommerce-ordering {
border: none !important;
outline: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6e6032 */#typing-text {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
}/* End custom CSS */