.elementor-7457 .elementor-element.elementor-element-6899c39{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:12%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-7457 .elementor-element.elementor-element-6899c39:not(.elementor-motion-effects-element-type-background), .elementor-7457 .elementor-element.elementor-element-6899c39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://e-rumi.com/wp-content/uploads/2025/10/relaxed-designers-communicating-together-creative-office-guys-throwing-paper-scaled.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-7457 .elementor-element.elementor-element-6899c39::before, .elementor-7457 .elementor-element.elementor-element-6899c39 > .elementor-background-video-container::before, .elementor-7457 .elementor-element.elementor-element-6899c39 > .e-con-inner > .elementor-background-video-container::before, .elementor-7457 .elementor-element.elementor-element-6899c39 > .elementor-background-slideshow::before, .elementor-7457 .elementor-element.elementor-element-6899c39 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7457 .elementor-element.elementor-element-6899c39 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-7457 .elementor-element.elementor-element-ae7f913{--display:flex;--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7457 .elementor-element.elementor-element-07aefd8{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-7457 .elementor-element.elementor-element-07aefd8 .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-7457 .elementor-element.elementor-element-d11860f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-7457 .elementor-element.elementor-element-d11860f .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-7457 .elementor-element.elementor-element-3f9229d{padding:20px 0px 0px 0px;}.elementor-7457 .elementor-element.elementor-element-3f9229d .elementor-icon-wrapper{text-align:center;}.elementor-7457 .elementor-element.elementor-element-3f9229d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-7457 .elementor-element.elementor-element-3f9229d.elementor-view-framed .elementor-icon, .elementor-7457 .elementor-element.elementor-element-3f9229d.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor5 );border-color:var( --e-global-color-astglobalcolor5 );}.elementor-7457 .elementor-element.elementor-element-3f9229d.elementor-view-framed .elementor-icon, .elementor-7457 .elementor-element.elementor-element-3f9229d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-7457 .elementor-element.elementor-element-3f9229d .elementor-icon{font-size:30px;}.elementor-7457 .elementor-element.elementor-element-3f9229d .elementor-icon svg{height:30px;}.elementor-7457 .elementor-element.elementor-element-aa8a3a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7457 .elementor-element.elementor-element-0owem2t{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-7457 .elementor-element.elementor-element-0owem2t > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7457 .elementor-element.elementor-element-e31cd40 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7457 .elementor-element.elementor-element-e31cd40 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
.elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-7457 .elementor-element.elementor-element-7ff6cf4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--icon-box-icon-margin:0px;}.elementor-7457 .elementor-element.elementor-element-7ff6cf4 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-secondary );}.elementor-7457 .elementor-element.elementor-element-7ff6cf4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-60d8995 );}.elementor-7457 .elementor-element.elementor-element-7ff6cf4.elementor-view-framed .elementor-icon, .elementor-7457 .elementor-element.elementor-element-7ff6cf4.elementor-view-default .elementor-icon{fill:var( --e-global-color-60d8995 );color:var( --e-global-color-60d8995 );border-color:var( --e-global-color-60d8995 );}.elementor-7457 .elementor-element.elementor-element-7ff6cf4 .elementor-icon{font-size:40px;}.elementor-7457 .elementor-element.elementor-element-1ecc710 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7457 .elementor-element.elementor-element-1ecc710 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7457 .elementor-element.elementor-element-2feaaa9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--icon-box-icon-margin:0px;}.elementor-7457 .elementor-element.elementor-element-2feaaa9 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-secondary );}.elementor-7457 .elementor-element.elementor-element-2feaaa9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-60d8995 );}.elementor-7457 .elementor-element.elementor-element-2feaaa9.elementor-view-framed .elementor-icon, .elementor-7457 .elementor-element.elementor-element-2feaaa9.elementor-view-default .elementor-icon{fill:var( --e-global-color-60d8995 );color:var( --e-global-color-60d8995 );border-color:var( --e-global-color-60d8995 );}.elementor-7457 .elementor-element.elementor-element-2feaaa9 .elementor-icon{font-size:40px;}.elementor-7457 .elementor-element.elementor-element-0415166 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7457 .elementor-element.elementor-element-0415166 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7457 .elementor-element.elementor-element-7c13b8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--icon-box-icon-margin:0px;}.elementor-7457 .elementor-element.elementor-element-7c13b8a .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-secondary );}.elementor-7457 .elementor-element.elementor-element-7c13b8a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-60d8995 );}.elementor-7457 .elementor-element.elementor-element-7c13b8a.elementor-view-framed .elementor-icon, .elementor-7457 .elementor-element.elementor-element-7c13b8a.elementor-view-default .elementor-icon{fill:var( --e-global-color-60d8995 );color:var( --e-global-color-60d8995 );border-color:var( --e-global-color-60d8995 );}.elementor-7457 .elementor-element.elementor-element-7c13b8a .elementor-icon{font-size:40px;}.elementor-7457 .elementor-element.elementor-element-c6ac177 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7457 .elementor-element.elementor-element-c6ac177 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7457 .elementor-element.elementor-element-09dfcb6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--icon-box-icon-margin:0px;}.elementor-7457 .elementor-element.elementor-element-09dfcb6 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-secondary );}.elementor-7457 .elementor-element.elementor-element-09dfcb6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-60d8995 );}.elementor-7457 .elementor-element.elementor-element-09dfcb6.elementor-view-framed .elementor-icon, .elementor-7457 .elementor-element.elementor-element-09dfcb6.elementor-view-default .elementor-icon{fill:var( --e-global-color-60d8995 );color:var( --e-global-color-60d8995 );border-color:var( --e-global-color-60d8995 );}.elementor-7457 .elementor-element.elementor-element-09dfcb6 .elementor-icon{font-size:40px;}.elementor-7457 .elementor-element.elementor-element-3e4bc73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7457 .elementor-element.elementor-element-6899c39{--padding-top:33%;--padding-bottom:33%;--padding-left:0%;--padding-right:0%;}.elementor-7457 .elementor-element.elementor-element-ae7f913{--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-7457 .elementor-element.elementor-element-07aefd8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;}.elementor-7457 .elementor-element.elementor-element-d11860f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;}.elementor-7457 .elementor-element.elementor-element-0owem2t{padding:60px 30px 60px 30px;}.elementor-7457 .elementor-element.elementor-element-e31cd40 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7457 .elementor-element.elementor-element-7ff6cf4{--icon-box-icon-margin:0px;}.elementor-7457 .elementor-element.elementor-element-7ff6cf4 .elementor-icon-box-title{margin-block-end:10px;}.elementor-7457 .elementor-element.elementor-element-7ff6cf4 .elementor-icon{font-size:35px;}.elementor-7457 .elementor-element.elementor-element-1ecc710 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7457 .elementor-element.elementor-element-2feaaa9{--icon-box-icon-margin:0px;}.elementor-7457 .elementor-element.elementor-element-2feaaa9 .elementor-icon-box-title{margin-block-end:10px;}.elementor-7457 .elementor-element.elementor-element-2feaaa9 .elementor-icon{font-size:35px;}.elementor-7457 .elementor-element.elementor-element-0415166 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7457 .elementor-element.elementor-element-7c13b8a{--icon-box-icon-margin:0px;}.elementor-7457 .elementor-element.elementor-element-7c13b8a .elementor-icon-box-title{margin-block-end:10px;}.elementor-7457 .elementor-element.elementor-element-7c13b8a .elementor-icon{font-size:35px;}.elementor-7457 .elementor-element.elementor-element-c6ac177 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7457 .elementor-element.elementor-element-09dfcb6{--icon-box-icon-margin:0px;}.elementor-7457 .elementor-element.elementor-element-09dfcb6 .elementor-icon-box-title{margin-block-end:10px;}.elementor-7457 .elementor-element.elementor-element-09dfcb6 .elementor-icon{font-size:35px;}}@media(min-width:768px){.elementor-7457 .elementor-element.elementor-element-6899c39{--content-width:1040px;}}@media(min-width:1025px){.elementor-7457 .elementor-element.elementor-element-6899c39:not(.elementor-motion-effects-element-type-background), .elementor-7457 .elementor-element.elementor-element-6899c39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-7457 .elementor-element.elementor-element-6899c39:not(.elementor-motion-effects-element-type-background), .elementor-7457 .elementor-element.elementor-element-6899c39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://e-rumi.com/wp-content/uploads/2025/10/relaxed-designers-communicating-together-creative-office-guys-throwing-paper-scaled.jpg");}.elementor-7457 .elementor-element.elementor-element-6899c39{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-7457 .elementor-element.elementor-element-07aefd8{padding:0px 0px 0px 0px;}.elementor-7457 .elementor-element.elementor-element-d11860f{padding:0px 0px 0px 0px;}.elementor-7457 .elementor-element.elementor-element-0owem2t{padding:60px 0px 50px 0px;}.elementor-7457 .elementor-element.elementor-element-e31cd40{width:50%;}.elementor-7457 .elementor-element.elementor-element-e31cd40 > .elementor-element-populated{padding:0px 20px 30px 20px;}.elementor-7457 .elementor-element.elementor-element-7ff6cf4{--icon-box-icon-margin:0px;}.elementor-7457 .elementor-element.elementor-element-7ff6cf4 .elementor-icon-box-title{margin-block-end:1px;}.elementor-7457 .elementor-element.elementor-element-7ff6cf4 .elementor-icon{font-size:31px;}.elementor-7457 .elementor-element.elementor-element-1ecc710{width:50%;}.elementor-7457 .elementor-element.elementor-element-1ecc710 > .elementor-element-populated{padding:0px 20px 30px 20px;}.elementor-7457 .elementor-element.elementor-element-2feaaa9{--icon-box-icon-margin:0px;}.elementor-7457 .elementor-element.elementor-element-2feaaa9 .elementor-icon-box-title{margin-block-end:1px;}.elementor-7457 .elementor-element.elementor-element-2feaaa9 .elementor-icon{font-size:31px;}.elementor-7457 .elementor-element.elementor-element-0415166{width:50%;}.elementor-7457 .elementor-element.elementor-element-0415166 > .elementor-element-populated{padding:20px 20px 30px 20px;}.elementor-7457 .elementor-element.elementor-element-7c13b8a{--icon-box-icon-margin:0px;}.elementor-7457 .elementor-element.elementor-element-7c13b8a .elementor-icon-box-title{margin-block-end:1px;}.elementor-7457 .elementor-element.elementor-element-7c13b8a .elementor-icon{font-size:31px;}.elementor-7457 .elementor-element.elementor-element-c6ac177{width:50%;}.elementor-7457 .elementor-element.elementor-element-c6ac177 > .elementor-element-populated{padding:20px 20px 30px 20px;}.elementor-7457 .elementor-element.elementor-element-09dfcb6{--icon-box-icon-margin:0px;}.elementor-7457 .elementor-element.elementor-element-09dfcb6 .elementor-icon-box-title{margin-block-end:1px;}.elementor-7457 .elementor-element.elementor-element-09dfcb6 .elementor-icon{font-size:31px;}.elementor-7457 .elementor-element.elementor-element-b512b7c{padding:0px 0px 0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-07aefd8 */@media (max-width: 768px) {
/* Works for both CSS background and ![]()
hero */
.elementor-7457 .elementor-element.elementor-element-07aefd8.erumi-hero{
position: relative !important;
min-height: calc(var(--vh, 1vh) * 100) !important;
padding: 20px 16px 28px !important;
display: grid !important;
place-items: end start !important;
overflow: hidden !important;
background-size: cover !important;
background-position: center !important;
}
/* If hero image is an ![]()
inside the section */
.elementor-7457 .elementor-element.elementor-element-07aefd8.erumi-hero img{
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
z-index: 0 !important;
}
/* Text/content container */
.elementor-7457 .elementor-element.elementor-element-07aefd8.erumi-hero .hero-inner,
.elementor-7457 .elementor-element.elementor-element-07aefd8.erumi-hero .elementor-container,
.elementor-7457 .elementor-element.elementor-element-07aefd8.erumi-hero .content{
position: relative !important;
z-index: 1 !important;
max-width: 90vw !important;
}
.elementor-7457 .elementor-element.elementor-element-07aefd8.erumi-hero .hero-title{ margin: 0 0 8px !important; max-width: 22ch !important; }
.elementor-7457 .elementor-element.elementor-element-07aefd8.erumi-hero .hero-sub{ opacity: .9; max-width: 32ch !important; }
.elementor-7457 .elementor-element.elementor-element-07aefd8.erumi-hero .elementor-button{ width: 100% !important; height: 48px !important; border-radius: 12px !important; }
/* Safety: stop oversized HTML content pushing width */
.elementor-7457 .elementor-element.elementor-element-07aefd8.erumi-hero *{ box-sizing: border-box; max-width: 100% !important; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d11860f */@media (max-width: 768px) {
/* Works for both CSS background and ![]()
hero */
.elementor-7457 .elementor-element.elementor-element-d11860f.erumi-hero{
position: relative !important;
min-height: calc(var(--vh, 1vh) * 100) !important;
padding: 20px 16px 28px !important;
display: grid !important;
place-items: end start !important;
overflow: hidden !important;
background-size: cover !important;
background-position: center !important;
}
/* If hero image is an ![]()
inside the section */
.elementor-7457 .elementor-element.elementor-element-d11860f.erumi-hero img{
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
z-index: 0 !important;
}
/* Text/content container */
.elementor-7457 .elementor-element.elementor-element-d11860f.erumi-hero .hero-inner,
.elementor-7457 .elementor-element.elementor-element-d11860f.erumi-hero .elementor-container,
.elementor-7457 .elementor-element.elementor-element-d11860f.erumi-hero .content{
position: relative !important;
z-index: 1 !important;
max-width: 90vw !important;
}
.elementor-7457 .elementor-element.elementor-element-d11860f.erumi-hero .hero-title{ margin: 0 0 8px !important; max-width: 22ch !important; }
.elementor-7457 .elementor-element.elementor-element-d11860f.erumi-hero .hero-sub{ opacity: .9; max-width: 32ch !important; }
.elementor-7457 .elementor-element.elementor-element-d11860f.erumi-hero .elementor-button{ width: 100% !important; height: 48px !important; border-radius: 12px !important; }
/* Safety: stop oversized HTML content pushing width */
.elementor-7457 .elementor-element.elementor-element-d11860f.erumi-hero *{ box-sizing: border-box; max-width: 100% !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6899c39 */@media (max-width: 768px) {
/* Works for both CSS background and ![]()
hero */
.elementor-7457 .elementor-element.elementor-element-6899c39.erumi-hero{
position: relative !important;
min-height: calc(var(--vh, 1vh) * 100) !important;
padding: 20px 16px 28px !important;
display: grid !important;
place-items: end start !important;
overflow: hidden !important;
background-size: cover !important;
background-position: center !important;
}
/* If hero image is an ![]()
inside the section */
.elementor-7457 .elementor-element.elementor-element-6899c39.erumi-hero img{
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
z-index: 0 !important;
}
/* Text/content container */
.elementor-7457 .elementor-element.elementor-element-6899c39.erumi-hero .hero-inner,
.elementor-7457 .elementor-element.elementor-element-6899c39.erumi-hero .elementor-container,
.elementor-7457 .elementor-element.elementor-element-6899c39.erumi-hero .content{
position: relative !important;
z-index: 1 !important;
max-width: 90vw !important;
}
.elementor-7457 .elementor-element.elementor-element-6899c39.erumi-hero .hero-title{ margin: 0 0 8px !important; max-width: 22ch !important; }
.elementor-7457 .elementor-element.elementor-element-6899c39.erumi-hero .hero-sub{ opacity: .9; max-width: 32ch !important; }
.elementor-7457 .elementor-element.elementor-element-6899c39.erumi-hero .elementor-button{ width: 100% !important; height: 48px !important; border-radius: 12px !important; }
/* Safety: stop oversized HTML content pushing width */
.elementor-7457 .elementor-element.elementor-element-6899c39.erumi-hero *{ box-sizing: border-box; max-width: 100% !important; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0owem2t *//* Celebrity Marketing page – better product grid + cards */
body.page-slug-celebrity-marketing .woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
margin: 0; /* remove odd gaps */
}
@media (max-width: 900px){
body.page-slug-celebrity-marketing .woocommerce ul.products {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 540px){
body.page-slug-celebrity-marketing .woocommerce ul.products {
grid-template-columns: 1fr;
}
}
/* Card styling */
body.page-slug-celebrity-marketing .woocommerce ul.products li.product {
padding: 14px;
border: 1px solid rgba(0,0,0,.06);
border-radius: 12px;
background: #fff;
box-shadow: 0 6px 16px rgba(0,0,0,.06);
overflow: hidden;
}
/* Larger, consistent images */
body.page-slug-celebrity-marketing .woocommerce ul.products li.product a img {
width: 100% !important;
height: auto !important;
border-radius: 10px;
display: block;
}
/* Tidy titles & price */
body.page-slug-celebrity-marketing .woocommerce ul.products li.product .woocommerce-loop-product__title {
font-family: 'Russ One', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: 1rem;
line-height: 1.25;
margin: 10px 0 4px;
}
body.page-slug-celebrity-marketing .woocommerce ul.products li.product .price {
color: #0f1216;
font-weight: 600;
margin-bottom: 8px;
}
/* Buttons */
body.page-slug-celebrity-marketing .woocommerce a.button {
border-radius: 10px;
padding: 10px 12px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e4bc73 *//* Footer Hero — smaller image + ultra-compact bar, true center (≤768px) */
@media (max-width: 768px) {
/* 1) Make the background image shorter */
.elementor-7457 .elementor-element.elementor-element-3e4bc73 .erumi-footer-hero__img{
height: clamp(120px, 22vh, 220px) !important; /* smaller than before */
object-position: center 42% !important;
}
/* 2) Use a 3-col grid so the center is mathematically centered */
.elementor-7457 .elementor-element.elementor-element-3e4bc73 .erumi-footer-bar{
display: grid !important;
grid-template-columns: 1fr auto 1fr !important; /* left / center / right */
align-items: center !important;
gap: 4px !important;
/* tighter box */
padding: 4px 6px !important;
border-radius: 10px !important;
white-space: nowrap !important;
overflow: hidden !important;
position: absolute !important;
left: 10px !important; right: 10px !important; bottom: 10px !important;
/* Russ One bold look */
font-family: "Russ One", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0 !important; /* save a few pixels */
}
/* 3) Keep only Contact + Privacy + FAQ (hide About & Refunds) */
.elementor-7457 .elementor-element.elementor-element-3e4bc73 .erumi-foot-left a:nth-child(1),
.elementor-7457 .elementor-element.elementor-element-3e4bc73 .erumi-foot-left a:nth-child(5){ display: none !important; }
/* 4) Left menus: extra small + clamped width so they can't push the center */
.elementor-7457 .elementor-element.elementor-element-3e4bc73 .erumi-foot-left{
grid-column: 1 !important;
justify-self: start !important;
display: inline-flex !important;
align-items: center !important;
gap: 3px !important;
max-width: 38vw !important; /* tighter clamp */
min-width: 0 !important;
overflow: hidden !important;
}
.elementor-7457 .elementor-element.elementor-element-3e4bc73 .erumi-foot-left a{
font-size: 9px !important; /* smaller menu font */
line-height: 1.05 !important;
padding: 0 3px !important;
}
/* 5) Center text: fixed in the middle cell */
.elementor-7457 .elementor-element.elementor-element-3e4bc73 .erumi-foot-center{
grid-column: 2 !important;
justify-self: center !important;
font-size: 10px !important; /* slightly smaller too */
line-height: 1.1 !important;
margin: 0 !important;
white-space: nowrap !important;
text-align: center !important;
min-width: 0 !important; /* prevent accidental growth */
}
/* 6) Right: payment logo pinned to far right, made smaller */
.elementor-7457 .elementor-element.elementor-element-3e4bc73 .erumi-foot-right{
grid-column: 3 !important;
justify-self: end !important;
display: flex !important; align-items: center !important;
min-width: 0 !important;
}
.elementor-7457 .elementor-element.elementor-element-3e4bc73 .erumi-foot-right img{
height: 16px !important; /* smaller than before */
width: auto !important;
margin-left: 6px !important;
display: block !important;
}
/* 7) Ultra-narrow guard (≤360px) — squeeze a bit more */
@media (max-width: 360px){
.elementor-7457 .elementor-element.elementor-element-3e4bc73 .erumi-foot-left{ max-width: 36vw !important; gap: 2px !important; }
.elementor-7457 .elementor-element.elementor-element-3e4bc73 .erumi-foot-left a{ font-size: 8.5px !important; padding: 0 2.5px !important; }
.elementor-7457 .elementor-element.elementor-element-3e4bc73 .erumi-foot-center{ font-size: 9.5px !important; }
.elementor-7457 .elementor-element.elementor-element-3e4bc73 .erumi-foot-right img{ height: 15px !important; }
}
}/* End custom CSS */