[[{"logo": {"target": "_self", "logoSrc": "https://media-assets.hyperinvento.com/companies/3a5f1158-d966-4bf9-8fbb-11e3b361b94b/others/others/files/52212563ca63485a810c84a88cc526d4-other-other.png", "isVisibleOnMobile": true, "isVisibleOnDesktop": true, "data-click_action_value": "", "data-click_action_choice": ""}, "cartIcon": {"target": "_self", "cartIconSrc": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/common/header-layout-2-cart-icon.svg", "cartTextContent": "Cart", "isVisibleOnMobile": true, "isVisibleOnDesktop": true, "data-click_action_value": "{\"id\":\"cart\"}", "data-click_action_choice": "internal_page"}, "closeIcon": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/common/xmark-icon-black.svg", "menuItems": [{"text": "Category Header", "position": "2"}], "searchIcon": {"target": "_self", "searchIconSrc": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/header-footer/search.svg", "isVisibleOnDesktop": true, "data-click_action_value": "", "data-click_action_choice": ""}, "accountIcon": {"target": "_self", "accountIconSrc": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/common/header-layout-2-account-icon.svg", "isVisibleOnMobile": true, "accountTextContent": "Account", "isVisibleOnDesktop": true, "data-click_action_value": "{\"id\":\"account\"}", "data-click_action_choice": "internal_page"}, "contactIcon": {"target": "_self", "contactNo": " 7057575720", "contactIconSrc": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/common/header-layout-2-contact-icon.svg", "isVisibleOnMobile": true, "isVisibleOnDesktop": true, "contactNoTextContent": "Contact us", "data-click_action_value": "", "data-click_action_choice": ""}, "headerLayout": "headerLayout2", "categoryMenuName": "Category", "menuCollapseIcon": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/common/slide-down-icon-dark.png", "searchIconMobile": {"target": "_self", "isVisibleOnMobile": true, "searchIconMobileSrc": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/header-footer/search.svg", "data-click_action_value": "", "data-click_action_choice": ""}, "hamburgerMenuIcon": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/common/hambuger-icon-black.svg", "headerStyleConfig": {"menuTextHoverColor": "", "subMenuTextHoverColor": "", "menuHoverBackgroundColor": "", "subMenuHoverBackgroundColor": ""}, "searchPlaceholder": "Search Products", "isHeaderConfigured": true, "storeLocationDesktop": {"target": "_self", "isVisibleOnMobile": true, "isVisibleOnDesktop": true, "data-click_action_value": "", "storeLocationDesktopSrc": "", "data-click_action_choice": ""}, "menuListVisibleOnMobile": true, "menuListVisibleOnDesktop": true, "mobileStyleConfiguration": {"menuFontSize": "14px", "iconTextColor": "#ffffff", "menuAlignment": "center", "menuTextColor": "#262e2e", "countTextColor": "#ffffff", "menuFontWeight": "500", "iconBorderColor": "#ffffff", "subMenuFontSize": "14px", "countBorderColor": "#262e2e", "iconBorderRadius": "0px", "subMenuTextColor": "#262e2e", "countBorderRadius": "15px", "subMenuFontWeight": "500", "subSubMenuFontSize": "14px", "iconBackgroundColor": "#ffffff", "menuBackgroundColor": "#ffffff", "subSubMenuTextColor": "#262e2e", "countBackgroundColor": "#262e2e", "iconContentTextColor": "#262e2e", "searchInputTextColor": "#262e2e", "subSubMenuFontWeight": "500", "headerBackgroundColor": "#ffffff", "searchBackgroundColor": "#ffffff", "subMenuHoverTextColor": "##fcd84", "searchInputBorderColor": "#262e2e", "subMenuBackgroundColor": "#ffffff", "searchInputBorderRadius": "5px", "menuHoverBackgroundColor": "", "subSubMenuBackgroundColor": "#ffffff", "subMenuHoverBackgroundColor": "", "mensubMenuHoverTextColoruFontSize": "14px", "mensearchInputBorderRadiusuHoverTextColor": ""}, "desktopStyleConfiguration": {"menuFontSize": "14px", "iconTextColor": "#ffffff", "menuAlignment": "center", "menuTextColor": "#262e2e", "countTextColor": "#ffffff", "menuFontWeight": "bold", "iconBorderColor": "#ffffff00", "subMenuFontSize": "13px", "countBorderColor": "#262e2e", "iconBorderRadius": "0px", "subMenuTextColor": "#262e2e", "countBorderRadius": "15px", "subMenuFontWeight": "500", "menuHoverTextColor": "#262e2e", "subSubMenuFontSize": "13px", "iconBackgroundColor": "#ffffff00", "menuBackgroundColor": "#262e2e", "subSubMenuTextColor": "#dbdbdb", "countBackgroundColor": "#262e2e", "iconContentTextColor": "#262e2e", "searchInputTextColor": "#262e2e", "subSubMenuFontWeight": "500", "headerBackgroundColor": "#e6e6e6", "searchBackgroundColor": "#ffffff", "subMenuHoverTextColor": "#262e2e", "searchInputBorderColor": "#262e2e", "subMenuBackgroundColor": "#e6e6e6", "searchInputBorderRadius": "5px", "menuHoverBackgroundColor": "#ffffff00", "subSubMenuBackgroundColor": "#ffffff", "subMenuHoverBackgroundColor": "#ffffff00"}, "dynamicCategoryHeaderConfig": {"layoutType": "inlineLayout1", "dynamicHeaderType": "dynamicHeaderInline"}}, "

", "", "", "

", "", "

", "", "", "", "

", "", "", "", "", "

", "", "", "", "", "", "

", ""], {"footerStyle": ".style-footer-c4d41196-ec3e-4d79-b796-6d5c47340ae4-1731578968049{#hyper1732360556771 { padding-top: 20px;padding-right: 0px;padding-bottom: 20px;padding-left: 0px;}#hyper1731579129314 { font-weight: 600; color: #000000;font-size: 14px;}#hyper1731579088115 { font-size: 14px;color: #000000;font-weight: 600;}#hyper1731579064184 { font-size: 14px;font-weight: 600;color: #000000;}#hyper1731579055112 { font-weight: 600; color: #000000;font-size: 14px;}#hyper1731579032860 { font-size: 14px;font-weight: 600;color: #000000;}#hyper1731579193279 { font-weight: 600; color: #000000;font-size: 14px;}#hyper1731579176960 { color: #000000; font-weight: 600;font-size: 14px;}#hyper1731579161544 { font-size: 14px;font-weight: 600;color: #000000;}#hyper1731579150978 { color: #000000; font-weight: 600;font-size: 14px;}#hyper1732360410149 { color: #000000; font-weight: bold;}#hyper1732360399497 { font-weight: bold; color: #000000;}#hyper1731579410850 { font-weight: 600; color: #000000;}#hyper1731578978467 { font-size: 13px;color: #000000;font-weight: bold;}#hyper1731579324371 { font-size: 14px;color: #000000;font-weight: 600;}#hyper1731579306172 { font-size: 14px;color: #000000;font-weight: 600;}#hyper1731579286967 { font-size: 14px;color: #000000;font-weight: 600;}#hyper1731579267033 { font-size: 14px;color: #000000;font-weight: 600;}#hyper1732360163890 { font-size: 16px;color: #000000;font-weight: bold;}#hyper1731578990104 { font-size: 14px;color: #000000;font-weight: 600;}#hyper1731579126442 { font-size: 21px;background-color: #e6e6e6;}.footer-type-2 .footer-section { position: relative; background-color: #262e2e; border: 1px solid transparent; padding: 50px 20px 20px; margin: 0 auto 0; max-width: 1500px; } .footer-content { display: grid; row-gap: 30px; column-gap: 80px; grid-template-columns: repeat(5, 1fr); } .footer-logo-container { padding: 0; display: flex; align-items: center; } .footer-logo-container img { width: 100%; max-width: 200px; } p.address { font-size: 0.75rem; color: #ffffff; padding: 20px 0 10px; line-height: 30px; white-space: pre-wrap; } h1 { font-size: 0.875rem; color: #ffffff; font-weight: 500; text-transform: uppercase; margin: 0 0 20px; } ul.footer-items li a { cursor: pointer; font-size: 0.75rem; text-decoration: none; color: #ffffff; font-weight: normal; } ul.footer-items li a:hover { color: #ffffff; text-decoration: underline; } ul.footer-items li:not(:last-child) { margin: 0 0 15px; } ul { padding: 0; margin: 0; list-style: none; } .footer-type-2 .footer-section .bottom-panel { display: flex; align-items: center; justify-content: space-between; padding: 50px 0 20px; } .footer-type-2 .footer-section .bottom-panel ul.payment-mode-list { display: flex; align-items: center; gap: 12px; } .footer-type-2 .footer-section .bottom-panel ul.payment-mode-list img { width: 50px; height: 50px; } .footer-type-2 .footer-section .bottom-panel ul.social-media-icon-list { display: flex; align-items: center; gap: 15px; } .footer-type-2 .footer-section .bottom-panel ul.social-media-icon-list a { display: flex; } .footer-type-2 .footer-section .bottom-panel ul.social-media-icon-list img { width: 40px; height: 40px; } .footer-type-2 .footer-section p.copy-rights { font-size: 0.75rem; color: #ffffff; padding: 0; line-height: normal; } @media only screen and (max-width: 990px) { .footer-type-2 .footer-content { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 640px) { .footer-type-2 .footer-content { grid-template-columns: repeat(2, 1fr); } .footer-type-2 .footer-section .bottom-panel { padding: 20px 10px; } .footer-type-2 .footer-section .bottom-panel { flex-direction: column; gap: 20px; padding: 50px 0 30px; align-items: self-start; } } @media only screen and (max-width: 440px) { .footer-type-2 .footer-content { grid-template-columns: repeat(1, 1fr); } }}", "headerStyle": "ul.non-collapse-list li { font-weight: normal !important; } .only-desktop { display: block; } .header-layout-2 { display: flex; flex-direction: column; padding: 0 20px; max-width: 1540px; margin: auto; position: relative; } .header-layout-2 .top-section { display: flex; align-items: center; justify-content: space-between; position: relative; padding: 5px 0; } .top-section .search-box { position: relative; width: 225px; height: 35px; } .search-box .search-input { font-size: 13px; font-weight: 500; padding: 10px 45px 10px 15px; width: 100%; height: 100%; border-width: 1px; border-style: solid; } .search-box .search-icon { position: absolute; top: 50%; right: 5px; width: 16px; height: 16px; transform: translate(-50%, -50%); cursor: pointer; } .header-layout-2 .logo-hamburger-wrapper { display: flex; align-items: center; justify-content: flex-start; gap: 20px; } .header-layout-2 .logo-hamburger-wrapper .hamburger-btn { display: none; } .header-layout-2 .logo-hamburger-wrapper .logo { display: flex; } .header-layout-2 .logo-hamburger-wrapper .logo img { max-width: 150px; max-height: 65px; } .header-layout-2 .bottom-section { display: flex; align-items: center; } .header-layout-2 .bottom-section > .navigation-wrapper { display: flex; gap: 20px; overflow-y: auto; height: 100%; -ms-overflow-style: none; scrollbar-width: none; } .header-layout-2 .bottom-section > .navigation-wrapper::-webkit-scrollbar { display: none; } .header-layout-2 .navigation-list { margin: 0; padding: 0; display: flex; gap: 20px; white-space: nowrap; } .header-layout-2 .navigation-list > li, .header-layout-2 .navigation-list > .dynamic-header > li { list-style: none; cursor: pointer; } .header-layout-2 .navigation-list > li > a, .header-layout-2 .navigation-list > .dynamic-header > li > a { text-decoration: none; padding: 12px 5px; height: 100%; display: flex; align-items: center; justify-content: center; } .header-layout-2 .navigation-list > li > a.text-hover, .header-layout-2 .navigation-list > .dynamic-header > li > a.text-hover { white-space: nowrap; } .header-layout-2 .navigation-list > li > a.text-hover::before, .header-layout-2 .navigation-list > .dynamic-header > li > a.text-hover::before { border-bottom: 2px solid currentColor; } .header-layout-2 .navigation-list > .dynamic-header { display: flex; gap: 20px; } .header-layout-2 .navigation-list > .dynamic-header > li:hover .submenu-container, .header-layout-2 .navigation-list > li:hover .submenu-container { display: flex; animation: submenu-animation 0.3s ease-in-out; } .header-layout-2 .navigation-list > .dynamic-header > li .submenu-container, .header-layout-2 .navigation-list > li .submenu-container { cursor: default; position: absolute; top: 100%; width: 100%; min-width: 200px; z-index: 4; left: 0; box-shadow: 0px 2px 3px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.0509803922); padding: 20px; display: none; gap: 20px; flex-wrap: wrap; max-height: 380px; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; } .header-layout-2 .navigation-list > .dynamic-header > li .submenu-container:hover { display: flex; } .header-layout-2 .navigation-list > .dynamic-header > li .submenu-container .submenu, .header-layout-2 .navigation-list > li .submenu-container .submenu { display: flex; flex-direction: column; gap: 8px; list-style: none; padding: 0px; width: calc((100% - 100px) / 6); } .header-layout-2 .navigation-list > .dynamic-header > li .submenu-container .submenu li a.title, .header-layout-2 .navigation-list > li .submenu-container .submenu li a.title { margin: 0 0 5px; } .header-layout-2 .navigation-list > .dynamic-header > li .submenu-container .submenu li a, .header-layout-2 .navigation-list > li .submenu-container .submenu li a { text-decoration: none; cursor: pointer; padding-bottom: 2px; } .search-drop-down-container { width: 100%; position: absolute; top: 0; left: 0; height: 100dvh; z-index: 100; display: flex; transition: all 0.3s ease-in-out; background: rgba(0, 0, 0, 0.4); } @keyframes search-drop-down-animation { 0% { opacity: 0; transform: translateY(-250px); } 100% { opacity: 1; transform: translateY(0); } } .header-layout-2 .search-drop-down-container .search-drop-down { width: 100%; height: max-content; animation: search-drop-down-animation 0.5s ease-in-out; padding: 25px; } .header-layout-2 .search-drop-down-container .input-container { position: relative; } .input-container .search-input { font-size: 12px; padding: 15px 40px 15px 15px; width: 100%; height: 40px; border-width: 1px; border-style: solid; } .input-container .search-icon { position: absolute; top: 50%; right: 5px; width: 16px; height: 16px; transform: translate(-50%, -50%); cursor: pointer; } .header-layout-2 .search-drop-down-container .search-drop-down h5 { font-size: 16px; font-weight: 500; margin: 0 0 15px; } .header-layout-2 .search-drop-down-container .search-drop-down .filter ul { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; padding: 0; margin: 0; } .header-layout-2 .search-drop-down-container .search-drop-down .filter ul li { background-color: #ededed; list-style: none; } .header-layout-2 .search-drop-down-container .search-drop-down .filter ul li a { display: flex; text-decoration: none; padding: 10px 15px; font-weight: 500; color: rgba(0, 0, 0, 0.5647058824); } .header-layout-2 .hamburger-menu-container { display: none; } .header-layout-2 .operation-button-container { display: flex; align-items: center; justify-content: center; gap: 25px; } .operation-button { min-width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; gap: 5px; border-width: 2px; border-style: solid; cursor: pointer; text-decoration: none; padding: 3px; } .operation-button .action-label { font-size: 14px; font-weight: 500; } .operation-button.search-btn { display: none; } .operation-button.cart-btn { position: relative; } .contact-btn { display: flex; align-items: center; text-decoration: none; gap: 2px; border-width: 2px; border-style: solid; padding: 3px; } .contact-btn img { width: 20px; height: 20px; } .contact-btn .contact-info { display: flex; flex-direction: column; gap: 5px; } .contact-btn .contact-info span { font-size: 12px; } .contact-btn .contact-info span:first-child { font-weight: 400; } .contact-btn .contact-info span:nth-child(2) { font-weight: 600; } .operation-button.cart-btn .cart-count { position: absolute; top: -7px; left: 13px; width: 20px; height: 20px; font-size: 10px; font-weight: 400; display: flex; align-items: center; justify-content: center; border-width: 2px; border-style: solid; } .operation-button img { width: 20px; height: 20px; } @keyframes submenu-animation { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .text-hover { transition: all 0.3s ease-in-out; display: inline-block; position: relative; white-space: normal; } .text-hover:hover::before { width: 100%; } .text-hover::before { content: ''; transition: width 0.3s ease-in-out; width: 0%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; overflow: hidden; border-bottom: 1px solid currentColor; } .dynamic-header-background { background-color: #f5f8fa; }.dynamic-header-font-size { font-size: 14px; } .dynamic-font-size-sub-menu { font-size: 13px; } .dynamic-font-weight-sub-menu { font-weight: 600; } .dynamic-header-font-weight { font-weight: 600; } .dynamic-search-input-background { background-color: #ffffff; } .dynamic-search-input-text-color { color: #262e2e; } .dynamic-search-input-border-color { border-color: #262e2e; } .dynamic-search-input-border-radius { border-radius: 7px; }.dynamic-sub-menu-background { background-color: #e6e6e6; } .dynamic-header-text-color { color: #262e2e; } .dynamic-header-sub-menu-text-color { color: #262e2e; } .dynamic-font-size-sub-sub-menu { font-size: 14px; } .dynamic-font-weight-sub-sub-menu { font-weight: 400; } .dynamic-header-sub-sub-menu-text-color { color: #262e2e; } .dynamic-quick-icon-background { background-color: #f5f8fa; } .dynamic-quick-icon-border-color { border-color: #f5f8fa; } .dynamic-quick-icon-border-radius { border-radius: 0px; } .dynamic-cart-count-background { background-color: #262e2e; } .dynamic-cart-count-text-color { color: #ffffff; } .dynamic-cart-count-border-color { border-color: #262e2e; } .dynamic-cart-count-border-radius { border-radius: 20px; } .dynamic-menu-alignment { justify-content: center; } .dynamic-icon-content-text-color { color: #262e2e; } @media only screen and (max-width: 1200px) { .only-desktop { display: none; } .header-layout-2 { padding: 0; position: relative; height: 55px; } .header-layout-2 .top-section { padding: 0; border-bottom: 1px solid #dfe4e6; } .top-section .search-box { display: none; } .header-layout-2 .logo-hamburger-wrapper { gap: unset; } .header-layout-2 .logo-hamburger-wrapper .hamburger-btn { display: flex; align-items: center; width: 45px; height: 55px; cursor: pointer; padding: 10px; border-right: 1px solid #dfe4e6; } .header-layout-2 .logo-hamburger-wrapper .hamburger-btn img { height: 24px; width: 24px; object-fit: contain; } .header-layout-2 .logo-hamburger-wrapper .logo { display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .header-layout-2 .logo-hamburger-wrapper .logo img { max-width: 140px; max-height: 40px; } .header-layout-2 .bottom-section { display: none; } .header-layout-2 .search-drop-down-container .search-drop-down { padding: 15px; } .header-layout-2 .search-drop-down-container .search-drop-down .search-bar { margin: 0 auto 20px; } .header-layout-2 .hamburger-menu-container { background: rgba(0, 0, 0, 0.4); position: absolute; top: 55px; height: 100dvh; width: 100%; left: 0; z-index: 100; transition: all 0.3s ease-in-out; display: flex; } .header-layout-2 .hamburger-menu-container .hamburger-menu { width: 300px; height: 100%; animation: hamburger-menu-animation 0.3s ease-in-out; height: calc(100vh - 139px); overflow-y: auto; } @keyframes hamburger-menu-animation { 0% { transform: translateX(-350px); } 100% { transform: translateX(0); } } .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper { display: flex; flex-direction: column; gap: 15px; padding: 20px 0; } .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul, .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 15px; } .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li, .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li { list-style: none; } .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li > a, .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li > a { text-decoration: none; font-size: 14px; font-weight: 600; color: #000000; display: flex; padding: 5px; justify-content: space-between; } .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li > a .drowdown-icon, .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li > a .drowdown-icon { height: 17px; margin: 0 10px 0 0; transition: all 0.2s ease-in-out; } .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li > a:hover .drowdown-icon, .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li > a:hover .drowdown-icon { transform: rotate(90deg); } .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li > a:hover + .submenu-container, .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li > a:hover + .submenu-container { display: flex; } .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li .submenu-container, .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li .submenu-container { display: none; flex-direction: column; gap: 20px; padding: 10px 5px 10px 10px; } .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li .submenu-container .submenu, .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li .submenu-container .submenu { display: flex; flex-direction: column; gap: 10px; list-style: none; padding: 0px; } .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li .submenu-container .submenu > li a.title, .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li .submenu-container .submenu > li a.title { font-weight: 600; color: #000000; padding: 5px; } .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li .submenu-container .submenu > li a, .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li .submenu-container .submenu > li a { text-decoration: none; font-size: 14px; font-weight: 500; color: #000000; padding: 5px; width: 100%; display: flex; } .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li .submenu-container:hover, .header-layout-2 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li .submenu-container:hover { display: flex; } .header-layout-2 .navigation-list { display: none; } .header-layout-2 .operation-button-container { gap: unset; } .operation-button { width: 45px; height: 55px; border: none; border-left: 1px solid #dfe4e6; border-radius: 0px; } .operation-button.search-btn { display: flex; width: 45px; height: 55px; border: none; border-right: 1px solid #dfe4e6; border-radius: 0px; } .operation-button img { width: 20px; height: 20px; } .operation-button.cart-btn .cart-count { top: 3px; left: 20px; } .mobile-category-panel { background-color: #ffffff; padding: 10px; } .mobile-category-menu { color: #262e2e; font-size: 14px; padding: 10px 0; display: block; } .mobile-sub-menu { display: block; color: #262e2e; font-size: 14px; padding: 10px 0; } .mobile-child-sub-menu { display: block; color: #262e2e; font-size: 14px; padding: 10px 0; } }", "layoutStyles": [{"style-banner-4023-1717592992356": ".style-banner-4023-1717592992356 { .bigsoho-hero-banner-container { position: relative; display: grid; grid-template-columns: auto auto auto; grid-template-rows: auto auto; gap: 25px; padding: 40px 20px; margin: auto; max-width: 1500px; z-index: 1; } .bigsoho-hero-banner-container .main-banner-1 { height: 475px; grid-column: 1; grid-row: span 2; position: relative; } .bigsoho-hero-banner-container .main-banner-1 img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; } .bigsoho-hero-banner-container .main-banner-1 .content-container { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: flex-start; margin: 60px; box-sizing: border-box; justify-content: center; max-width: 500px; } .bigsoho-hero-banner-container .main-banner-1 .content-container p { font-weight: 500; font-size: 18px; letter-spacing: 0.5px; line-height: 25px; margin: 0; width: fit-content; } .bigsoho-hero-banner-container .main-banner-1 .content-container h2 { line-height: 54px; letter-spacing: -0.1px; font-size: 48px; font-weight: 600; margin: 20px 0; width: fit-content; } .bigsoho-hero-banner-container .main-banner-1 .content-container a { background: #295ac3; color: #ffffff; font-size: 13px; font-weight: 500; line-height: 16px; padding: 15px 30px; cursor: pointer; text-decoration: none; border-radius: 24px; width: fit-content; } .bigsoho-hero-banner-container .main-banner-1:hover img { transform: scale(1.015); } .bigsoho-hero-banner-container .sub-banner-1 { height: 475px; grid-column: 2; grid-row: span 2; position: relative; } .bigsoho-hero-banner-container .sub-banner-1 img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; } .bigsoho-hero-banner-container .sub-banner-1 .content-container { position: absolute; top: 0; left: 0; margin: 30px; box-sizing: border-box; text-align: center; display: flex; align-items: center; flex-direction: column; } .bigsoho-hero-banner-container .sub-banner-1 .content-container p { font-size: 17px; color: #ffffff; font-weight: 400; letter-spacing: 0.2px; line-height: 20px; margin: 0; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-1 .content-container h2 { font-size: 25px; line-height: 32px; letter-spacing: 0; margin: 10px 0; font-weight: 700; color: #ffffff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-1 .content-container a { font-size: 14px; font-weight: 500; line-height: 23px; color: #ffffff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-1 .content-container a:hover { text-decoration: none; } .bigsoho-hero-banner-container .sub-banner-1:hover img { transform: scale(1.015); } .bigsoho-hero-banner-container .sub-banner-2 { height: 224.75px; grid-column: 3; grid-row: 1; position: relative; } .bigsoho-hero-banner-container .sub-banner-2 img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; } .bigsoho-hero-banner-container .sub-banner-2 .content-container { position: absolute; top: 0; left: 0; margin: 30px; max-width: 260px; box-sizing: border-box; } .bigsoho-hero-banner-container .sub-banner-2 .content-container p { font-size: 17px; color: #ffffff; font-weight: 400; letter-spacing: 0.2px; line-height: 20px; margin: 0; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-2 .content-container h2 { font-size: 25px; line-height: 32px; letter-spacing: 0; margin: 10px 0; font-weight: 700; color: #ffffff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-2 .content-container a { font-size: 14px; font-weight: 500; line-height: 23px; color: #ffffff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-2 .content-container a:hover { text-decoration: none; } .bigsoho-hero-banner-container .sub-banner-2:hover img { transform: scale(1.015); } .bigsoho-hero-banner-container .sub-banner-3 { height: 224.75px; grid-column: 3; grid-row: 2; position: relative; } .bigsoho-hero-banner-container .sub-banner-3 img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; } .bigsoho-hero-banner-container .sub-banner-3 .content-container { position: absolute; top: 0; left: 0; margin: 30px; max-width: 260px; box-sizing: border-box; } .bigsoho-hero-banner-container .sub-banner-3 .content-container p { font-size: 17px; color: #ffffff; font-weight: 400; letter-spacing: 0.2px; line-height: 20px; margin: 0; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-3 .content-container h2 { font-size: 25px; line-height: 32px; letter-spacing: 0; margin: 10px 0; font-weight: 700; color: #ffffff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-3 .content-container a { font-size: 14px; font-weight: 500; line-height: 23px; color: #ffffff; width: fit-content; } .bigsoho-hero-banner-container .sub-banner-3 .content-container a:hover { text-decoration: none; } .bigsoho-hero-banner-container .sub-banner-3:hover img { transform: scale(1.015); } @media only screen and (max-width: 1200px) { .bigsoho-hero-banner-container { grid-template-columns: auto auto; grid-template-rows: auto auto auto; } .bigsoho-hero-banner-container .main-banner-1 { height: 400px; grid-column: span 2; grid-row: 1; } .bigsoho-hero-banner-container .sub-banner-1 { grid-column: 1; grid-row: span 2; } .bigsoho-hero-banner-container .sub-banner-2 { grid-column: 2; grid-row: 2; } .bigsoho-hero-banner-container .sub-banner-3 { grid-column: 2; grid-row: 3; } } @media only screen and (max-width: 768px) { .bigsoho-hero-banner-container { grid-template-columns: auto; grid-template-rows: auto auto auto auto; gap: 20px; } .bigsoho-hero-banner-container .main-banner-1 { height: 260px; grid-column: 1; grid-row: 1; } .bigsoho-hero-banner-container .main-banner-1 .content-container { margin: 25px; } .bigsoho-hero-banner-container .main-banner-1 .content-container p { font-size: 16px; line-height: 21px; } .bigsoho-hero-banner-container .main-banner-1 .content-container h2 { line-height: 28px; font-size: 24px; margin: 15px 0; } .bigsoho-hero-banner-container .main-banner-1 .content-container a { padding: 15px 25px; } .bigsoho-hero-banner-container .sub-banner-1 { height: 420px; grid-column: 1; grid-row: 2; } .bigsoho-hero-banner-container .sub-banner-1 .content-container { margin: 25px; } .bigsoho-hero-banner-container .sub-banner-1 .content-container p { font-size: 15px; line-height: 17px; } .bigsoho-hero-banner-container .sub-banner-1 .content-container h2 { font-size: 20px; line-height: 25px; } .bigsoho-hero-banner-container .sub-banner-2 { height: 200px; grid-column: 1; grid-row: 3; } .bigsoho-hero-banner-container .sub-banner-2 .content-container { margin: 25px; } .bigsoho-hero-banner-container .sub-banner-2 .content-container p { font-size: 15px; line-height: 17px; } .bigsoho-hero-banner-container .sub-banner-2 .content-container h2 { font-size: 20px; line-height: 25px; } .bigsoho-hero-banner-container .sub-banner-3 { height: 200px; grid-column: 1; grid-row: 4; } .bigsoho-hero-banner-container .sub-banner-3 .content-container { margin: 25px; } .bigsoho-hero-banner-container .sub-banner-3 .content-container p { font-size: 15px; line-height: 17px; } .bigsoho-hero-banner-container .sub-banner-3 .content-container h2 { font-size: 20px; line-height: 25px; } } }"}, {"style-banner-4021-1717593015892": ".style-banner-4021-1717593015892 { .radius-grid-layout-1{ .devices-grid { position: relative; display: grid; gap: 20px; margin: auto; max-width: 1500px; padding: 40px 20px; z-index: 1;grid-template-columns: repeat(3, 1fr); } .devices-grid .panel { position: relative; height: 100%; border-radius: 15px; } .devices-grid .panel img { width: 100%; max-width: 100%; max-height: 100%; object-fit: cover; } .devices-grid .panel .panel-content { position: absolute; top: 50%; left: 30px; transform: translate(0, -50%); } .devices-grid .panel .panel-content p { font-size: 20px; line-height: 30px; font-weight: 600; color: #ffffff; max-width: 190px; margin: 0 0 15px; } .devices-grid .panel .panel-content .link { cursor: pointer; font-size: 14px; font-weight: 600; color: #ffffff; padding: 0 0 4px; border-bottom: 2px solid #ffffff; } } @media only screen and (max-width: 1024px) { .radius-grid-layout-1{ .devices-grid { grid-template-columns: auto; } } } @media only screen and (max-width: 640px) { .radius-grid-layout-1{ .devices-grid .panel .panel-content p { font-size: 17px; } .devices-grid .panel .panel-content .link { font-size: 12px; } } } }"}, {"style-banner-4022-1717593084714": ".style-banner-4022-1717593084714 { .services-layout { max-width: 1500px; margin: auto; padding: 40px 15px; } .services-layout { ul.services-list { display: flex; align-items: center; text-align: center; justify-content: center; flex-wrap: wrap; } ul.services-list li { width: 33.33%; } ul.services-list li h1 { font-size: 16px; color: #262e2e; letter-spacing: 3px; font-weight: 600; text-transform: uppercase; margin: 20px 0 10px; } ul.services-list li img { width: 100%; max-width: 50px; } ul.services-list li p { font-size: 0.875rem; font-weight: normal; color: #868686; max-width: 500px; margin: auto; } ul { padding: 0; margin: 0; } li { list-style-type: none; } } @media only screen and (max-width: 768px) { .services-layout { ul.services-list { flex-direction: column; gap: 40px; } ul.services-list li { width: 100%; } } } }"}, {"style-banner-4026-1717593093749": ".style-banner-4026-1717593093749 { .bigsoho-sub-banner-container .sub-banner-wrapper { position: relative; display: flex; flex-wrap: wrap; gap: 25px; padding: 40px 20px; margin: auto; max-width: 1500px; z-index: 1; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list { width: calc((100% - 50px) / 3); position: relative; border-radius: 4px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list img { width: 100%; height: 100%; transition: all 0.3s ease-in-out; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container { position: absolute; top: 0; left: 0; margin: 30px 50px; box-sizing: border-box; max-width: 325px; display: flex; flex-direction: column; justify-content: center; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container p { font-size: 17px; line-height: 20px; font-weight: 400; color: #292931; margin: 0; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container h3 { font-size: 22px; font-weight: 700; margin-block: 15px; color: #292931; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container a { font-size: 14px; font-weight: 500; line-height: 23px; color: #292931; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container a:hover { text-decoration: none; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list:hover img { transform: scale(1.015); } @media only screen and (max-width: 1200px) { .bigsoho-sub-banner-container .sub-banner-wrapper { flex-direction: column; max-width: 700px; margin: auto; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list { width: 100%; max-height: 300px; } } @media only screen and (max-width: 768px) { .bigsoho-sub-banner-container .sub-banner-wrapper { gap: 20px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container { margin: 20px 25px; max-width: 250px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container p { font-size: 16px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container h3 { font-size: 22px; } } }"}, {"style-banner-54b012da-caad-4b50-a05d-70ac01f56180-1719916368035": ".style-banner-54b012da-caad-4b50-a05d-70ac01f56180-1719916368035 { .imaginext-brands-section { padding: 40px 20px; margin: auto; max-width: 1540px; } .imaginext-brands-section > h2 { color: #532b1d; font-size: 24px; font-weight: 600; margin: 0 0 20px; width: fit-content; } .imaginext-brands-section .brands-wrapper { display: flex; flex-wrap: nowrap; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; -ms-overflow-style: none; scrollbar-width: none; } .imaginext-brands-section .brands-wrapper::-webkit-scrollbar { display: none; } .imaginext-brands-section .brands-wrapper .brand { width: calc((100% - 100px) / 6); min-width: calc((100% - 100px) / 6); background-color: #f5f6f7; padding: 25px; display: flex; align-items: center; justify-content: center; text-decoration: none; box-sizing: border-box; scroll-snap-align: start; } .imaginext-brands-section .brands-wrapper .brand img { border-radius: 50%; width: 100px; height: 100px; object-fit: contain; } @media only screen and (max-width: 1200px) { .imaginext-brands-section .brands-wrapper .brand { width: calc((100% - 80px) / 5.3); max-width: calc((100% - 80px) / 5.3); } } @media only screen and (max-width: 992px) { .imaginext-brands-section .brands-wrapper .brand { width: calc((100% - 60px) / 4.3); max-width: calc((100% - 60px) / 4.3); } } @media only screen and (max-width: 768px) { .imaginext-brands-section > h2 { font-size: 18px; margin: 0 0 15px; } .imaginext-brands-section .brands-wrapper .brand { width: calc((100% - 40px) / 3.3); min-width: calc((100% - 40px) / 3.3); } } @media only screen and (max-width: 576px) { .imaginext-brands-section .brands-wrapper { gap: 15px; } .imaginext-brands-section .brands-wrapper .brand { padding: 20px; width: calc((100% - 30px) / 2.3); min-width: calc((100% - 30px) / 2.3); } .imaginext-brands-section .brands-wrapper .brand img { width: 80px; height: 80px; } } }"}, {"style-banner-4570b077-5d9e-456c-bdb6-2ac90d865ad4-1719916392718": ".style-banner-4570b077-5d9e-456c-bdb6-2ac90d865ad4-1719916392718 { #hyper1723272809869 { transform: translate(6px, 0px);}.bigsoho-services-container { display: flex; justify-content: space-around; max-width: 1500px; margin: auto; padding: 40px 20px; } .bigsoho-services-container > a { text-decoration: none; width: 250px; text-align: center; } .bigsoho-services-container > a img { width: 65px; transition: all 0.3s ease-in-out; } .bigsoho-services-container > a h3 { font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing: 0.2px; color: #292931; margin: 10px 0; } .bigsoho-services-container > a p { font-size: 15px; letter-spacing: 0.5px; line-height: 24px; font-weight: 500; color: #292931; margin: 0; } .bigsoho-services-container > a:hover img { transform: translateY(-5px); } .bigsoho-services-container > a:hover h3 { color: #295ac3; } @media only screen and (max-width: 768px) { .bigsoho-services-container { flex-direction: column; align-items: center; gap: 25px; } .bigsoho-services-container > a { text-decoration: none; width: 100%; max-width: 350px; text-align: center; } .bigsoho-services-container > a img { width: 55px; } .bigsoho-services-container > a:hover img { transform: translateY(-3px); } }} "}, {"style-banner-45f8684b-0ff2-4de7-acf4-cc298372dbd8-1723188346113": ".style-banner-45f8684b-0ff2-4de7-acf4-cc298372dbd8-1723188346113{#hyper1723188371939 { padding-top: 0px;padding-right: 20px;padding-bottom: 40px;padding-left: 20px;}.imaginext-list-banner-section { padding: 40px 20px; margin: auto; max-width: 1540px; } .imaginext-list-banner-section > h2 { color: #532b1d; font-size: 28px; font-weight: 500; margin: 0 0 20px; width: fit-content; } .imaginext-list-banner-section .banner-wrapper { display: flex; flex-wrap: nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; gap: 15px; padding: 10px 0; scroll-snap-type: x mandatory; } .imaginext-list-banner-section .banner-wrapper::-webkit-scrollbar { display: none; } .imaginext-list-banner-section .banner-wrapper .imaginext-list-banner-image-container { width: calc((100% - 60px) / 5); min-width: calc((100% - 60px) / 5); scroll-snap-align: start; } .imaginext-list-banner-section .banner-wrapper .imaginext-list-banner-image-container img { width: 100%; height: 100%; object-fit: cover; } @media only screen and (max-width: 1200px) { .imaginext-list-banner-section .banner-wrapper .imaginext-list-banner-image-container { width: calc((100% - 45px) / 4.3); max-width: calc((100% - 45px) / 4.3); } #hyper1723188362343 { color: #000000;} } @media only screen and (max-width: 992px) { .imaginext-list-banner-section .banner-wrapper .imaginext-list-banner-image-container { width: calc((100% - 30px) / 3.3); max-width: calc((100% - 30px) / 3.3); } #hyper1723188362343 { color: #000000;} } @media only screen and (max-width: 768px) { .imaginext-list-banner-section > h2 { font-size: 22px; margin: 0 0 5px; } .imaginext-list-banner-section .banner-wrapper .imaginext-list-banner-image-container { width: calc((100% - 15px) / 2.3); min-width: calc((100% - 15px) / 2.3); } #hyper1723188362343 { color: #000000;} } @media only screen and (max-width: 576px) { .imaginext-list-banner-section .banner-wrapper .imaginext-list-banner-image-container { width: calc((100% - 15px) / 1.2); max-width: calc((100% - 15px) / 1.2); } #hyper1723188362343 { color: #000000;} }}"}, {"style-banner-68269223-8cfe-48a3-99fd-f4f5a51753a3-1723274561699": ".style-banner-68269223-8cfe-48a3-99fd-f4f5a51753a3-1723274561699{#hyper1723274610514 { padding-top: 40px;padding-right: 20px;padding-bottom: 15px;padding-left: 20px;}.bigsoho-sub-banner-container .sub-banner-wrapper { position: relative; display: flex; flex-wrap: wrap; gap: 25px; padding: 40px 20px; margin: auto; max-width: 1540px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list { width: calc((100% - 50px) / 3); position: relative; border-radius: 4px; display: block; cursor: pointer; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list img { width: 100%; height: 100%; transition: all 0.3s ease-in-out; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container { position: absolute; top: 0; left: 0; margin: 30px 50px; box-sizing: border-box; max-width: 325px; display: flex; flex-direction: column; justify-content: center; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .title { font-size: 17px; line-height: 20px; font-weight: 400; color: #292931; margin: 0; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container h3 { font-size: 22px; font-weight: 700; margin-block: 15px; color: #292931; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .button { font-size: 14px; font-weight: 500; line-height: 23px; color: #292931; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .button:hover { text-decoration: none; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list:hover img { transform: scale(1.015); } @media only screen and (max-width: 1200px) { .bigsoho-sub-banner-container .sub-banner-wrapper { flex-direction: column; max-width: 700px; margin: auto; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list { width: 100%; max-height: 300px; } } @media only screen and (max-width: 768px) { .bigsoho-sub-banner-container .sub-banner-wrapper { gap: 20px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container { margin: 20px 25px; max-width: 250px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .title { font-size: 16px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container h3 { font-size: 22px; } }}"}, {"style-banner-68269223-8cfe-48a3-99fd-f4f5a51753a3-1723274619885": ".style-banner-68269223-8cfe-48a3-99fd-f4f5a51753a3-1723274619885{#hyper1723275106722 { padding-top: 10px;padding-right: 20px;padding-bottom: 40px;padding-left: 20px;}.bigsoho-sub-banner-container .sub-banner-wrapper { position: relative; display: flex; flex-wrap: wrap; gap: 25px; padding: 40px 20px; margin: auto; max-width: 1540px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list { width: calc((100% - 50px) / 3); position: relative; border-radius: 4px; display: block; cursor: pointer; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list img { width: 100%; height: 100%; transition: all 0.3s ease-in-out; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container { position: absolute; top: 0; left: 0; margin: 30px 50px; box-sizing: border-box; max-width: 325px; display: flex; flex-direction: column; justify-content: center; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .title { font-size: 17px; line-height: 20px; font-weight: 400; color: #292931; margin: 0; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container h3 { font-size: 22px; font-weight: 700; margin-block: 15px; color: #292931; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .button { font-size: 14px; font-weight: 500; line-height: 23px; color: #292931; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .button:hover { text-decoration: none; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list:hover img { transform: scale(1.015); } @media only screen and (max-width: 1200px) { .bigsoho-sub-banner-container .sub-banner-wrapper { flex-direction: column; max-width: 700px; margin: auto; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list { width: 100%; max-height: 300px; } } @media only screen and (max-width: 768px) { .bigsoho-sub-banner-container .sub-banner-wrapper { gap: 20px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container { margin: 20px 25px; max-width: 250px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .title { font-size: 16px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container h3 { font-size: 22px; } }}"}, {"style-banner-eb52abdf-6be7-4f17-b9f7-b8e37524de8c-1723467447247": ".style-banner-eb52abdf-6be7-4f17-b9f7-b8e37524de8c-1723467447247 { .animated-banner { max-width: 1500px; margin: auto; } img.animated-banner-img { width: 100%; } .animated-banner picture { display: flex; } }"}, {"style-banner-45f8684b-0ff2-4de7-acf4-cc298372dbd8-1724656018990": ".style-banner-45f8684b-0ff2-4de7-acf4-cc298372dbd8-1724656018990 { .imaginext-list-banner-section { padding: 40px 20px; margin: auto; max-width: 1540px; } .imaginext-list-banner-section > h2 { color: #532b1d; font-size: 28px; font-weight: 500; margin: 0 0 20px; width: fit-content; } .imaginext-list-banner-section .banner-wrapper { display: flex; flex-wrap: nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; gap: 15px; padding: 10px 0; scroll-snap-type: x mandatory; } .imaginext-list-banner-section .banner-wrapper::-webkit-scrollbar { display: none; } .imaginext-list-banner-section .banner-wrapper .imaginext-list-banner-image-container { width: calc((100% - 60px) / 5); min-width: calc((100% - 60px) / 5); scroll-snap-align: start; } .imaginext-list-banner-section .banner-wrapper .imaginext-list-banner-image-container img { width: 100%; height: 100%; object-fit: cover; } @media only screen and (max-width: 1200px) { .imaginext-list-banner-section .banner-wrapper .imaginext-list-banner-image-container { width: calc((100% - 45px) / 4.3); max-width: calc((100% - 45px) / 4.3); } } @media only screen and (max-width: 992px) { .imaginext-list-banner-section .banner-wrapper .imaginext-list-banner-image-container { width: calc((100% - 30px) / 3.3); max-width: calc((100% - 30px) / 3.3); } } @media only screen and (max-width: 768px) { .imaginext-list-banner-section > h2 { font-size: 22px; margin: 0 0 5px; } .imaginext-list-banner-section .banner-wrapper .imaginext-list-banner-image-container { width: calc((100% - 15px) / 2.3); min-width: calc((100% - 15px) / 2.3); } } @media only screen and (max-width: 576px) { .imaginext-list-banner-section .banner-wrapper .imaginext-list-banner-image-container { width: calc((100% - 15px) / 1.2); max-width: calc((100% - 15px) / 1.2); } } }"}, {"style-banner-eb52abdf-6be7-4f17-b9f7-b8e37524de8c-1724765774347": ".style-banner-eb52abdf-6be7-4f17-b9f7-b8e37524de8c-1724765774347 { .animated-banner { max-width: 1500px; margin: auto; } img.animated-banner-img { width: 100%; } .animated-banner picture { display: flex; } }"}, {"style-banner-7b1222a6-b24e-4ce3-9aef-3ebda6bf8bfb-1725259758999": ".style-banner-7b1222a6-b24e-4ce3-9aef-3ebda6bf8bfb-1725259758999 { #hyper1725280087577 { color: #000000;}.curated-list { padding: 40px 20px; margin: auto; max-width: 1540px; } .curated-list > h2 { color: #532b1d; font-size: 28px; font-weight: 600; margin: 0 0 12px; width: fit-content; } .curated-list .banner-wrapper { display: flex; flex-wrap: nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; gap: 15px; padding: 10px 0; scroll-snap-type: x mandatory; } .curated-list .banner-wrapper::-webkit-scrollbar { display: none; } .curated-list .banner-wrapper .curated-list-image-container { width: calc((100% - 60px) / 5.3); min-width: calc((100% - 60px) / 5.3); scroll-snap-align: start; } .curated-list .banner-wrapper .curated-list-image-container img { width: 100%; height: 100%; object-fit: cover; } @media only screen and (max-width: 1200px) { .curated-list .banner-wrapper .curated-list-image-container { width: calc((100% - 45px) / 4.3); max-width: calc((100% - 45px) / 4.3); } } @media only screen and (max-width: 992px) { .curated-list .banner-wrapper .curated-list-image-container { width: calc((100% - 30px) / 3.3); max-width: calc((100% - 30px) / 3.3); } } @media only screen and (max-width: 768px) { .curated-list > h2 { font-size: 18px; margin: 0 0 5px; } .curated-list .banner-wrapper { scrollbar-width: thin; } .curated-list .banner-wrapper .curated-list-image-container { width: calc((100% - 15px) / 4.4); min-width: calc((100% - 15px) / 4.4); } } @media only screen and (max-width: 576px) { .curated-list .banner-wrapper { scrollbar-width: thin; } .curated-list .banner-wrapper .curated-list-image-container { width: calc((100% - 15px) / 2.5); min-width: calc((100% - 15px) / 2.5); } }}"}, {"style-banner-7b1222a6-b24e-4ce3-9aef-3ebda6bf8bfb-1725445885476": ".style-banner-7b1222a6-b24e-4ce3-9aef-3ebda6bf8bfb-1725445885476{#hyper1725445908931 { color: #000000;} .curated-list { padding: 40px 20px; margin: auto; max-width: 1540px; } .curated-list > h2 { color: #532b1d; font-size: 28px; font-weight: 600; margin: 0 0 12px; width: fit-content; } .curated-list .banner-wrapper { display: flex; flex-wrap: nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; gap: 15px; padding: 10px 0; scroll-snap-type: x mandatory; } .curated-list .banner-wrapper::-webkit-scrollbar { display: none; } .curated-list .banner-wrapper .curated-list-image-container { width: calc((100% - 60px) / 5.3); min-width: calc((100% - 60px) / 5.3); scroll-snap-align: start; } .curated-list .banner-wrapper .curated-list-image-container img { width: 100%; height: 100%; object-fit: cover; } @media only screen and (max-width: 1200px) { .curated-list .banner-wrapper .curated-list-image-container { width: calc((100% - 45px) / 4.3); max-width: calc((100% - 45px) / 4.3); } } @media only screen and (max-width: 992px) { .curated-list .banner-wrapper .curated-list-image-container { width: calc((100% - 30px) / 3.3); max-width: calc((100% - 30px) / 3.3); } } @media only screen and (max-width: 768px) { .curated-list > h2 { font-size: 18px; margin: 0 0 5px; } .curated-list .banner-wrapper { scrollbar-width: thin; } .curated-list .banner-wrapper .curated-list-image-container { width: calc((100% - 15px) / 4.4); min-width: calc((100% - 15px) / 4.4); } } @media only screen and (max-width: 576px) { .curated-list .banner-wrapper { scrollbar-width: thin; } .curated-list .banner-wrapper .curated-list-image-container { width: calc((100% - 15px) / 2.5); min-width: calc((100% - 15px) / 2.5); } }}"}, {"style-banner-8136bb5c-2f23-4d55-8990-5e62eba80354-1725879692066": ".style-banner-8136bb5c-2f23-4d55-8990-5e62eba80354-1725879692066 { #hyper1725879734857 { padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px;} #hyper1725879703682 {transform: translate(0px, 0px);padding-top: 20px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.about-us-container-layout { padding: 40px 20px; margin: auto; max-width: 1500px; } .about-us-container-layout h1 { font-size: 30px; font-weight: 600; text-align: center; letter-spacing: 0.3px; white-space: pre-wrap; margin: 0 0 20px; } .about-us-container-layout h2 { font-size: 20px; font-weight: 500; text-align: center; letter-spacing: 0.3px; white-space: pre-wrap; margin: 0 0 10px; } .about-us-container-layout p { font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 0.3px; white-space: pre-wrap; text-align: center; max-width: 1200px; margin: 0 auto; } @media only screen and (max-width: 640px) { .about-us-container-layout h1 { font-size: 20px; } .about-us-container-layout h2 { font-size: 15px; } .about-us-container-layout p { font-size: 14px; }}}"}, {"style-banner-8136bb5c-2f23-4d55-8990-5e62eba80354-1731651148919": ".style-banner-8136bb5c-2f23-4d55-8990-5e62eba80354-1731651148919{#hyper1732865144963 { padding-top: 40px; padding-right: 20px;padding-bottom: 0px;padding-left: 20px;}.about-us-container-layout { padding: 40px 20px; margin: auto; max-width: 1500px; } .about-us-container-layout h1 { font-size: 30px; font-weight: 600; text-align: center; letter-spacing: 0.3px; white-space: pre-wrap; margin: 0 0 20px; } .about-us-container-layout h2 { font-size: 20px; font-weight: 500; text-align: center; letter-spacing: 0.3px; white-space: pre-wrap; margin: 0 0 10px; } .about-us-container-layout p { font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 0.3px; white-space: pre-wrap; text-align: center; max-width: 1200px; margin: 0 auto; } @media only screen and (max-width: 640px) { .about-us-container-layout h1 { font-size: 20px; } .about-us-container-layout h2 { font-size: 15px; } .about-us-container-layout p { font-size: 14px; } }}"}, {"style-banner-902c91e1-57c4-498e-9a96-3c85325ef05b-1732358772589": ".style-banner-902c91e1-57c4-498e-9a96-3c85325ef05b-1732358772589{#hyper1732358914703 { background-color: #ffffff;}#hyper1732358915821 { background-color: #fcfdfd;}#hyper1732358856918 { font-weight: bold; font-size: 22px;}#hyper1732358850184 { font-weight: bold; }.primary-container{ max-width: 1500px; margin:auto;}.grid-container { display: flex; } .section-type-2 .left-grid-col, .section-type-2 .right-grid-col { display: flex; flex-direction: column; justify-content: center; width: 50%; padding: 30px 50px; } .section-type-2 .right-grid-col { text-align: center; } .section-type-2 .grid-image { width: 100%; height: 100%; max-width: 520px; } .section-type-2 .left-grid-col h1 { font-size: 20px; color: #008080; font-weight: 500; margin: 0 0 20px; } .section-type-2 .left-grid-col h2 { font-size: 24px; color: #262e2e; margin: 0 0 20px; } .section-type-2 .left-grid-col p { font-size: 14px; color: #3f4045; line-height: 23px; } .section-type-2 .button-container { display: flex; margin: 40px 0 0; } .section-type-2 .button-container a { font-size: 0.75rem; color: #ffffff; font-weight: 600; text-decoration: wavy; padding: 15px 20px; background-color: #008080; border-radius: 4px; transition: all 0.3s ease-in-out; box-shadow: 5px 5px 10px #0003; } .section-type-2 .button-container a:hover { opacity: 0.75; } @media only screen and (max-width: 768px) { .grid-container { flex-direction: column; } .section-type-2 .left-grid-col, .section-type-2 .right-grid-col { width: 100%; } section.grid-container:has(.column-reverse) { flex-direction: column-reverse; } }}"}, {"style-banner-eb52abdf-6be7-4f17-b9f7-b8e37524de8c-1732617821329": ".style-banner-eb52abdf-6be7-4f17-b9f7-b8e37524de8c-1732617821329 { .animated-banner { max-width: 1500px; margin: auto; } img.animated-banner-img { width: 100%; } .animated-banner picture { display: flex; } }"}, {"style-banner-eb52abdf-6be7-4f17-b9f7-b8e37524de8c-1732618071031": ".style-banner-eb52abdf-6be7-4f17-b9f7-b8e37524de8c-1732618071031 { .animated-banner { max-width: 1500px; margin: auto; } img.animated-banner-img { width: 100%; } .animated-banner picture { display: flex; } }"}, {"style-banner-eb52abdf-6be7-4f17-b9f7-b8e37524de8c-1732618092028": ".style-banner-eb52abdf-6be7-4f17-b9f7-b8e37524de8c-1732618092028 { .animated-banner { max-width: 1500px; margin: auto; } img.animated-banner-img { width: 100%; } .animated-banner picture { display: flex; } }"}], "carouselStyles": [{"style-carousel_banner-2000-17175929662210": ".style-carousel_banner-2000-17175929662210{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1460px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-2000-17175929662231": ".style-carousel_banner-2000-17175929662231{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1460px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-2000-17176690865930": ".style-carousel_banner-2000-17176690865930{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-2000-17176690865991": ".style-carousel_banner-2000-17176690865991{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-2000-17182800695122": ".style-carousel_banner-2000-17182800695122{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17231877180862": ".style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17231877180862{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } .next-slide-button, .previous-slide-button { display:none !important; } }}"}, {"style-carousel_banner-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17232051835420": ".style-carousel_banner-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17232051835420{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17232051835422": ".style-carousel_banner-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17232051835422{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-NaN-1723205293653": ".style-carousel_banner-NaN-1723205293653{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17232762410952": ".style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17232762410952{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } .next-slide-button, .previous-slide-button { display:none !important; } }}"}, {"style-carousel_banner-5e391c17-0535-4de9-9ca5-507b1a593899-17232762636463": ".style-carousel_banner-5e391c17-0535-4de9-9ca5-507b1a593899-17232762636463{.banner-1 { .dynamic-banner { position: relative; width: 100%; margin: auto; } .banner-content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } picture { display: block; } .banner-img { width: 100%; } p { font-size: 24px; color: #4dadb5; text-transform: uppercase; font-weight: 400; margin: 0; } h1 { font-size: 40px; font-weight: 300; margin: 5px 0 5px; } h2 { font-size: 50px; font-weight: 700; margin: 10px 0 25px; } .button-container { display: flex; justify-content: center; } .banner-button { cursor: pointer; font-size: 16px; color: #ffffff; font-weight: 500; text-align: center; text-transform: uppercase; background-color: #4dadb5; padding: 15px 20px; } .banner-button:hover { opacity: 0.85; } .carousel-container { position: relative; } @media only screen and (max-width: 640px) { .banner-content { padding: 20px 0 20px; width: 100%; } h1 { font-size: 20px; } h2 { font-size: 15px; margin: 10px 0 15px; } p { font-size: 14px; } .banner-button { font-size: 11px; padding: 5px 12px; } } } @media only screen and (max-width: 640px) {.next-slide-button, .previous-slide-button { display: none !important; }}}"}, {"style-carousel_banner-NaN-1723467970636": ".style-carousel_banner-NaN-1723467970636{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17267442049802": ".style-carousel_banner-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17267442049802{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-1727610992870": ".style-carousel_banner-1727610992870{.banner-1 { .dynamic-banner { position: relative; width: 100%; margin: auto; } .banner-content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } picture { display: block; } .banner-img { width: 100%; } p { font-size: 24px; color: #4dadb5; text-transform: uppercase; font-weight: 400; margin: 0; } h1 { font-size: 40px; font-weight: 300; margin: 5px 0 5px; } h2 { font-size: 50px; font-weight: 700; margin: 10px 0 25px; } .button-container { display: flex; justify-content: center; } .banner-button { cursor: pointer; font-size: 16px; color: #ffffff; font-weight: 500; text-align: center; text-transform: uppercase; background-color: #4dadb5; padding: 15px 20px; } .banner-button:hover { opacity: 0.85; } .carousel-container { position: relative; } @media only screen and (max-width: 640px) { .banner-content { padding: 20px 0 20px; width: 100%; } h1 { font-size: 20px; } h2 { font-size: 15px; margin: 10px 0 15px; } p { font-size: 14px; } .banner-button { font-size: 11px; padding: 5px 12px; } } } @media only screen and (max-width: 640px) {.next-slide-button, .previous-slide-button { display: none !important; }}}"}, {"style-carousel_banner-1727611094895": ".style-carousel_banner-1727611094895{.banner-1 { .dynamic-banner { position: relative; width: 100%; margin: auto; } .banner-content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } picture { display: block; } .banner-img { width: 100%; } p { font-size: 24px; color: #4dadb5; text-transform: uppercase; font-weight: 400; margin: 0; } h1 { font-size: 40px; font-weight: 300; margin: 5px 0 5px; } h2 { font-size: 50px; font-weight: 700; margin: 10px 0 25px; } .button-container { display: flex; justify-content: center; } .banner-button { cursor: pointer; font-size: 16px; color: #ffffff; font-weight: 500; text-align: center; text-transform: uppercase; background-color: #4dadb5; padding: 15px 20px; } .banner-button:hover { opacity: 0.85; } .carousel-container { position: relative; } @media only screen and (max-width: 640px) { .banner-content { padding: 20px 0 20px; width: 100%; } h1 { font-size: 20px; } h2 { font-size: 15px; margin: 10px 0 15px; } p { font-size: 14px; } .banner-button { font-size: 11px; padding: 5px 12px; } } } @media only screen and (max-width: 640px) {.next-slide-button, .previous-slide-button { display: none !important; }}}"}, {"style-carousel_banner-1727611845431": ".style-carousel_banner-1727611845431{.banner-1 { .dynamic-banner { position: relative; width: 100%; margin: auto; } .banner-content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } picture { display: block; } .banner-img { width: 100%; } p { font-size: 24px; color: #4dadb5; text-transform: uppercase; font-weight: 400; margin: 0; } h1 { font-size: 40px; font-weight: 300; margin: 5px 0 5px; } h2 { font-size: 50px; font-weight: 700; margin: 10px 0 25px; } .button-container { display: flex; justify-content: center; } .banner-button { cursor: pointer; font-size: 16px; color: #ffffff; font-weight: 500; text-align: center; text-transform: uppercase; background-color: #4dadb5; padding: 15px 20px; } .banner-button:hover { opacity: 0.85; } .carousel-container { position: relative; } @media only screen and (max-width: 640px) { .banner-content { padding: 20px 0 20px; width: 100%; } h1 { font-size: 20px; } h2 { font-size: 15px; margin: 10px 0 15px; } p { font-size: 14px; } .banner-button { font-size: 11px; padding: 5px 12px; } } } @media only screen and (max-width: 640px) {.next-slide-button, .previous-slide-button { display: none !important; }}}"}, {"style-carousel_banner-1731673490099": ".style-carousel_banner-1731673490099{.banner-1 { .dynamic-banner { position: relative; width: 100%; margin: auto; } .banner-content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } picture { display: block; } .banner-img { width: 100%; } p { font-size: 24px; color: #4dadb5; text-transform: uppercase; font-weight: 400; margin: 0; } h1 { font-size: 40px; font-weight: 300; margin: 5px 0 5px; } h2 { font-size: 50px; font-weight: 700; margin: 10px 0 25px; } .button-container { display: flex; justify-content: center; } .banner-button { cursor: pointer; font-size: 16px; color: #ffffff; font-weight: 500; text-align: center; text-transform: uppercase; background-color: #4dadb5; padding: 15px 20px; } .banner-button:hover { opacity: 0.85; } .carousel-container { position: relative; } @media only screen and (max-width: 640px) { .banner-content { padding: 20px 0 20px; width: 100%; } h1 { font-size: 20px; } h2 { font-size: 15px; margin: 10px 0 15px; } p { font-size: 14px; } .banner-button { font-size: 11px; padding: 5px 12px; } } } @media only screen and (max-width: 640px) {.next-slide-button, .previous-slide-button { display: none !important; }}}"}, {"style-carousel_banner-1731673572246": ".style-carousel_banner-1731673572246{.banner-1 { .dynamic-banner { position: relative; width: 100%; margin: auto; } .banner-content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } picture { display: block; } .banner-img { width: 100%; } p { font-size: 24px; color: #4dadb5; text-transform: uppercase; font-weight: 400; margin: 0; } h1 { font-size: 40px; font-weight: 300; margin: 5px 0 5px; } h2 { font-size: 50px; font-weight: 700; margin: 10px 0 25px; } .button-container { display: flex; justify-content: center; } .banner-button { cursor: pointer; font-size: 16px; color: #ffffff; font-weight: 500; text-align: center; text-transform: uppercase; background-color: #4dadb5; padding: 15px 20px; } .banner-button:hover { opacity: 0.85; } .carousel-container { position: relative; } @media only screen and (max-width: 640px) { .banner-content { padding: 20px 0 20px; width: 100%; } h1 { font-size: 20px; } h2 { font-size: 15px; margin: 10px 0 15px; } p { font-size: 14px; } .banner-button { font-size: 11px; padding: 5px 12px; } } } @media only screen and (max-width: 640px) {.next-slide-button, .previous-slide-button { display: none !important; }}}"}, {"style-carousel_banner-1731673711151": ".style-carousel_banner-1731673711151{.banner-1 { .dynamic-banner { position: relative; width: 100%; margin: auto; } .banner-content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } picture { display: block; } .banner-img { width: 100%; } p { font-size: 24px; color: #4dadb5; text-transform: uppercase; font-weight: 400; margin: 0; } h1 { font-size: 40px; font-weight: 300; margin: 5px 0 5px; } h2 { font-size: 50px; font-weight: 700; margin: 10px 0 25px; } .button-container { display: flex; justify-content: center; } .banner-button { cursor: pointer; font-size: 16px; color: #ffffff; font-weight: 500; text-align: center; text-transform: uppercase; background-color: #4dadb5; padding: 15px 20px; } .banner-button:hover { opacity: 0.85; } .carousel-container { position: relative; } @media only screen and (max-width: 640px) { .banner-content { padding: 20px 0 20px; width: 100%; } h1 { font-size: 20px; } h2 { font-size: 15px; margin: 10px 0 15px; } p { font-size: 14px; } .banner-button { font-size: 11px; padding: 5px 12px; } } } @media only screen and (max-width: 640px) {.next-slide-button, .previous-slide-button { display: none !important; }}}"}, {"style-carousel_banner-1732887656899": ".style-carousel_banner-1732887656899{.banner-1 { .dynamic-banner { position: relative; width: 100%; margin: auto; } .banner-content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } picture { display: block; } .banner-img { width: 100%; } p { font-size: 24px; color: #4dadb5; text-transform: uppercase; font-weight: 400; margin: 0; } h1 { font-size: 40px; font-weight: 300; margin: 5px 0 5px; } h2 { font-size: 50px; font-weight: 700; margin: 10px 0 25px; } .button-container { display: flex; justify-content: center; } .banner-button { cursor: pointer; font-size: 16px; color: #ffffff; font-weight: 500; text-align: center; text-transform: uppercase; background-color: #4dadb5; padding: 15px 20px; } .banner-button:hover { opacity: 0.85; } .carousel-container { position: relative; } @media only screen and (max-width: 640px) { .banner-content { padding: 20px 0 20px; width: 100%; } h1 { font-size: 20px; } h2 { font-size: 15px; margin: 10px 0 15px; } p { font-size: 14px; } .banner-button { font-size: 11px; padding: 5px 12px; } } } @media only screen and (max-width: 640px) {.next-slide-button, .previous-slide-button { display: none !important; }}}"}, {"style-carousel_banner-1733567390660": ".style-carousel_banner-1733567390660{.banner-1 { .dynamic-banner { position: relative; width: 100%; margin: auto; } .banner-content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } picture { display: block; } .banner-img { width: 100%; } p { font-size: 24px; color: #4dadb5; text-transform: uppercase; font-weight: 400; margin: 0; } h1 { font-size: 40px; font-weight: 300; margin: 5px 0 5px; } h2 { font-size: 50px; font-weight: 700; margin: 10px 0 25px; } .button-container { display: flex; justify-content: center; } .banner-button { cursor: pointer; font-size: 16px; color: #ffffff; font-weight: 500; text-align: center; text-transform: uppercase; background-color: #4dadb5; padding: 15px 20px; } .banner-button:hover { opacity: 0.85; } .carousel-container { position: relative; } @media only screen and (max-width: 640px) { .banner-content { padding: 20px 0 20px; width: 100%; } h1 { font-size: 20px; } h2 { font-size: 15px; margin: 10px 0 15px; } p { font-size: 14px; } .banner-button { font-size: 11px; padding: 5px 12px; } } } @media only screen and (max-width: 640px) {.next-slide-button, .previous-slide-button { display: none !important; }}}"}], "gridLayoutStyles": [{"style-grid_layout-e04955aa-9e82-4173-af4f-2c6a1924723f-1723188260238": ".style-grid_layout-e04955aa-9e82-4173-af4f-2c6a1924723f-1723188260238{#hyper1723201012475 { padding-top: 10px;padding-right: 20px;padding-bottom: 40px;padding-left: 20px;}.dynamic-grid-banner-container { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 10px; padding: 40px 20px; max-width: 1540px; margin: auto; } .banner { background-color: #c4c3c1; position: relative; } .banner span { max-width: 100%; max-height: 100%; overflow: hidden; } .banner-1 { grid-area: 1 / 1 / 2 / 3; } .banner-2 { grid-area: 1 / 3 / 2 / 4; } .banner-3 { grid-area: 2 / 1 / 3 / 2; } .banner-4 { grid-area: 2 / 2 / 3 / 3; } .banner-5 { grid-area: 2 / 3 / 3 / 4; } .banner picture { display: block; height: 100%; width: 100%; } picture img, picture source { width: 100%; height: 100%; object-fit: cover; } @media only screen and (max-width: 768px) { .dynamic-grid-banner-container { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(5, 1fr); gap: 10px; padding: 15px; margin: 30px 0; } .banner-1 { grid-area: 1 / 1 / 2 / 2; } .banner-2 { grid-area: 2 / 1 / 3 / 2; } .banner-3 { grid-area: 3 / 1 / 4 / 2; } .banner-4 { grid-area: 4 / 1 / 5 / 2; } .banner-5 { grid-area: 5 / 1 / 5 / 2; } }}"}], "carouselListStyles": [{"style-carousel-list1724415737740": ".style-carousel-list1724415737740 { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #e9e9e9; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 15px; padding: 15px; box-sizing: border-box; cursor: pointer; } .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-container img { width: 100%; height: 200px; object-fit: contain; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .content-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .content-container .price-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } .actual-price { margin: 0; font-size: 0.9rem; opacity: 0.8; position: relative; display: flex; align-items: center; justify-content: center; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } .percentage-discount { font-size: 13px; color: #4caf50; font-weight: 600; } .cash-point-info { font-size: 12px; color: #262e2e; font-weight: 500; margin: 10px 0 0; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; max-width: 300px; text-align: center; } .actual-price { margin: 0; font-size: 15px; opacity: 0.8; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } } }"}, {"style-carousel-list1725613340054": ".style-carousel-list1725613340054 { .product { height: 350px; min-width: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; box-sizing: border-box; scroll-snap-align: start; text-decoration: none; border: 1px solid rgba(191, 191, 191, 0.3764705882); transition: 0.2s ease-in-out; border-radius: 5px; overflow: hidden; } .product .image-container { display: flex; align-items: center; justify-content: center; margin: 15px; height: 200px; overflow: hidden; } .product .image-container img { width: 100%; height: 100%; object-fit: contain; transition: 0.3s ease-in-out; } .product .content-container { display: flex; flex-direction: column; gap: 15px; width: 100%; padding: 15px; } .product .content-container .product-name { font-size: 1rem; font-weight: 500; line-height: 22px; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #262e2e; width: fit-content; } .product .content-container .add-cart-btn { font-size: 0.75rem; color: #262e2e; font-weight: 600; padding: 10px; background: 0 0; border: 1px solid #262e2e; border-radius: 4px; cursor: pointer; transition: 0.5s ease-in-out; } .product .content-container .add-cart-btn:hover { background-color: #262e2e; color: #fff; border: 1px solid #262e2e; } .product:hover { box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px; } .product:hover .image-container img { transform: scale(1.05); } .product .content-container .price-container { display: flex; align-items: center; gap: 10px; } .product .content-container .price-container .discounted-price { color: #ff2448; font-size: 1rem; font-weight: 600; } .product .content-container .price-container .actual-price { color: #262e2e; text-decoration: line-through; font-size: 1rem; font-weight: 500; display: flex; justify-content: center; align-items: center; opacity: 0.7; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .next-slide-icon, .previous-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } }"}, {"style-carousel-list1725879630173": ".style-carousel-list1725879630173 { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #e9e9e9; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 15px; padding: 15px; box-sizing: border-box; cursor: pointer; } .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-container img { width: 100%; height: 200px; object-fit: contain; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .content-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .content-container .price-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } .actual-price { margin: 0; font-size: 0.9rem; opacity: 0.8; position: relative; display: flex; align-items: center; justify-content: center; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } .percentage-discount { font-size: 13px; color: #4caf50; font-weight: 600; } .cash-point-info { font-size: 12px; color: #262e2e; font-weight: 500; margin: 10px 0 0; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; max-width: 300px; text-align: center; } .actual-price { margin: 0; font-size: 15px; opacity: 0.8; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } } }"}, {"style-carousel-list1726217821075": ".style-carousel-list1726217821075 { .product { width: 100%; height: 140px; display: flex; align-items: center; box-sizing: border-box; scroll-snap-align: start; text-decoration: none; border: 1px solid #bfbfbf25; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 6px 0px; transition: 0.2s ease-in-out; border-radius: 5px; overflow: hidden; cursor: pointer; } .product .image-container { display: flex; align-items: center; justify-content: center; overflow: hidden; max-height: 150px; height: 100%; min-height: 100%; width: 30%; background-color: #ffffff; padding: 10px; transition: 0.3s ease-in-out; } .product .image-container img { width: 100%; height: 100%; object-fit: contain; } .product:hover .image-container { transform: scale(1.03); } .product-content-container { display: flex; flex-direction: column; justify-content:center; gap: 10px; width: 70%; height: 100%; padding: 15px; background-color: #f6f6f6; } .product .product-content-container .brand-name { font-size: 14px; font-weight: 600; margin: 0; color: #262e2e; width: fit-content; opacity: 0.7; } .product .product-content-container .product-name { font-size: 15px; font-weight: 600; line-height: 22px; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #262e2e; width: fit-content; } .product .product-content-container .price-container { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .product .product-content-container .price-container .discounted-price { color: #ac0236; font-size: 15px; font-weight: 600; } .product .product-content-container .price-container .actual-price { color: #262e2eb0; font-size: 15px; text-decoration: line-through; font-weight: 500; display: flex; justify-content: center; align-items: center; } .product .product-content-container .price-container .percentage-discount { font-size: 13px; color: #4caf50; font-weight: 600; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0, -50%); width: 40px; height: 40px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .next-slide-icon, .previous-slide-icon { width: 15px; height: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .product .image-container { width: 40%; } .product-content-container { width: 60%; } } }"}, {"style-carousel-list1726806507218": ".style-carousel-list1726806507218 { .listing-container { padding: 40px 0; } .product { height: 350px; min-width: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; scroll-snap-align: start; text-decoration: none; border: 1px solid rgba(191, 191, 191, 0.3764705882); transition: 0.2s ease-in-out; border-radius: 5px; overflow: hidden; } .product .image-container { display: flex; align-items: center; justify-content: center; margin: 15px; height: 200px; overflow: hidden; } .product .image-container img { width: 100%; height: 100%; object-fit: contain; transition: 0.3s ease-in-out; } .product .content-container { display: flex; flex-direction: column; gap: 15px; width: 100%; padding: 15px; } .product .content-container .product-name { font-size: 1rem; font-weight: 500; line-height: 22px; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #262e2e; width: fit-content; } .product .content-container .add-cart-btn { font-size: 0.75rem; color: #262e2e; font-weight: 600; padding: 10px; background: 0 0; border: 1px solid #262e2e; border-radius: 4px; cursor: pointer; transition: 0.5s ease-in-out; } .product .content-container .add-cart-btn:hover { background-color: #262e2e; color: #fff; border: 1px solid #262e2e; } .product:hover { box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px; } .product:hover .image-container img { transform: scale(1.05); } .product .content-container .price-container { display: flex; align-items: center; gap: 10px; } .product .content-container .price-container .discounted-price { color: #ff2448; font-size: 1rem; font-weight: 600; } .product .content-container .price-container .actual-price { color: #262e2e; text-decoration: line-through; font-size: 1rem; font-weight: 500; display: flex; justify-content: center; align-items: center; opacity: 0.7; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .next-slide-icon, .previous-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } }"}, {"style-carousel-list1726806775550": ".style-carousel-list1726806775550 { .listing-container { background-color: #ffffff; padding: 40px 0; } .carousel-card { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #e9e9e9; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 15px; padding: 15px; box-sizing: border-box; cursor: pointer; } .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-container img { width: 100%; height: 200px; object-fit: contain; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .content-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .content-container .price-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } .actual-price { margin: 0; font-size: 15px; opacity: 0.8; position: relative; display: flex; align-items: center; justify-content: center; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } .percentage-discount { font-size: 13px; color: #4caf50; font-weight: 600; } .cash-point-info { font-size: 12px; color: #262e2e; font-weight: 500; margin: 10px 0 0; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; max-width: 300px;} .actual-price { margin: 0; font-size: 15px; opacity: 0.8; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } } }"}, {"style-carousel-list1726806777366": ".style-carousel-list1726806777366 { .listing-container { padding: 40px 0; } .product { height: 350px; min-width: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; scroll-snap-align: start; text-decoration: none; border: 1px solid rgba(191, 191, 191, 0.3764705882); transition: 0.2s ease-in-out; border-radius: 5px; overflow: hidden; } .product .image-container { display: flex; align-items: center; justify-content: center; margin: 15px; height: 200px; overflow: hidden; } .product .image-container img { width: 100%; height: 100%; object-fit: contain; transition: 0.3s ease-in-out; } .product .content-container { display: flex; flex-direction: column; gap: 15px; width: 100%; padding: 15px; } .product .content-container .product-name { font-size: 1rem; font-weight: 500; line-height: 22px; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #262e2e; width: fit-content; } .product .content-container .add-cart-btn { font-size: 0.75rem; color: #262e2e; font-weight: 600; padding: 10px; background: 0 0; border: 1px solid #262e2e; border-radius: 4px; cursor: pointer; transition: 0.5s ease-in-out; } .product .content-container .add-cart-btn:hover { background-color: #262e2e; color: #fff; border: 1px solid #262e2e; } .product:hover { box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px; } .product:hover .image-container img { transform: scale(1.05); } .product .content-container .price-container { display: flex; align-items: center; gap: 10px; } .product .content-container .price-container .discounted-price { color: #ff2448; font-size: 1rem; font-weight: 600; } .product .content-container .price-container .actual-price { color: #262e2e; text-decoration: line-through; font-size: 1rem; font-weight: 500; display: flex; justify-content: center; align-items: center; opacity: 0.7; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .next-slide-icon, .previous-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } }"}, {"style-carousel-list1726809095812": ".style-carousel-list1726809095812 { .listing-container { background-color: #ffffff; padding: 40px 0; } .carousel-card { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #e9e9e9; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 15px; padding: 15px; box-sizing: border-box; cursor: pointer; } .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-container img { width: 100%; height: 200px; object-fit: contain; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .content-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .content-container .price-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } .actual-price { margin: 0; font-size: 0.9rem; opacity: 0.8; position: relative; display: flex; align-items: center; justify-content: center; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } .percentage-discount { font-size: 13px; color: #4caf50; font-weight: 600; } .cash-point-info { font-size: 12px; color: #262e2e; font-weight: 500; margin: 10px 0 0; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; max-width: 300px; text-align: center; } .actual-price { margin: 0; font-size: 15px; opacity: 0.8; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } } }"}, {"style-carousel-list1726811360497": ".style-carousel-list1726811360497 { .listing-container { background-color: #ffffff; padding: 40px 0; } .carousel-card { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #e9e9e9; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 15px; padding: 15px; box-sizing: border-box; cursor: pointer; } .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-container img { width: 100%; height: 200px; object-fit: contain; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .content-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .content-container .price-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } .actual-price { margin: 0; font-size: 0.9rem; opacity: 0.8; position: relative; display: flex; align-items: center; justify-content: center; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } .percentage-discount { font-size: 13px; color: #4caf50; font-weight: 600; } .cash-point-info { font-size: 12px; color: #262e2e; font-weight: 500; margin: 10px 0 0; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; max-width: 300px; text-align: center; } .actual-price { margin: 0; font-size: 15px; opacity: 0.8; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } } }"}, {"style-carousel-list1728113033471": ".style-carousel-list1728113033471{.listing-container { background-color: #ffffff;padding: 40px 0;padding-top: 10px; padding-bottom: 10px; } .carousel-card { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #e9e9e9; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 15px; padding: 15px; box-sizing: border-box; cursor: pointer; } .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-container img { width: 100%; height: 200px; object-fit: contain; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .content-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .content-container .price-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } .actual-price { margin: 0; font-size: 0.9rem; opacity: 0.8; position: relative; display: flex; align-items: center; justify-content: center; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } .percentage-discount { font-size: 13px; color: #4caf50; font-weight: 600; } .cash-point-info { display: flex; gap: 5px; font-size: 12px; color: #262e2e; font-weight: 500; margin: 10px 0 0; } .cash-point-svg { width: 100%; width: 14px; height: 14px; } .svg-color-stroke { stroke: #262e2e; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; max-width: 300px; text-align: center; } .actual-price { margin: 0; font-size: 15px; opacity: 0.8; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; }}}"}, {"style-carousel-list1728653415352": ".style-carousel-list1728653415352{.listing-container { background-color: #ffffff;padding: 40px 0;padding-top: 0px; padding-bottom: 40px; } .carousel-card { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #e9e9e9; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 15px; padding: 15px; box-sizing: border-box; cursor: pointer; } .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-container img { width: 100%; height: 200px; object-fit: contain; } .brand-name { font-size: 14px; color: #262e2e; text-align: center; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .content-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .content-container .price-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } .actual-price { margin: 0; font-size: 0.9rem; opacity: 0.8; position: relative; display: flex; align-items: center; justify-content: center; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } .percentage-discount { font-size: 13px; color: #4caf50; font-weight: 600; } .cash-point-info { display: flex; gap: 5px; font-size: 12px; color: #262e2e; font-weight: 500; margin: 10px 0 0; } .cash-point-svg { width: 100%; width: 14px; height: 14px; } .svg-color-stroke { stroke: #262e2e; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; max-width: 300px; text-align: center; } .actual-price { margin: 0; font-size: 15px; opacity: 0.8; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; }}}"}, {"style-carousel-list1732356682451": ".style-carousel-list1732356682451 { .listing-container { padding: 40px 0; } .product { width: 100%; height: 140px; display: flex; align-items: center; box-sizing: border-box; scroll-snap-align: start; text-decoration: none; border: 1px solid #bfbfbf25; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 6px 0px; transition: 0.2s ease-in-out; border-radius: 5px; overflow: hidden; cursor: pointer; } .product .image-container { display: flex; align-items: center; justify-content: center; overflow: hidden; max-height: 150px; height: 100%; min-height: 100%; width: 30%; background-color: #ffffff; padding: 10px; transition: 0.3s ease-in-out; } .product .image-container img { width: 100%; height: 100%; object-fit: contain; } .product:hover .image-container { transform: scale(1.03); } .product-content-container { display: flex; flex-direction: column; justify-content:center; gap: 10px; width: 70%; height: 100%; padding: 15px; background-color: #f6f6f6; } .product .product-content-container .brand-name { font-size: 14px; font-weight: 600; margin: 0; color: #262e2e; width: fit-content; opacity: 0.7; } .product .product-content-container .product-name { font-size: 15px; font-weight: 600; line-height: 22px; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #262e2e; width: fit-content; } .product .product-content-container .price-container { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .product .product-content-container .price-container .discounted-price { color: #ac0236; font-size: 15px; font-weight: 600; } .product .product-content-container .price-container .actual-price { color: #262e2eb0; font-size: 15px; text-decoration: line-through; font-weight: 500; display: flex; justify-content: center; align-items: center; } .product .product-content-container .price-container .percentage-discount { font-size: 13px; color: #4caf50; font-weight: 600; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0, -50%); width: 40px; height: 40px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .next-slide-icon, .previous-slide-icon { width: 15px; height: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .product .image-container { width: 40%; } .product-content-container { width: 60%; } } }"}, {"style-carousel-list1733464171067": ".style-carousel-list1733464171067 { .listing-container { padding: 40px 0; } .product { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; scroll-snap-align: start; text-decoration: none; border: 1px solid #bfbfbf25; transition: 0.2s ease-in-out; border-radius: 5px; overflow: hidden; cursor: pointer; } .product .image-container { display: flex; align-items: center; justify-content: center; padding: 15px 15px 5px; overflow: hidden; max-height: 300px; height: 100%; } .product .image-container img { width: 100%; height: 100%; object-fit: contain; transition: 0.3s ease-in-out; } .product .content-container { display: flex; flex-direction: column; gap: 15px; width: 100%; padding: 10px 15px 15px; } .product .content-container .product-name { font-size: 1rem; font-weight: 600; line-height: 22px; margin: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: #262e2e; width: fit-content; } .product:hover .image-container img { transform: scale(1.03); } .product .content-container .price-container { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .product .content-container .price-container .discounted-price { color: #262e2e; font-size: 15px; font-weight: 600; } .product .content-container .price-container .actual-price { color: #262e2eb0; font-size: 15px; font-weight: 500; display: flex; justify-content: center; align-items: center; } .product .content-container .short-description { color: #262e2e; font-size: 0.875rem; line-height: 20px; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .next-slide-icon, .previous-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } }"}], "carouselLayoutStyles": [], "carousalNavigationStyle": [{"style-carousal_navigation-2000-17175929662210": ".style-carousal_navigation-2000-17175929662210{.next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-2000-17176690865930": ".style-carousal_navigation-2000-17176690865930{.next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-2000-17182800695122": ".style-carousal_navigation-2000-17182800695122{.next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17231877180862": ".style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17231877180862{.navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17232051835422": ".style-carousal_navigation-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17232051835422{.next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17232762410952": ".style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17232762410952{.navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-5e391c17-0535-4de9-9ca5-507b1a593899-17232762636463": ".style-carousal_navigation-5e391c17-0535-4de9-9ca5-507b1a593899-17232762636463{.navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17267442049802": ".style-carousal_navigation-7d12a201-0bfc-4a7e-b474-8ce01008fceb-17267442049802{.next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}]}, {"themeFontFamily": "Montserrat", "themeBackgroundColor": "#ffffff"}]

Exclusive Drops on Samyang Lenses

Exclusive Drops on Samyang Lenses

Now Available On Imaginext

Our Trending Product

Sekonic L-858D-U SPEEDMASTER Light Meter\n

Mentor's Collection

Shop By Brands

Associate Institutes

Free Shipping

Prompt Assistance

Offers And Discounts

Useful Links

Account

Policies