<style> #top-bar { font-size: 16px; background: linear-gradient(90deg, rgba(249, 100, 140, 1) 0%, rgba(175, 156, 235, 1) 100%); color: #fff; height: 35px; line-height: 2; display: flex; } #top-bar a{ color: #fff !important; text-decoration: none; } .top-bar-left{ width: 50%; padding-left: 1rem; } .top-bar-right{ width: 50%; text-align: right; padding-right: 1rem; } #checkout.checkout-header h1{ font-weight: 400; } #checkout .checkout-header .description{ color: #fff; } #checkout-header{ display: flex; align-items: center; padding-block: calc(0.25rem * 3); padding-inline: calc(.25rem * 6); } header.page-header .header.content{ max-width: none; padding: 0; } #header .container { margin-inline: inherit; } #header #logo-container img{ max-width: none; } #checkout-header .actions-container svg{ width: 40px; height: auto; color: #9383C5; } #header search form, #checkout-header .search-container { width: 75vw; height: 60px; } #checkout-header search form{ display: flex; } #checkout-header .search-container button{ background: #9383C5; opacity: 1; color: #fff; border-start-start-radius: 0; border-end-start-radius: 0; border-color: #0000; position: relative; border-width: 2px; border-radius: .5rem; text-align: center; display: flex; left: -3px; cursor: pointer; font-weight: 500; align-items: center; align-content: center; vertical-align: middle; text-align: center; padding: 10px; align-content: center; } #checkout-header search form input{ border-radius: .5rem; padding-left: 12px; padding-right: 12px; padding-top: 8px; padding-bottom: 8px; height: 60px; font-size: 1.5rem; border-start-end-radius: 0; border-end-end-radius: 0; } #checkout-header search form input::placeholder{ font-style: normal; font-size: 1.5rem !important; } #header search form input, #header search form input:focus, header search form input:focus-visible, #checkout-header search form input, #checkout-header search form input:focus, #checkout-header search form input:focus-visible { border: 1px solid #9383C5; outline: none; box-shadow: none; } #header search form button[type=\"submit\"] { background: #9383C5; } #header #top-actions button svg { width: 40px; height: auto; color: #9383C5; } #header #menu-cart-icon { *background: url(https://demo.parafarmako.gr/static/version1777392345/frontend/Hyva/default/el_GR/Chrilamp_Menu/images/cart.png); background-size: contain; background-repeat: no-repeat; width: 100px; height: 50px; } #header #menu-cart-icon > span { background: linear-gradient(90deg, rgba(249, 100, 140, 1) 0%, rgba(175, 156, 235, 1) 100%) !important; width: 25px !important; height: 25px !important; border-radius: 8px; font-weight: 600; display: flex; justify-content: center; right: -19px; top: 11px; line-height: 16px; } #header #menu-cart-icon .cart-chevron { position: absolute; bottom: -8px; right: -18px; width: 22px; height: 22px; } #top-callus-img { width: 4rem; } /* CART */ #cart-drawer .cart-buy-btn{ background: linear-gradient(90deg, rgba(249, 100, 140, 1) 0%, rgba(175, 156, 235, 1) 100%); border-radius: 5px; border: none; } #cart-drawer .cart-buy-btn:hover{ background: linear-gradient(90deg, rgba(175, 156, 235, 1) 0%, rgba(249, 100, 140, 1) 100%); } /* CART */ </style>
