[[{"logo": {"target": "_self", "logoSrc": "https://media-assets.hyperinvento.com/companies/43d32ed4-a2cb-436e-8e5a-4a3fec6a7f85/others/others/files/9404efe4ff9945289d9d374cfba7c7fc-other-other.png", "isVisibleOnMobile": true, "isVisibleOnDesktop": true, "data-click_action_value": "", "data-click_action_choice": ""}, "cartIcon": {"target": "_self", "cartIconSrc": "https://media-assets.hyperinvento.com/companies/43d32ed4-a2cb-436e-8e5a-4a3fec6a7f85/others/others/files/1ba4367eaadf4db49bcd6bb9bee47c0b-other-other.png", "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/header-footer/closed-icon-yellow.png", "menuItems": [{"text": "Category Header", "position": "5"}], "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://media-assets.hyperinvento.com/companies/43d32ed4-a2cb-436e-8e5a-4a3fec6a7f85/others/others/files/bfdc3d055f694e1e8ac6b8afec884776-other-other.png", "isVisibleOnMobile": true, "isVisibleOnDesktop": true, "data-click_action_value": "{\"id\":\"account\"}", "data-click_action_choice": "internal_page"}, "headerLayout": "headerLayout1", "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-icon-white.svg", "data-click_action_value": "", "data-click_action_choice": ""}, "hamburgerMenuIcon": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/header-footer/hambuger-icon-yellow.png", "searchPlaceholder": "Please enter a keyword", "isHeaderConfigured": true, "storeLocationDesktop": {"target": "_self", "isVisibleOnMobile": true, "isVisibleOnDesktop": false, "data-click_action_value": "", "storeLocationDesktopSrc": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/common/location-white-icon.png", "data-click_action_choice": ""}, "menuListVisibleOnMobile": true, "menuListVisibleOnDesktop": true, "mobileStyleConfiguration": {"menuFontSize": "14px", "iconTextColor": "#262e2e", "menuAlignment": "", "menuTextColor": "#ffffff", "countTextColor": "#262e2e", "menuFontWeight": "500", "iconBorderColor": "#ffffff", "subMenuFontSize": "14px", "countBorderColor": "#ffffff", "iconBorderRadius": "4px", "subMenuTextColor": "#ffffff", "countBorderRadius": "4px", "subMenuFontWeight": "500", "menuHoverTextColor": "", "subSubMenuFontSize": "14px", "iconBackgroundColor": "#4b99f7", "menuBackgroundColor": "#4b99f7", "subSubMenuTextColor": "#262e2e", "countBackgroundColor": "#ffffff", "searchInputTextColor": "#262e2e", "subSubMenuFontWeight": "500", "headerBackgroundColor": "#4b99f7", "searchBackgroundColor": "#ffffff", "subMenuHoverTextColor": "", "searchInputBorderColor": "#ffffff", "subMenuBackgroundColor": "#4b99f7", "searchInputBorderRadius": "4px", "menuHoverBackgroundColor": "", "subSubMenuBackgroundColor": "#ffffff", "subMenuHoverBackgroundColor": ""}, "desktopStyleConfiguration": {"menuFontSize": "18px", "iconTextColor": "#262e2e", "menuAlignment": "", "menuTextColor": "#ffffff", "countTextColor": "#262e2e", "menuFontWeight": "500", "iconBorderColor": "#ffffff", "subMenuFontSize": "16px", "countBorderColor": "#ffffff", "iconBorderRadius": "4px", "subMenuTextColor": "#ffffff", "countBorderRadius": "4px", "subMenuFontWeight": "500", "menuHoverTextColor": "#262e2e", "subSubMenuFontSize": "14px", "iconBackgroundColor": "#4b99f7", "menuBackgroundColor": "#4b99f7", "subSubMenuTextColor": "#262e2e", "countBackgroundColor": "#ffffff", "searchInputTextColor": "#262e2e", "subSubMenuFontWeight": "500", "headerBackgroundColor": "#17191b", "searchBackgroundColor": "#ededed", "subMenuHoverTextColor": "#262e2e", "searchInputBorderColor": "#ffffff", "subMenuBackgroundColor": "#29c2cc", "searchInputBorderRadius": "4px", "menuHoverBackgroundColor": "#29c2cc", "subSubMenuBackgroundColor": "#ffffff", "subMenuHoverBackgroundColor": "#37cdd7"}, "dynamicCategoryHeaderConfig": {"layoutType": "inlineLayout1", "dynamicHeaderType": "dynamicHeaderInline"}}, "

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

", "", "

", ""], {"footerStyle": ".style-footer-c4d41196-ec3e-4d79-b796-6d5c47340ae4-1729069717162{#hyper1729069741538 { background-color: #000;}\n.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": ".equipo-header a { display: flex; } .header-content { position: relative; display: flex; justify-content: space-between; align-items: center; margin: auto; gap: 10px; max-width: 1500px; padding: 20px 15px; width: 100%; } .logo-container img { max-width: unset; max-height: unset; width: 100%; max-width: 200px; } .input-container { position: relative; width: 100%; max-width: 600px; border-radius: 4px; } .input-container .search-icon { position: absolute; left: 10px; top: 50%; transform: translate(0%, -50%); width: 17px; height: 17px; } .input-container .search-input { font-size: 14px; padding: 12px 20px 12px 40px; width: 100%; max-width: 835px; border-width: 1px; border-style: solid; } .input-container .search-input:focus-visible { border: 1px solid transparent; } .equipo-category-item-list { display: flex; margin: auto; width: 100%; max-width: 1500px; } .equipo-category-item-list li { padding: 20px 15px; } .equipo-category-item-list li a { cursor: pointer; font-size: 1rem; font-weight: 500; letter-spacing: 0.5px; color: #262e2e; } .icon-item-list { display: flex; gap: 12px; margin: 0; padding: 0; justify-content: flex-end; } .equipo-header .icon-item-list li { position: relative; list-style-type: none; } .equipo-header .icon-item-list li img { position: relative; cursor: pointer; width: 35px; height: 35px; padding: 6px; border-width: 1px; border-style: solid; } .equipo-header .cart-item-count { position: absolute; top: -15px; right: -8px; font-size: 12px; font-weight: 500; text-align: center; width: 20px; height: 20px; padding: 2px 2px; border-width: 1px; border-style: solid; z-index: 1; } .mobile-subcategory-list { position: absolute; top: 100%; width: 100%; z-index: 7; } .close-icon { width: 25px; height: 25px; margin: 15px 10px 15px auto; display: block; } .only-mobile { display: none; } .mobile-search-panel { display: flex; gap: 15px; align-items: center; padding: 18.5px 10px; } .search-mobile-close-icon { width: 25px; height: 25px; } .mobile-input-container { position: relative; width: 100%; border-radius: 4px; } .mobile-input-container .mobile-search-icon { position: absolute; left: 10px; top: 50%; transform: translate(0%, -50%); width: 15px; height: 15px; } .mobile-input-container .mobile-search-input { font-size: 12px; padding: 8px 20px 8px 35px; width: 100%; border-width: 1px; border-style: solid; } nav.mega-menu-category { margin: auto; max-width: 1500px; } .dynamic-header-background { background-color: #17191b; } .dynamic-header-font-size { font-size: 18px; } .dynamic-header-font-weight { font-weight: 500; } .dynamic-font-weight-sub-menu { font-weight: 500; } .dynamic-font-size-sub-menu { font-size: 16px; } .dynamic-search-input-background { background-color: #ededed; } .dynamic-search-input-text-color { color: #262e2e; } .dynamic-search-input-border-color { border-color: #fff; } .dynamic-search-input-border-radius { border-radius: 4px; } .dynamic-sub-menu-background { background-color: #29c2cc; } .dynamic-header-text-color { color: #fff; } .dynamic-header-sub-menu-text-color { color: #fff; } .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: #fff; } .dynamic-quick-icon-background { background-color: transparent; } .dynamic-quick-icon-border-color { border-color: #fff; } .dynamic-quick-icon-border-radius { border-radius: 4px; } .dynamic-cart-count-background { background-color: #fff; } .dynamic-cart-count-text-color { color: #262e2e; } .dynamic-cart-count-border-color { border-color: #fff; } .dynamic-cart-count-border-radius { border-radius: 4px; } .ham-icon-container { width: 8%; } .ham-menu-icon { display: none; } .layout-1 nav ul { position: relative; display: flex; padding: 2px; margin: 0 auto; max-width: 1490px; list-style: none; flex-wrap: wrap; } .layout-1 nav ul.mobile-menu-list { display: none; white-space: nowrap; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } .layout-1 nav ul li { display: inline-block; } .layout-1 nav ul li:not(:last-child) { margin-right: 5px; } .layout-1 nav a { display: block; padding: 0 10px; line-height: 60px; text-decoration: none; } .layout-1 nav ul ul { display: none; position: absolute; } .layout-1 nav ul li:hover > ul { display: inherit; z-index: 0; } .layout-1 nav ul ul li { width: 170px; float: none; display: list-item; position: relative; } .layout-1 nav ul ul li { margin-right: 0; } .layout-1 nav ul ul ul li { position: relative; top: -60px; left: 170px; } .layout-1 ul { padding: 0; margin: 0; z-index: 1; } .layout-1 li { position: relative; list-style-type: none; } .dynamic-menu-alignment { justify-content: center; } @media only screen and (max-width: 768px) { nav.mega-menu-category ul.mobile-menu-list { display: block !important; -ms-overflow-style: none; scrollbar-width: none; } .ham-menu-icon { display: flex; width: 25px; height: 25px; } .only-desktop { display: none; } .only-mobile { display: block; } .logo-container { width: 50%; } .equipo-header .icon-item-list { width: 40%; margin: 0; gap: 8px; } .equipo-header .icon-item-list li:nth-child(1) { order: 0; } .equipo-header .icon-item-list li:nth-child(4) { order: -1; } .equipo-header .icon-item-list li img { width: 30px; height: 30px; } nav.mega-menu-category ul li a { line-height: 40px; } nav.mega-menu-category ul li:hover > .category-mega-menu.no-subcategory { display: none; opacity: 0; visibility: hidden; } nav.mega-menu-category ul li a.hover-color-active { color: #262e2e; } .mobile-category-panel { background-color: #fff; 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-eafba305-91d5-4ae8-9579-81835992630b-1728552574208": ".style-banner-eafba305-91d5-4ae8-9579-81835992630b-1728552574208 { .electronic-grid { max-width: 1540px; padding: 40px 20px; margin:auto; } .electronic-grid { .grid-banner-container { display: grid; grid-template-columns: auto auto auto; grid-template-rows: auto auto; gap: 10px; } .grid-banner-container .grid-banner:nth-child(1) { grid-row: span 2; grid-column: 1; } .grid-banner-container .grid-banner { position: relative; } .grid-banner-container .grid-banner .content-container { display: flex; flex-direction: column; gap: 15px; position: absolute; background: #262e2e; bottom: 0; left: 50%; transform: translate(-50%, 0); padding: 15px 30px; width: 100%; align-items: center; text-align: center; } .grid-banner-container .grid-banner .content-container a { font-size: 16px; font-weight: 500; color: #ffffff; text-decoration: none; display: flex; align-items: center; } .grid-banner-container .content-container a img { width: 30px; height: 30px; object-fit: cover; transition: all 0.3s ease-in-out; } .grid-banner-container .content-container a:hover img { transform: translateX(5px); } .grid-banner-container picture { width: 100%; } .grid-banner-container > .grid-banner .grid-image { width: 100%; height: 100%; object-fit: cover; transition: all 0.2s ease-in-out; } } @media only screen and (max-width: 768px) { .electronic-grid { .grid-banner-container { display: grid; grid-template-columns: auto; grid-template-rows: auto; gap: 15px; } .grid-banner-container .grid-banner:nth-child(1) { grid-row: 1; grid-column: 1; } .grid-banner-container .grid-banner .content-container { padding: 10px 20px; } .grid-banner-container .grid-banner .content-container a { font-size: 0.875rem; } .grid-banner-container .grid-banner .content-container a img { width: 25px; height: 25px; } } } }"}, {"style-banner-d6f02fe0-6a48-41d4-a81c-1ff724885254-1728552623098": ".style-banner-d6f02fe0-6a48-41d4-a81c-1ff724885254-1728552623098{#hyper1728640073167 { margin-top: 15px;transform: translate(0px, 0px);}\n.multi-product-section { background-color: #ffffff; padding: 40px 20px; margin: auto; max-width: 1540px; } .multi-product-section h2 { font-size: 2rem; color: #1d1d1d; font-weight: 500; letter-spacing: -0.025em; margin: 0 0 20px; } .multi-product-section .wrapper-container { display: flex; gap: 20px; } .multi-product-section .wrapper-container > a { width: 33%; display: flex; flex-direction: column; text-decoration: none; color: #000000; } .multi-product-section .wrapper-container > a > img { max-width: 100%; } .multi-product-section .wrapper-container > a h3 { font-size: 1.125rem; font-weight: 500; line-height: 30px; color: #282828; margin: 15px 0 0px; width: max-content; } .multi-product-section .wrapper-container > a .product-price { display: flex; font-size: 0.875rem; line-height: 30px; gap: 10px; letter-spacing: 0.0012em; color: #282828; margin: 0 0 10px; } .multi-product-section .wrapper-container > a .product-price .original-price { color: #696969; text-decoration: line-through; } .multi-product-section .wrapper-container > a .description { font-size: 0.875rem; letter-spacing: 0.0012em; color: #696969; margin: 0; } @media only screen and (max-width: 768px) { .multi-product-section h2 { font-size: 24px; line-height: 26px; margin: 0 0 20px; } .multi-product-section .wrapper-container { display: flex; gap: 20px; padding: 0 0 10px; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; } .multi-product-section .wrapper-container > a { width: 100%; min-width: calc((100% - 10px) / 1.2); scroll-snap-align: center; } .multi-product-section .wrapper-container > a h3 { font-size: 1rem; font-weight: 500; line-height: 30px; color: #282828; margin: 15px 0 0px; } .multi-product-section .wrapper-container > a .product-price { font-size: 0.875rem; line-height: normal; margin: 0 0 10px; } .multi-product-section .wrapper-container > a .product-price .original-price { color: #696969; } }}"}, {"style-banner-63282ede-ec85-4f59-aa20-3ddf15eb355c-1728552904291": ".style-banner-63282ede-ec85-4f59-aa20-3ddf15eb355c-1728552904291 { .beach-fashion-grid { max-width: 1540px; padding:40px 20px; margin:auto; } .beach-fashion-grid { .grid-banner-container { display: grid; grid-template-columns: auto auto auto; grid-template-rows: auto auto; gap: 10px; } .grid-banner-container .grid-banner:nth-child(1) { grid-row: span 2; grid-column: 1; } .grid-banner-container .grid-banner:nth-child(3) { grid-row: span 2; grid-column: 3; } .grid-banner-container .grid-banner { position: relative; } .grid-banner-container .grid-banner .content-container { display: flex; flex-direction: column; gap: 15px; position: absolute; background: #262e2e; bottom: 0; left: 50%; transform: translate(-50%, 0); padding: 15px 30px; width: 100%; align-items: center; text-align: center; } .grid-banner-container .grid-banner .content-container a { font-size: 16px; font-weight: 500; color: #ffffff; text-decoration: none; display: flex; align-items: center; } .grid-banner-container .content-container a img { width: 30px; height: 30px; object-fit: cover; transition: all 0.3s ease-in-out; } .grid-banner-container .content-container a:hover img { transform: translateX(5px); } .grid-banner-container picture { width: 100%; } .grid-banner-container > .grid-banner .grid-image { width: 100%; height: 100%; object-fit: cover; transition: all 0.2s ease-in-out; } } @media only screen and (max-width: 768px) { .beach-fashion-grid { .grid-banner-container { display: grid; grid-template-columns: auto; grid-template-rows: auto; gap: 15px; } .grid-banner-container .grid-banner:nth-child(1), .grid-banner-container .grid-banner:nth-child(3) { grid-row: auto; grid-column: 1; } .grid-banner-container .grid-banner .content-container { padding: 10px 20px; } .grid-banner-container .grid-banner .content-container a { font-size: 0.875rem; } .grid-banner-container .grid-banner .content-container a img { width: 25px; height: 25px; } } } }"}, {"style-banner-d6f02fe0-6a48-41d4-a81c-1ff724885254-1728553142640": ".style-banner-d6f02fe0-6a48-41d4-a81c-1ff724885254-1728553142640 { .multi-product-section { background-color: #ffffff; padding: 40px 20px; margin: auto; max-width: 1540px; } .multi-product-section h2 { font-size: 2rem; color: #1d1d1d; font-weight: 500; letter-spacing: -0.025em; margin: 0 0 20px; } .multi-product-section .wrapper-container { display: flex; gap: 20px; } .multi-product-section .wrapper-container > a { width: 33%; display: flex; flex-direction: column; text-decoration: none; color: #000000; } .multi-product-section .wrapper-container > a > img { max-width: 100%; } .multi-product-section .wrapper-container > a h3 { font-size: 1.125rem; font-weight: 500; line-height: 30px; color: #282828; margin: 15px 0 0px; width: max-content; } .multi-product-section .wrapper-container > a .product-price { display: flex; font-size: 0.875rem; line-height: 30px; gap: 10px; letter-spacing: 0.0012em; color: #282828; margin: 0 0 10px; } .multi-product-section .wrapper-container > a .product-price .original-price { color: #696969; text-decoration: line-through; } .multi-product-section .wrapper-container > a .description { font-size: 0.875rem; letter-spacing: 0.0012em; color: #696969; margin: 0; } @media only screen and (max-width: 768px) { .multi-product-section h2 { font-size: 24px; line-height: 26px; margin: 0 0 20px; } .multi-product-section .wrapper-container { display: flex; gap: 20px; padding: 0 0 10px; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; } .multi-product-section .wrapper-container > a { width: 100%; min-width: calc((100% - 10px) / 1.2); scroll-snap-align: center; } .multi-product-section .wrapper-container > a h3 { font-size: 1rem; font-weight: 500; line-height: 30px; color: #282828; margin: 15px 0 0px; } .multi-product-section .wrapper-container > a .product-price { font-size: 0.875rem; line-height: normal; margin: 0 0 10px; } .multi-product-section .wrapper-container > a .product-price .original-price { color: #696969; } } }"}, {"style-banner-68269223-8cfe-48a3-99fd-f4f5a51753a3-1728997036908": ".style-banner-68269223-8cfe-48a3-99fd-f4f5a51753a3-1728997036908 { .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%; } } @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; } } }"}], "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-17289965619230": ".style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17289965619230{.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; } }}"}, {"style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17289965619231": ".style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17289965619231{.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; } }}"}, {"style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17289965619242": ".style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17289965619242{.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; } }}"}], "gridLayoutStyles": [], "carouselListStyles": [{"style-carousel-list1724240370319": ".style-carousel-list1724240370319 { .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: 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-list1728640111850": ".style-carousel-list1728640111850 { .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; } }"}, {"style-carousel-list1728997387844": ".style-carousel-list1728997387844 { .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; 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 { 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; } } }"}], "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-17289965619242": ".style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17289965619242{.hide-desktop-navigation { display: none; } .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) { .hide-mobile-navigation { display: none; } }}"}]}, {"themeFontFamily": "Poppins", "themeBackgroundColor": "#ffffff"}]

SHOP ACCESSORIES

LIGHTS

HYDRATION

BIKE CARE & MAINTENANCE

PUMPS

SHOP TRAINING & SELF CARE

NUTRITION

INDOOR TRAINER

COMPUTERS

RIDER CARE

Useful Links

Account

Policies

Popular Links

Zojirushi SJ JS10-XA

SKU: ZO-ZSJ