.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@media (max-width: 900px){ /* main layout */ .samm-wrap{ display:flex !important; flex-direction:column !important; padding:30px 16px !important; } /* image should be on top */ .samm-right{ order:-1 !important; width:100% !important; display:flex !important; justify-content:center !important; margin-bottom:20px !important; } .samm-right img{ width:90% !important; max-width:360px !important; height:auto !important; } /* text block */ .samm-left{ width:100% !important; text-align:left !important; } .samm-left h1{ font-size:32px !important; line-height:1.2 !important; } .samm-left span{ font-size:20px !important; } .samm-rating{ font-size:14px !important; margin:10px 0 !important; } .samm-left p{ font-size:14px !important; line-height:1.6 !important; } /* size grid like Sammvaad */ .samm-sizes{ display:flex !important; justify-content:space-between !important; gap:10px !important; } .samm-size{ width:32% !important; padding:10px 6px !important; } .samm-size img{ width:60px !important; } /* button full width */ .samm-btn{ width:100% !important; margin-top:20px !important; } } /* WHY SECTION */ .why-samm-bg{ background:#fff; padding:80px 30px; text-align:center; } .why-samm-bg h2{ font-size:38px; font-weight:700; } .why-samm-bg span{color:#7b2d10;} .why-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:30px; margin-top:50px; } .why-box img{width:60px;} .why-box h4{margin-top:15px;font-weight:700;color:#7b2d10;} .why-box p{font-size:14px;color:#555;} /* REWARD */ .reward-bg{ background:#fbf3e8; padding:100px 30px; text-align:center; } .reward-bg h2{font-size:42px;} .reward-bg span{color:#7b2d10;} .reward-grid{ display:flex; justify-content:center; gap:60px; margin:50px 0; } .reward-box img{width:120px;} .reward-box h4{color:#7b2d10;} .reward-note{font-size:16px;margin-top:20px;} .reward-btn{ background:#7b2d10; color:white; padding:16px 40px; border:none; font-size:15px; border-radius:6px; } /* MOBILE */ @media(max-width:900px){ .why-grid{ grid-template-columns:1fr 1fr; } .reward-grid{ flex-direction:column; gap:30px; } } <script> document.addEventListener("DOMContentLoaded", function () { const grid = document.querySelector(".best-sellers-grid"); const leftArrow = document.querySelector(".slider-arrow.left"); const rightArrow = document.querySelector(".slider-arrow.right"); if (!grid || !leftArrow || !rightArrow) return; function getSlideAmount() { const card = grid.querySelector(".product-card"); return card ? card.offsetWidth + 16 : 300; // card width + gap } rightArrow.addEventListener("click", function () { grid.scrollBy({ left: getSlideAmount(), behavior: "smooth" }); }); leftArrow.addEventListener("click", function () { grid.scrollBy({ left: -getSlideAmount(), behavior: "smooth" }); }); }); </script>/* End custom CSS */