/*** Fonts start ***/ @import "fonts/inter.css"; @import "/skin/frontend/intenso/default/css/opensans.css"; @import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"; /*** Font end ***/ /*** The new CSS reset - version 1.11.2 (last updated 15.11.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu, summary { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; box-sizing: border-box; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; line-break: after-white-space; user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; box-sizing: border-box; } /* Remove details summary webkit styles */ ::-webkit-details-marker { display: none; } /** HEXA PRO **/ html { scroll-behavior: smooth; } body{ background-color: #0e0e0e; } header { padding:14px 22px; text-align: center; } header .cart { margin-top:5px; float:right; } .header{ font-family: Inter; font-size: 32px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; color: #d9d8d6; } .small-header{ font-family: Inter; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: #d9d8d6; } .text-center{ text-align: center; } p{ font-family: Inter; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #d9d8d6; } blockquote{ font-family: Inter; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: italic; line-height: 1.5; letter-spacing: normal; text-align: left; color: #d9d8d6; } .gradient-wrapper { padding: 40px 16px; background-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0) 69%, #000 100%); background-size:cover; background-position:center; } .wrapper-1 { background-image:url("header-mobile.jpg"); } .background-wrapper { flex-grow: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 10px; padding: 40px 16px; background-size:cover; background-position:center; } .box-wrap, .boxes .box{ display: flex; flex-direction: column; justify-content: flex-start; gap: 24px; padding: 16px; border: solid 1px #d9d8d6; background-color: rgba(0, 0, 0, 0.2); } .box-wrap .label, .boxes .box .label{ display: flex; justify-content: flex-start; align-items: center; gap: 16px; } .box-wrap .label .icon, .boxes .box .label .icon{ height: 96px; flex: 0 0 96px; } .accordion .section{ flex-grow: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; padding: 16px; border: solid 1px #d9d8d6; background-color: rgba(0, 0, 0, 0.2); } .accordion .section .label { font-family: Inter; font-size: 16px; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #d9d8d6; display:flex; gap:5px; padding-right:25px; } .box-wrap .label .text, .boxes .box .label .text{ flex-grow: 1; font-family: Inter; font-size: 20px; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #d9d8d6; } .button { height: 60px; display: block; padding: 15px; border: solid 1px #fff; background-color: #fff; font-size: 20px; font-weight: 600; text-align: center; color: #0e0e0e; } .disabled, .button.disabled, :disabled { pointer-events: none; opacity:.6 } .narrow-letter-spacing{ letter-spacing: -0.5px; } .wrapper-1{ height:533px; display:flex; flex-flow: column; justify-content: space-between; } .buy-products{ background-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 26%); } .products-wrap{ display:flex; flex-wrap:wrap; margin:0 -4px; } .product-wrap{ color: #d9d8d6; flex:0 0 50%; width:50%; padding:0 4px; margin-top:20px; display:flex; flex-flow:column; justify-content:space-between; gap:5px; } .product-wrap img{ height:auto; margin: 0 0 8px; border: solid 1px #d9d8d6; } .product-wrap .product-title{ font-size: 20px; font-weight: 800; line-height: 1.2; } .product-wrap .price-box { display: flex; gap: 5px; flex-flow:column; align-items: baseline; } .product-wrap .old-price{ font-size: 14px; } .product-wrap .old-price .price{ font-size: 15px; text-decoration: line-through; line-height: 1; } .product-wrap .price{ font-size: 21px; font-weight: bold; line-height: 1; } .product-wrap .is-available{ padding:5px 0; font-size: 11px; font-weight: bold; line-height: 1.69; color: #86c93f; } .product-wrap .is-available:before { content:""; vertical-align:text-top; display:inline-block; width: 12px; height: 12px; border-radius: 6px; margin-right:3px; background-color: #86c93f; } .product-wrap .is-available.no{ color: #ea1818; } .product-wrap .is-available.no:before { background-color: #ea1818; } .product-wrap .label-from{ font-size: 11px; } .product-wrap .no-options .label-from{ display:none; } .product-wrap .no-options .price-box{ padding-top:11px; } .product-wrap .stamped-badge-caption, .product-wrap .product-sconto{ display:none; } .product-wrap .cart, .product-wrap .view{ height:45px; padding:12px 0; background:none; font-size: 16px; font-weight: 600; color: #fff; max-width:none; width:100%; cursor:pointer; } .product-wrap .cart{ background-color:#c4b27b; margin-top:3px; border:none; } @media (hover: hover) { .product-wrap .cart:hover{ background-color:#74623f; } } .stamped-starrating{ display:flex; } .fa-star-o:before, .stamped-fa-star-o:before { content: '\f006'; } .fa-star:before, .stamped-fa-star:before { content: '\f005'; } [class*=" stamped-fa-"]:before, [class*=" stamped-icon-"]:before, [class^=fa-]:before, [class^=stamped-fa-]:before, [class^=stamped-icon-]:before { font-family: stamped-font,FontAwesome,"Font Awesome 5 Pro","Font Awesome 5 Brands"; font-size: 17px; color: #af9963; } @media only screen and (max-width: 64em) { .hide-for-small-only{ display:none; } .cms-page-view{ max-width:390px; margin:0 auto; } header{ border-bottom:1px solid #fff; } .background-wrapper { background-image:url("hexa-pro-pattern-mobile.png"); background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('hexa-pro-pattern-mobile.png'); } .background-wrapper .narrow-letter-spacing:last-child{ margin-top:16px; } .wrapper-1 { background-image:linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0) 69%, #000 100%), url('header-mobile.jpg'); } .wrapper-2{ padding-top:0; } .wrapper-2 .box-wrap{ margin-top:40px; } .wrapper-2 .box-wrap p{ text-align:center; } .plain-wrapper .text-wrap, .plain-wrapper .img-wrap{ padding: 40px 16px 0 16px; background-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0) 69%, #000 100%); } .plain-wrapper .img-wrap img{ display:block; } .plain-wrapper .text-wrap .small-header { margin-top:24px; } .boxes{ display:flex; flex-flow:column; gap:24px; } .image-wrapper.revolution .hide-for-desktop-only{ height:200px; background-image:url("hexa-pro-revolution-mobile.jpg"); background-size:cover; background-position-y:center; } .image-wrapper.revolution .gradient-wrapper{ background-color:#0e0e0e; } .revolution .box-wrap{ text-align:center; } .revolution .box-wrap p span span{ display:block; } .revolution .box-wrap p:first-child{ margin-bottom:0; } .image-wrapper.layers{ padding:268px 0 40px; background-image:url("hexa-pro-layers.png"); background-size:162%; background-repeat: no-repeat; background-position-y:-100px; } .image-wrapper.layers p{ padding:0 16px; } .accordion { margin:20px 0; } .accordion .section .label{ width:100%; } .accordion .section p { display: none; } .accordion .section.active p { display: block; } .accordion .section{ flex-grow: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; padding: 16px; border: solid 1px #d9d8d6; background-color: rgba(0, 0, 0, 0.2); position:relative; } .accordion .section :after { content: '+'; position:absolute; right:16px; top:16px } .accordion .section.active :after { content: '-'; } .products-wrapper{ padding:0 16px; } .products-wrapper .box-wrap{ margin-top:20px; font-size: 24px; font-weight: 800; color: #d9d8d6; } .buy-products{ padding-top:20px; } .buy-products .products-wrapper:first-child .box-wrap{ margin-top:0; } } /** Footer start **/ /* Social link */ .footer-black { font-family: 'Open Sans', sans-serif; padding:0 32px; } .footer-black .social-links-small{ display:flex; flex-wrap:wrap; position:relative; justify-content: space-evenly; } .footer-black .social-links-small div { display: none; } .footer-black .facebook, .footer-black .instagram, .footer-black .youtube{ width:100%; max-width:38px; height:38px; display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size: 11.2px; color:#fff; background-color:#ff0000; position: relative; margin-top:10px; background-image: url(youtube.svg); background-size: 25px 25px; background-repeat: no-repeat; background-position-x: 7px; background-position-y: 7px; } .footer-black .facebook{ background-color:#3b5998; background-image: url(facebook.svg); background-size: 15px 15px; background-position-x: 12px; background-position-y: 12px; } .footer-black .instagram{ color:#414449; background-color:#fff; background-image: url(instagram.svg); background-size: 18px 18px; background-position-x: 10px; background-position-y: 10px; } .footer-black .facebook span, .footer-black .instagram span, .footer-black .youtube span{ left:0; display:none; width:100%; padding:5px 10px 5px 45px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 64em) { .newsletter-subscribe-form-container { padding: 5% 0; } .footer-benefits{ margin:30px 0; } .footer-benefits .columns{ margin-top:20px; } } .footer-benefits a { font-size: 15px; line-height: 1.26; color: #ac955e; display:block; position:relative; padding-left:38px; } .footer-benefits img{ position:absolute; left:0; top:2px; width:23px; height:23px; max-inline-size: none; max-block-size: none; } .footer-benefits p { font-size: 12px; color: #d9d8d6; padding-left:38px; } .footer-white{ background-color:#fff; padding:30px 24px; } .back-to-top{ border:1px solid #e9e5dd; display:block; width:32px; height:32px; position:relative; } .back-to-top:after{ content: " "; display: inline-block; position: absolute; right: 12px; top: 12px; border: solid #808fa3; border-width: 0 2px 2px 0; padding: 2px; transform: rotate(-135deg); } .mobile-footer-links .section{ border-top: 1px solid rgba(65, 68, 73, 0.1); } .mobile-footer-links .section:last-child{ border-bottom: 1px solid rgba(65, 68, 73, 0.1); margin-bottom: 30px; } .mobile-footer-links .title{ padding: 18px 23px 21px 0; display:block; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #ac955e; position:relative; } .mobile-footer-links .title:after { content: ""; display: inline-block; position: absolute; right: 25px; top: 38%; border: solid #c9b177; border-width: 0 2px 2px 0; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .mobile-footer-links .active .a-item { padding-bottom:20px; font-weight:normal; color:#414449; } .copyright{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding: 35px 15px; font-family: OpenSans; font-size: 12px; color: #ac955e; } .copyright strong{ font-weight: bold; } .copyright .address{ flex: 0 0 60%; } .back-to-top{ margin-left:auto; } @media only screen and (max-width: 64em) { .our-brands { padding: 20px; background-color: #f3f3f3; } .our-brands .brands-title{ font-family: 'Open Sans', sans-serif; opacity: 0.4; font-size: 16px; font-weight: bold; color: #000; margin-bottom:22px; } .our-brands .brands-logos{ display:flex; gap:7px; justify-content:center; flex-wrap:wrap; } .our-brands .brands-logos a{ flex:0 0 110px; margin:0 7px; } .our-brands .brands-logos img{ height:auto; } .footer-white .footer-logo{ display:none; } .footer-white .footer-logo-middle, .footer-white .footer-logo-bottom { display:flex; justify-content:center; padding:8px 0; } } /** Footer end **/ @media only screen and (min-width: 64em) { .hide-for-desktop-only{ display:none; } .cms-page-view{ max-width:1440px; margin:0 auto; } .header{ font-size:40px; text-align:center; } .small-header{ font-size: 24px; } p{ font-size: 20px; } blockquote{ font-size: 24px; } .background-wrapper { background-image:url("hexa-pro-pattern.jpg"); background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('hexa-pro-pattern.jpg'); } .wrapper-1{ height:920px; align-items: center; background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 31%), url('header.png'); } .wrapper-1 .button{ width:358px; } .wrapper-2{ display:flex; height:588px; align-items:center; gap:63px; } .wrapper-2 .header{ flex: 0 0 50%; align-items:end; display:flex; flex-flow:column; gap:16px; } .wrapper-2 .box-wrap{ border:none; background:none; padding-right: 0; gap:32px; } .wrapper-2 .box-wrap p{ padding: 0 32px; } .wrapper-2 .small-header{ padding: 32px; text-align:left; border: solid 1px #d9d8d6; background-color: rgba(0, 0, 0, 0.4); } .wrapper-2 .box-wrap .small-header span{ display:block; } .plain-wrapper{ display:flex; height:628px; padding: 0 172px; align-items:center; gap:63px; background-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0) 69%, #000 100%); } .plain-wrapper .text-wrap{ flex: 0 0 50%; display:flex; flex-flow:column; gap:40px; } .plain-wrapper .img-wrap img{ display:block; width:419px; height:auto; } .image-wrapper.revolution{ height:739px; background-image: url("hexa-pro-revolution.png"); background-size:100%; background-position-y:50%; display:flex; justify-content:end; align-items:center; } .revolution .gradient-wrapper{ background-image:none; flex:0 0 51%; padding:0; } .revolution .box-wrap{ backdrop-filter: blur(20px); border: solid 1px #fff; background-color: rgba(0, 0, 0, 0.7); background-image:none; padding: 32px; } .revolution .box-wrap p > span{ display:block; } .boxes { display: flex; flex-wrap: wrap; } .boxes-box-wrap{ width:50%; padding:10px; } .boxes-box-wrap:nth-child(odd) { padding-left:0; } .boxes-box-wrap:nth-child(even) { padding-right:0; } .boxes .box{ height:100%; gap:28px; padding:32px 32px 82px 32px; } .header-layers { padding:18px 100px; } .header-layers span { display:block; } .image-wrapper.layers { height:952px; background-image: url(hexa-pro-layers.png); background-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0) 69%, #000 100%), url(hexa-pro-layers.png); background-size: 100%; background-position-y: 50%; display:flex; justify-content: end; align-items: center; } .layers-wrap{ flex:0 0 50%; max-width:550px; backdrop-filter: blur(20px); border: solid 1px #fff; background-color: rgba(0, 0, 0, 0.7); background-image: none; padding:32px; } .accordion{ display:flex; gap:20px; flex-flow:column; margin-bottom:24px; } .accordion .section{ border:none; background:none; padding:0; gap:0 } .accordion .section .label{ font-size:24px; } .accordion .section .label span:first-child{ width:24px; } .accordion .section p{ margin-left:29px; } .footer-menu { padding: 20px; display:flex; line-height: 1.83; font-size: 14px; font-weight: bold; color: #af9963; } .footer-menu ul{ color: #d9d8d6; font-size: 13px; font-weight: normal; } .footer-benefits{ display:flex; margin-top:42px; border-top: solid 1px rgba(199, 186, 171, 0.3); padding:42px 17px; } .footer-menu .large-3, .footer-benefits .large-3{ flex:0 0 25% } .footer-benefits a{ font-size:20px; } .footer-benefits p{ font-size:14px; } .footer-white { display:flex; flex-wrap:wrap; align-items:center; padding: 38px 20px; } .footer-logo{ width:33.33%; max-width:460px; } .footer-logo-middle{ padding:0 10px; text-align:center; } .footer-logo-bottom{ text-align:right; } .copyright{ flex: 0 0 100%; padding: 35px 0 0 0; } .products-wrapper .box-wrap{ margin-top:40px; font-size: 24px; font-weight: 800; color: #d9d8d6; } .buy-products{ padding-top:40px; } .buy-products .products-wrapper:first-child .box-wrap{ margin-top:0; } .products-wrap{ margin:0 -6px; } .product-wrap{ flex:0 0 33.33%; width:33.33%; padding:0 6px; margin-top:40px; } .product-wrap .price-box{ display:flex; gap:5px; align-items:baseline; } .product-wrap .price{ font-size: 24px; } .product-wrap .cart, .product-wrap .view{ font-size: 21px; padding:9px 0; } .wrapper-2{ padding:0 5%; } .boxes { padding:80px 5%; } .layers-wrap{ margin-right:5%; } .image-wrapper.revolution, .products-wrapper{ padding:0 5%; } } @media only screen and (min-width: 1320px) { .wrapper-2{ padding:0 160px; } .boxes { padding:80px 160px; } .layers-wrap{ margin-right:160px; } .image-wrapper.revolution, .products-wrapper{ padding:0 160px; } } /** Klaviyo **/ .footer-black .klaviyo-form form{ margin-bottom: 15px !important; } .footer-black .klaviyo-form form, .footer-black .klaviyo-form form div > *{ background: none !important; } /** Add to cart **/ .vitapur-modal.ajax-add-to-cart-modal{ padding-top:0; font-family: 'Open Sans', sans-serif; } .ajax-add-to-cart-modal .modal-close-wrap, .ajax-add-to-cart-messages { position: absolute; z-index: 1; top: 0; } .ajax-add-to-cart-modal .reveal-modal-content { min-height: 80px; } .ajax-add-to-cart-messages { top: 35px; } .ajax-add-to-cart-modal .modal-close-fixed{ height:35px; } .ajax-add-to-cart-modal .modal-close-fixed, .ajax-add-to-cart-messages .messages{ position: fixed; background-color: #fff; width: 100%; } .ajax-add-to-cart-messages .success-msg, .ajax-add-to-cart-messages .error-msg { color: #5b6064; background-color: #f2dede; display: block; font-weight: 400; font-size: 15px; } .ajax-add-to-cart-messages .loading-msg { padding: 21px; transition: visibility 0s linear 400ms, opacity 400ms; background-image:url(/skin/frontend/intenso/default/images/loading.svg); background-repeat:no-repeat; background-position-x: center; background-position-y: center; background-size: contain } .ajax-add-to-cart-messages .messages ul { padding: 11px; } .ajax-add-to-cart-messages .error-msg ul{ border: 1px solid #ebcccc; } .ajax-add-to-cart-messages .success-msg { color: #5b6064; background-color: rgba(134, 201, 63, 0.1); position:relative; font-weight:bold; } .ajax-add-to-cart-messages .success-msg:before { content: ""; position: absolute; display: block; border: 2px solid #86c93f; left: 20px; top: 50%; width: 27px; height: 27px; margin-top: -14px; border-radius: 50%; border: 2px solid #86c93f; } .ajax-add-to-cart-messages .success-msg:after{ content: ""; position: absolute; width: 6px; height: 13px; left: 31px; top: 50%; margin-top: -8px; border: solid #86c93f; border-width: 0 2px 2px 0; transform: rotate(45deg); } .ajax-add-to-cart-modal .ajax-add-to-cart-content { display: flex; gap: 30px; padding:45px 15px; color:#000; } .ajax-add-to-cart-modal .ajax-add-to-cart-content .buybox { box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.17); padding: 15px; } .ajax-add-to-cart-modal .ajax-add-to-cart-content .title{ display:block; padding:15px 0; font-size:16px; font-weight:bold; text-transform:uppercase; } .ajax-add-to-cart-modal #shopping-cart-totals-table{ font-size:12px; padding:5px 0; width:100%; } .ajax-add-to-cart-modal #shopping-cart-totals-table td{ padding:7px 0; } .ajax-add-to-cart-modal #shopping-cart-totals-table td:last-child{ font-weight:bold; text-align:right; padding-left:12px; } .ajax-add-to-cart-modal #shopping-cart-totals-table tbody tr:last-child td{ padding-bottom:3%; } .ajax-add-to-cart-modal #shopping-cart-totals-table td.free-shipping-tease { text-align:left; padding-left:0; font-weight:normal; } .ajax-add-to-cart-modal td.free-shipping-tease .price { font-weight:bold; } .ajax-add-to-cart-modal .free-shipping-tease .shipping-teaser-bar { background: #d4d4d4; border-radius: 6px; margin-top: 10px; height: 10px; width: 100%; } .ajax-add-to-cart-modal .free-shipping-tease .shipping-teaser-bar div { background: #f3cd00; border-radius: 6px; width: 0; height: 100%; transition: width 0.7s; } .ajax-add-to-cart-modal #shopping-cart-totals-table tfoot{ font-weight:bold; border-top:#e5e5e5 1px solid } .ajax-add-to-cart-modal #shopping-cart-totals-table tfoot td{ padding:3% 0; } .ajax-add-to-cart-modal #shopping-cart-totals-table .tax{ font-weight:normal; } /* Product start */ .ajax-add-to-cart-modal .ajax-add-to-cart-p{ display:flex; gap:10px; } .ajax-add-to-cart-modal .ajax-add-to-cart-p img{ max-width: 170px; height: auto; } .ajax-add-to-cart-modal .ajax-add-to-cart-p .title { font-size: 13px; color: #000; line-height: 1.2; margin-bottom: 10px; font-weight: bold; } .ajax-add-to-cart-modal .ajax-add-to-cart-p .ajax-added-product-options { padding: 5px 0; font-size: 12px; color: #000; margin-bottom:10px; } .ajax-add-to-cart-modal .ajax-add-to-cart-p form { display: flex; } .ajax-add-to-cart-modal .ajax-add-to-cart-p .ajax-manage-qty input[type="number"] { text-align: center; border: 1px solid #e2e2e0; margin: 0 5px; width: 70px; height: 34px; } .ajax-add-to-cart-modal .ajax-qty-label{ display:none; } /* Product end */ .ajax-add-to-cart-modal .ajax-increase-decrease, .ajax-add-to-cart-modal .button{ font-size:16px; font-weight:bold; border-radius:3px; color:#fff; text-transform:uppercase; background-color:#343434; padding:18px; } .ajax-add-to-cart-modal .ajax-increase-decrease{ display: inline-block; padding: 0; width: 34px; height: 34px; text-align: center; vertical-align: middle; background: #353535; font-weight:normal; line-height: 34px; } .ajax-add-to-cart-modal .button.button-green{ background-color:#6ec93e; } @media only screen and (max-width: 64em) { .ajax-add-to-cart-modal .checkout-types{ display:none; } .ajax-add-to-cart-modal .vitapur-modal-close { line-height:1; } .ajax-add-to-cart-messages .success-msg { padding-left:67px; } .ajax-add-to-cart-content { flex-flow:column; } .ajax-add-to-cart-modal .modal-action-go-to-checkout { position: fixed; left: 0; right: 0; z-index: 1; background: #fff; bottom: 0; text-align: center; box-shadow: #555 0 -5px 9px -8px; } } @media only screen and (min-width: 40.063em) { .ajax-add-to-cart-modal .ajax-add-to-cart-p{ gap:20px; } .ajax-add-to-cart-modal .ajax-add-to-cart-p img{ max-width: 250px; } .ajax-add-to-cart-modal .ajax-add-to-cart-p .title{ padding:0; font-size:19px; color: #343434; font-weight: normal; } .ajax-add-to-cart-modal .ajax-add-to-cart-p .ajax-added-product-options{ font-size:16px; } .ajax-add-to-cart-modal #shopping-cart-totals-table{ font-size:14px; } } @media only screen and (min-width: 64.063em) { .ajax-add-to-cart-messages .loading-msg { padding: 43px; } .ajax-add-to-cart-modal .ajax-add-to-cart-content { justify-content:space-between; } .ajax-add-to-cart-modal .ajax-add-to-cart-content .cart-collaterals{ max-width:400px; } .ajax-add-to-cart-modal .ajax-increase-decrease, .ajax-add-to-cart-modal .button{ font-size:14px; } .ajax-add-to-cart-messages { top: 45px; } .ajax-add-to-cart-modal .modal-close-fixed{ height:45px; } .ajax-add-to-cart-messages .success-msg, .ajax-add-to-cart-messages .error-msg { font-size:15px; text-align: center; } .ajax-add-to-cart-messages .success-msg{ padding-top:55px; } .ajax-add-to-cart-messages .success-msg:before { left: 50%; top: 9px; margin: 0 0 0 -17px; width: 40px; height: 40px; } .ajax-add-to-cart-messages .success-msg:after{ width: 8px; height: 20px; left: 50%; top: 16px; margin: 0; } .ajax-add-to-cart-modal .modal-close-fixed, .ajax-add-to-cart-messages .messages{ width: calc(1000px - 5rem); } .ajax-add-to-cart-modal .vitapur-modal-close, .ajax-add-to-cart-modal .vitapur-modal-close:hover{ top:5px; right: -2rem; } .ajax-add-to-cart-modal .modal-action-go-to-checkout { display:none; } .ajax-add-to-cart-modal #shopping-cart-totals-table{ border-bottom:#e5e5e5 1px solid } .ajax-add-to-cart-modal .buybox .checkout-types{ margin:20px 0; display:flex; flex-flow:column; gap:20px; } } @media only screen and (min-width: 75.063em) { .ajax-add-to-cart-modal .modal-close-fixed, .ajax-add-to-cart-messages .messages{ width: calc(1200px - 5rem); } } /* Upsell start */ .add-to-cart-upsell-products-title{ text-align:center; color:#d7252d; text-transform:uppercase; position:relative; margin:25px 0 10px; padding:0 35px; } .add-to-cart-upsell-products-title:before{ content:''; height:1px; width:100%; left:0; top:50%; position:absolute; background-color: rgba(215, 37, 45, 0.3); } .add-to-cart-upsell-products-title strong{ background: #fff; display: inline-block; position: relative; padding:0 5px; } .add-to-cart-upsell-product{ background:#fff; border-radius: 4px; border: dotted 2px #cfc193; background-color: #fff4ca; margin:10px 0; padding:10px 17px; display:flex; align-items:center; font-size:12px; font-weight: 600; line-height:1.2; } .add-to-cart-upsell-product .to-cart{ text-align:center; font-size: 9px; line-height:1.8; color:#5b6064; } .add-to-cart-upsell-product .to-cart input{ position:relative; display:block; width:28px; height:28px; } .add-to-cart-upsell-product img{ margin:0 17px; } .add-to-cart-upsell-product .name{ margin-bottom:4px; color:#000; } .add-to-cart-upsell-product span{ margin-right:3px; } .add-to-cart-upsell-product .price-old .price { color: #6d7275; } .add-to-cart-upsell-product .sconto{ background:#de101c; display:inline-block; padding:3px 5px; border-radius:3px; color:#fff; font-size:11px; } @media only screen and (min-width: 28.063em) { .add-to-cart-upsell-products-title{ margin-bottom:15px; } .add-to-cart-upsell-products-title strong{ padding:0 12px; } } /* Upsell end */