/* ========================================================================== Theme Tokens ========================================================================== */ html:root { /* Core colors */ --base-color: 255, 255, 255 !important; --site-bg: #040404; --base-bg: 4, 4, 4 !important; --secondary-bg: #1d1d1d; --panel-bg: #262626; --main-color: #2bd180; --main-color-hover: #3dffb0; --main-color-gradient: linear-gradient(135deg, #2b99d1 0%, #2bd180 50%, #ffe700 100%); --text-color: #b2b2b2; --text-strong-color: #fff; --block-title-color: 255, 255, 255 !important; --menu-items-hover-color: #b2b2b2 !important; --border-color: #4444442e; --border-color-light: #444; --z-layer-bg: 29, 29, 29 !important; --container-padding: 10px 20px !important; /* Buttons */ --button-primary-bg: 43, 209, 128; --button-primary-color: 0, 0, 0 !important; --btn-color: #000 !important; --btn-bg: var(--main-color) !important; --btn-color-hover: #000 !important; --btn-bg-hover: var(--main-color-hover) !important; --rr-accent-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 36%), linear-gradient(135deg, #00e676 0%, #00c853 42%, #1de9b6 100%); --rr-accent-gradient-hover: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 38%), linear-gradient(135deg, #69ff9c 0%, #00e676 42%, #64ffda 100%); --btn-radius: 12px; --btn-shadow: rgb(0 255 17 / 30%) 0px 0px 20px, rgb(0 255 203 / 20%) 0px 0px 40px, rgb(255 255 255 / 70%) 0px 1px 0px inset; --btn-tocart-shadow: rgb(0 255 17 / 30%) 0 0 20px, rgb(0 255 203 / 20%) 0 0 40px, rgb(255 255 255 / 45%) 0 1px 0 inset; --btn-tocart-hover-bg: var(--main-color-hover); --btn-tocart-hover-shadow: rgb(0 255 17 / 40%) 0 0 24px, rgb(0 255 203 / 30%) 0 0 48px, rgb(255 255 255 / 50%) 0 1px 0 inset; --inset-shadow: rgb(255 255 255 / 70%) 0px 1px 0px inset; /* Typography */ --ft-size-small: 12px; --ft-size-medium: 14px; --ft-size-large: 16px; --ft-size-xlarge: 18px; --ft-size-xxlarge: 20px; --ft-size-xxxlarge: 22px; --ft-size-xxxxlarge: 24px; --ft-size-xxxxxlarge: 26px; --ft-transform-uppercase: uppercase; --ft-transform-lowercase: lowercase; --ft-transform-capitalize: capitalize; /* Radius and spacing */ --border-radius-lg: 20px !important; --border-radius-md: 10px !important; --border-radius-sm: 5px !important; --padding-lg: 20px !important; --padding-md: 12px !important; --padding-sm: 10px !important; --padding-xs: 5px !important; } /* ========================================================================== Shared Buttons ========================================================================== */ .soldtogether-cart-btn, .box-tocart .fieldset .actions .tocart, .checkout-cart-index .action.apply, .checkout-cart-index .action.update, .checkout-cart-index .cart-container .checkout-methods-items .action.checkout, .block-minicart .block-content > .actions .action.checkout, .firecheckout .place-order .actions-toolbar .primary .action, .firecheckout .actions-toolbar button.action.action-update, .firecheckout .discount-code .actions-toolbar .action-apply, .block-customer-login .actions-toolbar .primary .action.login, .block-new-customer .actions-toolbar .primary .action.create, .form-create-account .actions-toolbar .primary .action.submit, .form.password.forget .actions-toolbar .primary .action.submit, .form.password.reset .actions-toolbar .primary .action.submit, .form-edit-account .actions-toolbar .primary .action.save, .form-newsletter-manage .actions-toolbar .primary .action.save, .form-address-edit .actions-toolbar .primary .action.save, .product.data.items .show-form, .askit-show-form, .product.info.detailed .actions-toolbar .action { display: inline-flex; align-items: center; justify-content: center; gap: var(--rr-btn-gap, 12px); padding: var(--rr-btn-padding, 15px 24px) !important; font-size: var(--rr-btn-font-size, 14px) !important; font-weight: var(--rr-btn-font-weight, 800); border-radius: var(--border-radius-md) !important; border: 1px solid rgba(131, 255, 189, 0.28) !important; background: var(--rr-accent-gradient) !important; box-shadow: 0 0 0 1px rgba(0, 230, 118, 0.24), 0 6px 18px rgba(0, 200, 83, 0.42), 0 16px 36px rgba(0, 230, 118, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.24), inset 0 -1px 0 rgba(0, 91, 42, 0.18); color: #002b14 !important; letter-spacing: var(--rr-btn-letter-spacing, 0.03em); text-decoration: none !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.28); text-transform: capitalize !important; transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease, background 0.25s ease, filter 0.25s ease; position: relative; overflow: hidden; isolation: isolate; } .soldtogether-cart-btn > span, .box-tocart .fieldset .actions .tocart > span, .checkout-cart-index .action.apply > span, .checkout-cart-index .action.update > span, .checkout-cart-index .cart-container .checkout-methods-items .action.checkout > span, .block-minicart .block-content > .actions .action.checkout > span, .firecheckout .place-order .actions-toolbar .primary .action > span, .firecheckout .actions-toolbar button.action.action-update > span, .firecheckout .discount-code .actions-toolbar .action-apply > span, .block-customer-login .actions-toolbar .primary .action.login > span, .block-new-customer .actions-toolbar .primary .action.create > span, .form-create-account .actions-toolbar .primary .action.submit > span, .form.password.forget .actions-toolbar .primary .action.submit > span, .form.password.reset .actions-toolbar .primary .action.submit > span, .form-edit-account .actions-toolbar .primary .action.save > span, .form-newsletter-manage .actions-toolbar .primary .action.save > span, .form-address-edit .actions-toolbar .primary .action.save > span, .product.data.items .show-form > span, .askit-show-form > span, .product.info.detailed .actions-toolbar .action > span { position: relative; z-index: 1; } .soldtogether-cart-btn::before, .box-tocart .fieldset .actions .tocart::before, .checkout-cart-index .action.apply::before, .checkout-cart-index .action.update::before, .checkout-cart-index .cart-container .checkout-methods-items .action.checkout::before, .block-minicart .block-content > .actions .action.checkout::before, .firecheckout .place-order .actions-toolbar .primary .action::before, .firecheckout .actions-toolbar button.action.action-update::before, .firecheckout .discount-code .actions-toolbar .action-apply::before, .block-customer-login .actions-toolbar .primary .action.login::before, .block-new-customer .actions-toolbar .primary .action.create::before, .form-create-account .actions-toolbar .primary .action.submit::before, .form.password.forget .actions-toolbar .primary .action.submit::before, .form.password.reset .actions-toolbar .primary .action.submit::before, .form-edit-account .actions-toolbar .primary .action.save::before, .form-newsletter-manage .actions-toolbar .primary .action.save::before, .form-address-edit .actions-toolbar .primary .action.save::before, .product.data.items .show-form::before, .askit-show-form::before, .product.info.detailed .actions-toolbar .action::before { content: ""; position: absolute; top: 0; left: -75%; width: 42%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.32), transparent ); transform: skewX(-20deg); transition: left 0.55s ease; z-index: 0; } .soldtogether-cart-btn:hover, .box-tocart .fieldset .actions .tocart:hover, .checkout-cart-index .action.apply:hover, .checkout-cart-index .action.update:hover, .checkout-cart-index .cart-container .checkout-methods-items .action.checkout:hover, .block-minicart .block-content > .actions .action.checkout:hover, .firecheckout .place-order .actions-toolbar .primary .action:hover, .firecheckout .actions-toolbar button.action.action-update:hover, .firecheckout .discount-code .actions-toolbar .action-apply:hover, .block-customer-login .actions-toolbar .primary .action.login:hover, .block-new-customer .actions-toolbar .primary .action.create:hover, .form-create-account .actions-toolbar .primary .action.submit:hover, .form.password.forget .actions-toolbar .primary .action.submit:hover, .form.password.reset .actions-toolbar .primary .action.submit:hover, .form-edit-account .actions-toolbar .primary .action.save:hover, .form-newsletter-manage .actions-toolbar .primary .action.save:hover, .form-address-edit .actions-toolbar .primary .action.save:hover, .product.data.items .show-form:hover, .askit-show-form:hover, .product.info.detailed .actions-toolbar .action:hover { background: var(--rr-accent-gradient-hover) !important; box-shadow: 0 0 0 1px rgba(105, 255, 156, 0.42), 0 10px 24px rgba(0, 230, 118, 0.55), 0 18px 44px rgba(0, 230, 118, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -1px 0 rgba(0, 109, 51, 0.2); filter: saturate(1.04); transform: translateY(-2px) scale(1.01); } .soldtogether-cart-btn:hover::before, .box-tocart .fieldset .actions .tocart:hover::before, .checkout-cart-index .action.apply:hover::before, .checkout-cart-index .action.update:hover::before, .checkout-cart-index .cart-container .checkout-methods-items .action.checkout:hover::before, .block-minicart .block-content > .actions .action.checkout:hover::before, .firecheckout .place-order .actions-toolbar .primary .action:hover::before, .firecheckout .actions-toolbar button.action.action-update:hover::before, .firecheckout .discount-code .actions-toolbar .action-apply:hover::before, .block-customer-login .actions-toolbar .primary .action.login:hover::before, .block-new-customer .actions-toolbar .primary .action.create:hover::before, .form-create-account .actions-toolbar .primary .action.submit:hover::before, .form.password.forget .actions-toolbar .primary .action.submit:hover::before, .form.password.reset .actions-toolbar .primary .action.submit:hover::before, .form-edit-account .actions-toolbar .primary .action.save:hover::before, .form-newsletter-manage .actions-toolbar .primary .action.save:hover::before, .form-address-edit .actions-toolbar .primary .action.save:hover::before, .product.data.items .show-form:hover::before, .askit-show-form:hover::before, .product.info.detailed .actions-toolbar .action:hover::before { left: 125%; } .soldtogether-cart-btn:active, .box-tocart .fieldset .actions .tocart:active, .checkout-cart-index .action.apply:active, .checkout-cart-index .action.update:active, .checkout-cart-index .cart-container .checkout-methods-items .action.checkout:active, .block-minicart .block-content > .actions .action.checkout:active, .firecheckout .place-order .actions-toolbar .primary .action:active, .firecheckout .actions-toolbar button.action.action-update:active, .firecheckout .discount-code .actions-toolbar .action-apply:active, .block-customer-login .actions-toolbar .primary .action.login:active, .block-new-customer .actions-toolbar .primary .action.create:active, .form-create-account .actions-toolbar .primary .action.submit:active, .form.password.forget .actions-toolbar .primary .action.submit:active, .form.password.reset .actions-toolbar .primary .action.submit:active, .form-edit-account .actions-toolbar .primary .action.save:active, .form-newsletter-manage .actions-toolbar .primary .action.save:active, .form-address-edit .actions-toolbar .primary .action.save:active, .product.data.items .show-form:active, .askit-show-form:active, .product.info.detailed .actions-toolbar .action:active { transform: translateY(1px) scale(0.99); box-shadow: 0 0 0 1px rgba(0, 230, 118, 0.4), 0 4px 12px rgba(0, 200, 83, 0.34), inset 0 2px 6px rgba(0, 0, 0, 0.14); transition-duration: 0.12s; } .soldtogether-cart-btn:focus-visible, .box-tocart .fieldset .actions .tocart:focus-visible, .checkout-cart-index .action.apply:focus-visible, .checkout-cart-index .action.update:focus-visible, .checkout-cart-index .cart-container .checkout-methods-items .action.checkout:focus-visible, .block-minicart .block-content > .actions .action.checkout:focus-visible, .firecheckout .place-order .actions-toolbar .primary .action:focus-visible, .firecheckout .actions-toolbar button.action.action-update:focus-visible, .firecheckout .discount-code .actions-toolbar .action-apply:focus-visible, .block-customer-login .actions-toolbar .primary .action.login:focus-visible, .block-new-customer .actions-toolbar .primary .action.create:focus-visible, .form-create-account .actions-toolbar .primary .action.submit:focus-visible, .form.password.forget .actions-toolbar .primary .action.submit:focus-visible, .form.password.reset .actions-toolbar .primary .action.submit:focus-visible, .form-edit-account .actions-toolbar .primary .action.save:focus-visible, .form-newsletter-manage .actions-toolbar .primary .action.save:focus-visible, .form-address-edit .actions-toolbar .primary .action.save:focus-visible, .product.data.items .show-form:focus-visible, .askit-show-form:focus-visible, .product.info.detailed .actions-toolbar .action:focus-visible { outline: none; box-shadow: 0 0 0 1px rgba(0, 230, 118, 0.3), 0 0 0 4px rgba(105, 255, 156, 0.18), 0 12px 30px rgba(0, 230, 118, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.24); } .soldtogether-cart-btn:disabled, .soldtogether-cart-btn[disabled], .box-tocart .fieldset .actions .tocart:disabled, .box-tocart .fieldset .actions .tocart[disabled], .checkout-cart-index .action.apply:disabled, .checkout-cart-index .action.apply[disabled], .checkout-cart-index .action.update:disabled, .checkout-cart-index .action.update[disabled], .checkout-cart-index .cart-container .checkout-methods-items .action.checkout:disabled, .checkout-cart-index .cart-container .checkout-methods-items .action.checkout[disabled], .block-minicart .block-content > .actions .action.checkout:disabled, .block-minicart .block-content > .actions .action.checkout[disabled], .firecheckout .place-order .actions-toolbar .primary .action:disabled, .firecheckout .place-order .actions-toolbar .primary .action[disabled], .firecheckout .actions-toolbar button.action.action-update:disabled, .firecheckout .actions-toolbar button.action.action-update[disabled], .firecheckout .discount-code .actions-toolbar .action-apply:disabled, .firecheckout .discount-code .actions-toolbar .action-apply[disabled], .block-customer-login .actions-toolbar .primary .action.login:disabled, .block-customer-login .actions-toolbar .primary .action.login[disabled], .block-new-customer .actions-toolbar .primary .action.create:disabled, .block-new-customer .actions-toolbar .primary .action.create[disabled], .form-create-account .actions-toolbar .primary .action.submit:disabled, .form-create-account .actions-toolbar .primary .action.submit[disabled], .form.password.forget .actions-toolbar .primary .action.submit:disabled, .form.password.forget .actions-toolbar .primary .action.submit[disabled], .form.password.reset .actions-toolbar .primary .action.submit:disabled, .form.password.reset .actions-toolbar .primary .action.submit[disabled], .form-edit-account .actions-toolbar .primary .action.save:disabled, .form-edit-account .actions-toolbar .primary .action.save[disabled], .form-newsletter-manage .actions-toolbar .primary .action.save:disabled, .form-newsletter-manage .actions-toolbar .primary .action.save[disabled], .form-address-edit .actions-toolbar .primary .action.save:disabled, .form-address-edit .actions-toolbar .primary .action.save[disabled], .product.data.items .show-form:disabled, .product.data.items .show-form[disabled], .askit-show-form:disabled, .askit-show-form[disabled], .product.info.detailed .actions-toolbar .action:disabled, .product.info.detailed .actions-toolbar .action[disabled] { cursor: not-allowed; opacity: 0.72; filter: saturate(0.7); transform: none; box-shadow: 0 0 0 1px rgba(0, 230, 118, 0.16), 0 4px 12px rgba(0, 200, 83, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.14); } .soldtogether-cart-btn:disabled::before, .soldtogether-cart-btn[disabled]::before, .box-tocart .fieldset .actions .tocart:disabled::before, .box-tocart .fieldset .actions .tocart[disabled]::before, .checkout-cart-index .action.apply:disabled::before, .checkout-cart-index .action.apply[disabled]::before, .checkout-cart-index .action.update:disabled::before, .checkout-cart-index .action.update[disabled]::before, .checkout-cart-index .cart-container .checkout-methods-items .action.checkout:disabled::before, .checkout-cart-index .cart-container .checkout-methods-items .action.checkout[disabled]::before, .block-minicart .block-content > .actions .action.checkout:disabled::before, .block-minicart .block-content > .actions .action.checkout[disabled]::before, .firecheckout .place-order .actions-toolbar .primary .action:disabled::before, .firecheckout .place-order .actions-toolbar .primary .action[disabled]::before, .firecheckout .actions-toolbar button.action.action-update:disabled::before, .firecheckout .actions-toolbar button.action.action-update[disabled]::before, .firecheckout .discount-code .actions-toolbar .action-apply:disabled::before, .firecheckout .discount-code .actions-toolbar .action-apply[disabled]::before, .block-customer-login .actions-toolbar .primary .action.login:disabled::before, .block-customer-login .actions-toolbar .primary .action.login[disabled]::before, .block-new-customer .actions-toolbar .primary .action.create:disabled::before, .block-new-customer .actions-toolbar .primary .action.create[disabled]::before, .form-create-account .actions-toolbar .primary .action.submit:disabled::before, .form-create-account .actions-toolbar .primary .action.submit[disabled]::before, .form.password.forget .actions-toolbar .primary .action.submit:disabled::before, .form.password.forget .actions-toolbar .primary .action.submit[disabled]::before, .form.password.reset .actions-toolbar .primary .action.submit:disabled::before, .form.password.reset .actions-toolbar .primary .action.submit[disabled]::before, .form-edit-account .actions-toolbar .primary .action.save:disabled::before, .form-edit-account .actions-toolbar .primary .action.save[disabled]::before, .form-newsletter-manage .actions-toolbar .primary .action.save:disabled::before, .form-newsletter-manage .actions-toolbar .primary .action.save[disabled]::before, .form-address-edit .actions-toolbar .primary .action.save:disabled::before, .form-address-edit .actions-toolbar .primary .action.save[disabled]::before, .product.data.items .show-form:disabled::before, .product.data.items .show-form[disabled]::before, .askit-show-form:disabled::before, .askit-show-form[disabled]::before, .product.info.detailed .actions-toolbar .action:disabled::before, .product.info.detailed .actions-toolbar .action[disabled]::before { display: none; } .pay-later-message { margin: 0 !important; padding: 0; background: transparent !important; border-radius: 0 !important; overflow: visible; } .pay-later-message > span[id^="zoid-paypal-message-"] { display: inline-block; width: 100%; padding: 10px; background: #fff !important; border-radius: var(--border-radius-sm) !important; box-sizing: border-box; overflow: hidden; } .catalog-product-view .box-tocart .fieldset .actions { row-gap: 0; } .catalog-product-view .box-tocart .fieldset .actions > .smart-buttons { margin-top: 8px; } .catalog-product-view .box-tocart .fieldset .actions > .smart-buttons + .pay-later-message { margin-top: 0 !important; } .block-minicart .block-content > .actions > .primary { display: flex; flex-direction: column; gap: 0; } .block-minicart .block-content > .actions > .primary > [data-bind*="extra_actions"] { display: flex; flex-direction: column; gap: 0; margin-top: 8px; } .block-minicart .block-content > .actions > .primary > [data-bind*="extra_actions"] > .smart-buttons { margin: 0 !important; } .block-minicart .block-content > .actions > .primary > [data-bind*="extra_actions"] > .smart-buttons + .pay-later-message, .block-minicart .block-content > .actions > .primary > [data-bind*="extra_actions"] > .pay-later-message { margin-top: 0 !important; } .checkout-cart-index .cart-container .checkout-methods-items li { gap: 0; } .checkout-cart-index .cart-container .checkout-methods-items .smart-buttons { margin-top: 8px !important; margin-bottom: 0 !important; } .checkout-cart-index .cart-container .checkout-methods-items .smart-buttons + .pay-later-message, .checkout-cart-index .cart-container .checkout-methods-items .pay-later-message { margin-top: 0 !important; } /* ========================================================================== Base Typography ========================================================================== */ body, p, .page-wrapper { font-family: 'Body Text', 'Robotic Rental', sans-serif !important; } h1 { font-family: 'Heading Text', serif !important; } h2, h3, h4, h5, h6 { font-family: 'Robotic Rental', sans-serif !important; } .page-title-wrapper .page-title, .page-title-wrapper .page-title .base, .column.main > .block .block-title [role="heading"] { font-size: clamp(32px, 4vw + 16px, 48px); line-height: 1.08; letter-spacing: 1px; } /* ========================================================================== Header and Navigation ========================================================================== */ .page-header { border: none !important; position: sticky !important; top: 0 !important; z-index: 98 !important; } .page-header .panel.wrapper { background: var(--rr-accent-gradient) !important; color: #000 !important; } .navigation a.level-top { font-weight: 500 !important; text-transform: none !important; } @media (min-width: 640px) { .navigation-wrapper li > a.level-top:hover, .navigation-wrapper .opened > a.level-top { color: var(--menu-items-hover-color) !important; } } /* Keep account spacing when the empty minicart trigger is hidden. */ .page-header .header.content:has(.minicart-wrapper .counter.qty.empty) .switcher-account { padding-right: 10px; } /* * Backdrop blur: applied only on desktop (min-width: 769px). * Why not on mobile: Breeze uses a slideout for the mobile menu (.navigation-wrapper * with .breeze-slideout). backdrop-filter on a parent creates a new stacking context; * in Chrome/Safari this can hide or clip the slideout/overlay (z-index 810/850), so the * menu appears broken or unclickable. Restricting blur to desktop avoids that. */ @media (min-width: 769px) { .page-header { background: rgb(4 4 4 / 23%) !important; backdrop-filter: blur(20px) saturate(180%) !important; -webkit-backdrop-filter: blur(20px) saturate(180%) !important; } } @media (max-width: 767.98px) { .page-header .logo img { max-width: 150px; } body .page-header .panel.wrapper { display: none !important; } } /* ========================================================================== Sliders and PageBuilder ========================================================================== */ .slick-dots button > span { width: 15px !important; height: 3px !important; } .slick-dots li::marker { --muted-alpha: 0 !important; } /* .pagebuilder-slide-wrapper, [data-content-type="slider"] a { border-radius: var(--btn-radius) !important; } */ /* .hero-slider .slick-list { width: 90% !important; margin: 0 auto !important; } */ @media (min-width: 1024px) { /* .hero-slider .slick-dots { max-width: 90%; } */ } .hero-slider button { margin-top: 30px; } .pagebuilder-button-primary { border-radius: var(--btn-radius) !important; } /* ========================================================================== Search and Action Icons ========================================================================== */ .minisearch .label::before, .minisearch .action.search::before { -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.597 11.082C15.707 11.372 15.987 11.572 16.297 11.572C16.607 11.572 16.887 11.372 16.997 11.082L17.267 10.362C17.567 9.56199 17.717 9.16199 17.927 8.95199C18.135 8.74399 18.529 8.59499 19.333 8.29199L19.357 8.28199L20.057 8.02199C20.347 7.91199 20.547 7.63199 20.547 7.32199C20.547 7.01199 20.347 6.73199 20.057 6.62199L19.337 6.35199C18.537 6.05199 18.137 5.90199 17.927 5.69199C17.719 5.48399 17.57 5.08899 17.265 4.28399L17.257 4.26199L16.997 3.56199C16.9429 3.41956 16.8472 3.29668 16.7224 3.2093C16.5976 3.12193 16.4494 3.07409 16.297 3.07199C15.987 3.07199 15.707 3.27199 15.597 3.56199L15.327 4.28199C15.027 5.08199 14.877 5.48199 14.667 5.69199C14.459 5.89999 14.064 6.04999 13.259 6.35399L13.237 6.36199L12.537 6.62199C12.247 6.73199 12.047 7.01199 12.047 7.32199C12.047 7.63199 12.247 7.91199 12.537 8.02199L13.257 8.29199C14.057 8.59199 14.457 8.74199 14.667 8.95199C14.875 9.15999 15.024 9.55499 15.329 10.36L15.337 10.382L15.597 11.082ZM15.727 7.89199C15.497 7.65199 15.227 7.48199 14.877 7.32199C15.217 7.16199 15.487 6.99199 15.727 6.75199C15.967 6.52199 16.137 6.25199 16.297 5.90199C16.457 6.24199 16.627 6.51199 16.867 6.75199C17.097 6.99199 17.367 7.16199 17.717 7.32199C17.377 7.48199 17.107 7.65199 16.867 7.89199C16.627 8.12199 16.457 8.39199 16.297 8.74199C16.137 8.40199 15.967 8.13199 15.727 7.89199ZM11.797 19.572C7.527 19.572 4.047 16.092 4.047 11.822C4.047 7.55199 7.527 4.07199 11.797 4.07199C12.207 4.07199 12.547 4.41199 12.547 4.82199C12.547 5.23199 12.207 5.57199 11.797 5.57199C8.347 5.57199 5.547 8.37199 5.547 11.822C5.547 15.272 8.347 18.072 11.797 18.072C15.247 18.072 18.047 15.272 18.047 11.822C18.047 11.412 18.387 11.072 18.797 11.072C19.207 11.072 19.547 11.412 19.547 11.822C19.5492 13.6186 18.923 15.3594 17.777 16.743L21.327 20.293C21.617 20.583 21.617 21.063 21.327 21.353C21.177 21.503 20.987 21.573 20.797 21.573C20.607 21.573 20.417 21.503 20.267 21.353L16.717 17.803C15.3337 18.9488 13.5932 19.5739 11.797 19.572Z' fill='%23F2F2F2'/%3E%3C/svg%3E") !important; -webkit-mask-size: 1.7rem 1.7rem !important; } .switcher .account-dropdown > .action::before { -webkit-mask: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8.991C18 4.0275 13.968 0 9 0C4.032 0 0 4.0275 0 8.991C0 11.7248 1.242 14.1885 3.186 15.8422C3.204 15.8602 3.222 15.8603 3.222 15.8783C3.384 16.0042 3.546 16.1302 3.726 16.2563C3.816 16.3102 3.888 16.3811 3.978 16.4531C5.46593 17.4603 7.22126 17.999 9.018 18C10.8147 17.999 12.5701 17.4603 14.058 16.4531C14.148 16.3991 14.22 16.3283 14.31 16.2731C14.472 16.1483 14.652 16.0222 14.814 15.8962C14.832 15.8783 14.85 15.8782 14.85 15.8602C16.758 14.1874 18 11.7248 18 8.991ZM9 16.8671C7.308 16.8671 5.76 16.3271 4.482 15.4282C4.5 15.2842 4.536 15.1414 4.572 14.9974C4.67961 14.6072 4.8369 14.2325 5.04 13.8825C5.238 13.5405 5.472 13.2345 5.76 12.9645C6.03 12.6945 6.354 12.4436 6.678 12.2456C7.02 12.0476 7.38 11.9036 7.776 11.7956C8.17521 11.6887 8.58672 11.6346 9 11.6348C10.2271 11.6255 11.4092 12.0962 12.294 12.9465C12.708 13.3605 13.032 13.8461 13.266 14.4034C13.392 14.7274 13.482 15.069 13.536 15.4282C12.2076 16.3622 10.6239 16.8646 9 16.8671ZM6.246 8.54212C6.08773 8.17889 6.00798 7.78632 6.012 7.39012C6.012 6.99525 6.084 6.59925 6.246 6.23925C6.408 5.87925 6.624 5.55638 6.894 5.28638C7.164 5.01638 7.488 4.8015 7.848 4.6395C8.208 4.4775 8.604 4.4055 9 4.4055C9.414 4.4055 9.792 4.4775 10.152 4.6395C10.512 4.8015 10.836 5.0175 11.106 5.28638C11.376 5.55638 11.592 5.88037 11.754 6.23925C11.916 6.59925 11.988 6.99525 11.988 7.39012C11.988 7.80412 11.916 8.18213 11.754 8.541C11.5985 8.89617 11.3789 9.21959 11.106 9.495C10.8305 9.76746 10.5071 9.98676 10.152 10.1419C9.40806 10.4469 8.57394 10.4469 7.83 10.1419C7.47492 9.98676 7.15151 9.76746 6.876 9.495C6.6029 9.22348 6.38847 8.8999 6.246 8.54212ZM14.598 14.5114C14.598 14.4754 14.58 14.4574 14.58 14.4214C14.4033 13.8581 14.1423 13.3248 13.806 12.8396C13.4694 12.3509 13.0561 11.9197 12.582 11.5627C12.2198 11.2902 11.8272 11.0607 11.412 10.8787C11.6 10.753 11.7749 10.6086 11.934 10.4479C12.2024 10.1829 12.438 9.88684 12.636 9.56588C13.036 8.9115 13.242 8.15699 13.23 7.39012C13.2359 6.82255 13.1256 6.25977 12.906 5.73637C12.6894 5.23198 12.3778 4.77402 11.988 4.3875C11.5979 4.00618 11.14 3.70096 10.638 3.4875C10.1138 3.26796 9.55025 3.15808 8.982 3.16462C8.41367 3.15843 7.85009 3.2687 7.326 3.48863C6.81845 3.69948 6.35913 4.01144 5.976 4.4055C5.59269 4.79359 5.2872 5.25145 5.076 5.75437C4.85638 6.27777 4.74612 6.84055 4.752 7.40812C4.752 7.80412 4.806 8.18175 4.914 8.541C5.022 8.919 5.166 9.261 5.364 9.58387C5.544 9.90788 5.796 10.1959 6.066 10.4659C6.228 10.6279 6.408 10.7715 6.606 10.8967C6.18896 11.0824 5.79607 11.3181 5.436 11.5988C4.968 11.9588 4.554 12.3896 4.212 12.8576C3.87256 13.341 3.61136 13.8748 3.438 14.4394C3.42 14.4754 3.42 14.5114 3.42 14.5294C1.998 13.0905 1.116 11.1488 1.116 8.991C1.116 4.6575 4.662 1.11487 9 1.11487C13.338 1.11487 16.884 4.6575 16.884 8.991C16.8816 11.061 16.0597 13.0458 14.598 14.5114Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A") no-repeat center / contain !important; } .switcher .wishlist-dropdown > .action::before { -webkit-mask: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0917 17.0042L11 17.0958L10.8992 17.0042C6.54504 13.0533 3.66671 10.4408 3.66671 7.79167C3.66671 5.95833 5.04171 4.58333 6.87504 4.58333C8.28671 4.58333 9.66171 5.5 10.1475 6.74667H11.8525C12.3384 5.5 13.7134 4.58333 15.125 4.58333C16.9584 4.58333 18.3334 5.95833 18.3334 7.79167C18.3334 10.4408 15.455 13.0533 11.0917 17.0042ZM15.125 2.75C13.53 2.75 11.9992 3.4925 11 4.65667C10.0009 3.4925 8.47004 2.75 6.87504 2.75C4.05171 2.75 1.83337 4.95917 1.83337 7.79167C1.83337 11.2475 4.95004 14.08 9.67087 18.3608L11 19.5708L12.3292 18.3608C17.05 14.08 20.1667 11.2475 20.1667 7.79167C20.1667 4.95917 17.9484 2.75 15.125 2.75Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A") no-repeat center / contain !important; } .minicart-wrapper .action.showcart::before { -webkit-mask: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4166 13.8021C10.2094 13.8021 10.0107 13.8844 9.8642 14.0309C9.71769 14.1774 9.63538 14.3761 9.63538 14.5833C9.63538 14.7905 9.71769 14.9892 9.8642 15.1358C10.0107 15.2823 10.2094 15.3646 10.4166 15.3646H14.5833C14.7905 15.3646 14.9892 15.2823 15.1357 15.1358C15.2822 14.9892 15.3645 14.7905 15.3645 14.5833C15.3645 14.3761 15.2822 14.1774 15.1357 14.0309C14.9892 13.8844 14.7905 13.8021 14.5833 13.8021H10.4166Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2761 2.42707C15.4613 2.33446 15.6757 2.31919 15.8722 2.38462C16.0687 2.45006 16.2312 2.59084 16.324 2.77603L18.2125 6.55311C18.6576 6.57464 19.0639 6.61145 19.4313 6.66353C20.5313 6.82082 21.4417 7.16041 22.0886 7.96041C22.7354 8.76041 22.8771 9.72187 22.8011 10.8302C22.7281 11.9042 22.4365 13.2594 22.074 14.9521L21.6042 17.1469C21.3594 18.2896 21.1604 19.2156 20.9104 19.9385C20.65 20.6937 20.3063 21.3135 19.7208 21.7875C19.1354 22.2614 18.4563 22.4667 17.6646 22.5635C16.9042 22.6562 15.9563 22.6562 14.7896 22.6562H10.2104C9.04168 22.6562 8.0948 22.6562 7.33438 22.5635C6.54272 22.4667 5.86355 22.2614 5.27813 21.7875C4.69272 21.3135 4.34897 20.6937 4.08855 19.9396C3.83855 19.2156 3.64064 18.2896 3.3948 17.1479L2.92501 14.9531C2.56251 13.2594 2.27188 11.9042 2.19793 10.8302C2.12188 9.72187 2.26355 8.76145 2.91043 7.96041C3.55626 7.16041 4.46668 6.82082 5.56668 6.66353C5.93473 6.61214 6.34098 6.57534 6.78543 6.55311L8.67709 2.77603C8.77061 2.59231 8.93294 2.453 9.12873 2.38846C9.32451 2.32391 9.53787 2.33936 9.72231 2.43144C9.90675 2.52353 10.0473 2.68478 10.1134 2.88005C10.1794 3.07533 10.1657 3.2888 10.075 3.47395L8.55418 6.51249C8.93334 6.51041 9.3323 6.50971 9.75105 6.51041H15.249C15.6677 6.51041 16.0667 6.5111 16.4458 6.51249L14.9261 3.47395C14.8334 3.2887 14.8182 3.07425 14.8836 2.87775C14.949 2.68125 15.0898 2.51877 15.275 2.42603M5.97084 8.18541L5.55105 9.02499C5.50428 9.11688 5.47616 9.21711 5.46831 9.31992C5.46047 9.42273 5.47305 9.52607 5.50533 9.624C5.53761 9.72192 5.58896 9.81248 5.65641 9.89046C5.72386 9.96845 5.80608 10.0323 5.89833 10.0784C5.99058 10.1244 6.09103 10.1518 6.19389 10.1588C6.29676 10.1659 6.4 10.1525 6.49767 10.1194C6.59534 10.0864 6.6855 10.0343 6.76296 9.96628C6.84041 9.89822 6.90363 9.81551 6.94897 9.72291L7.76876 8.08332C8.36251 8.07291 9.03959 8.07187 9.81459 8.07187H15.1854C15.9604 8.07187 16.6375 8.07186 17.2313 8.08228L18.0511 9.72291C18.1446 9.90662 18.3069 10.0459 18.5027 10.1105C18.6985 10.175 18.9118 10.1596 19.0963 10.0675C19.2807 9.97541 19.4213 9.81416 19.4873 9.61889C19.5534 9.42361 19.5396 9.21014 19.449 9.02499L19.0292 8.18541L19.2104 8.20936C20.1313 8.34166 20.5823 8.58228 20.874 8.94166C21.1604 9.29582 21.3011 9.77811 21.2448 10.676H3.75522C3.69897 9.77811 3.83959 9.29582 4.12605 8.94166C4.41772 8.58228 4.86876 8.34166 5.78959 8.20936L5.97084 8.18541ZM4.46668 14.6875C4.28759 13.874 4.12056 13.058 3.96563 12.2396H21.0344C20.8788 13.0579 20.7114 13.874 20.5323 14.6875L20.0865 16.7708C19.8281 17.9739 19.649 18.8062 19.4333 19.4292C19.225 20.0333 19.0125 20.3521 18.7386 20.5729C18.4656 20.7937 18.1083 20.9354 17.4761 21.0125C16.8208 21.0927 15.9688 21.0937 14.7386 21.0937H10.2604C9.03126 21.0937 8.17918 21.0927 7.52397 21.0125C6.89064 20.9354 6.53438 20.7937 6.26147 20.5729C5.98751 20.3521 5.77397 20.0323 5.56668 19.4292C5.35105 18.8062 5.17084 17.9739 4.91355 16.7708L4.46668 14.6875Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat center / contain !important; } /* ========================================================================== Forms and Shared Content ========================================================================== */ .dropdown.options .subtitle, div.block .block-title strong, .block.askit-question-form > .block-title strong, .contact.form .legend, .column.main .block-title [aria-level="3"], div.block .content-heading [role="heading"] { color: var(--color-white) !important; } :where(input:not([type=range])), textarea, select { background: var(--secondary-bg) !important; border: 1px solid var(--border-color-light) !important; } :where(input:not([type=range])):-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 var(--input-shadow-spread, 0) rgba(var(--input-border-color), var(--input-border-alpha)), 0 0 0 30px rgb(30 30 30) inset !important; -webkit-text-fill-color: rgba(var(--input-color), var(--input-alpha)) !important; } .block.newsletter .primary::after { background-color: #000 !important; } .newsletter-wrapper .action.subscribe, .block.newsletter .primary { background: var(--rr-accent-gradient) !important; } .rating-result::before, .rating-result > span::before { background-color: #fff !important; } /* ========================================================================== Testimonials ========================================================================== */ .block.testimonials-slider figure.testimonial .testimonial-message { font-size: 16px !important; font-family: 'Robotic Rental' !important; line-height: 1.6 !important; position: relative; } .block.testimonials-slider figure.testimonial .testimonial-message .clamp-toggle { position: absolute; right: 0; bottom: 3px; padding-left: 12px; background: linear-gradient(to right, transparent 0, var(--site-bg) 0.5rem) !important; cursor: pointer; z-index: 2; } .block.testimonials-slider figure.testimonial .author-company { margin: 6px 0 0 !important; font-size: 14px !important; line-height: 1.4 !important; text-transform: none !important; color: var(--text-color) !important; } .block.testimonials-slider figure.testimonial .author-position { margin: 4px 0 0 !important; font-size: 13px !important; line-height: 1.35 !important; text-transform: none !important; color: #9d9d9d !important; } .block.testimonials-slider figure.testimonial::before { border: 1px solid #444 !important; /* box-shadow: inset 10px 0 8px -10px #ffffff78, inset -10px 0 8px -10px #ffffff78 !important; */ border-radius: 20px !important; } .testimonials-slider .swiper-button-prev::before, .testimonials-slider .swiper-button-next::before { background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg fill='%23b2b2b2' height='200px' width='200px' version='1.1' id='XMLID_287_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='next'%3E%3Cg%3E%3Cpolygon points='6.8,23.7 5.4,22.3 15.7,12 5.4,1.7 6.8,0.3 18.5,12 '%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat; -webkit-mask-size: 68px 25px; } /* ========================================================================== NavPro and Visibility Utilities ========================================================================== */ @media (min-width: 768px) { .md\:flex, .md-flex { display: none !important; } } .navpro-dropdown { background: var(--secondary-bg) !important; border: 1px solid var(--border-color) !important; border-radius: var(--btn-radius) !important; } .navpro-dropdown .children > li > a, .navpro-dropdown .children .parent > a { color: var(--text-color) !important; } .navpro-dropdown .children > li > a:hover, .navpro-dropdown .children .parent > a:hover { color: var(--text-strong-color) !important; } @media (min-width: 640px) { .navpro.orientation-horizontal .navpro-dropdown-level1 > .navpro-shevron { background: var(--secondary-bg) !important; border: none !important; } } @media (max-width: 639.98px) { .navpro-transformable .navpro-dropdown.shown { border: none !important; } } /* ========================================================================== Recent Products ========================================================================== */ .recent.products-grid .product-item-photo .product-image-container { width: 100% !important; } .recent.products-grid .product-item-photo .product-image-wrapper { padding-bottom: 100% !important; } .recent.products-grid .product-item-photo .product-image-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 767px) { .recent.products-grid.slick-initialized .product-item { min-width: min(260px, calc(50vw - 15px)); max-width: calc(100vw - 40px); } .header.content { padding: 10px 10px; } } @media (max-width:360px){ .header.content { padding: 10px 0px !important; } } @media (max-width: 399px) { .recent.products-grid.slick-initialized .product-item { min-width: calc(100vw - 40px); } } /* ========================================================================== Buttons and Interactive States ========================================================================== */ button { text-transform: capitalize !important; line-height: normal !important; white-space: normal !important; } .action.primary, input[type='submit'], input[type='reset'], input[type='button'], :where(.products-grid, .widget-product-carousel) .product-item .product-item-details .product-item-actions .stock, .pagebuilder-button-primary, .pagebuilder-button-secondary, .pagebuilder-button-link { background: var(--btn-bg) !important; color: var(--btn-color) !important; box-shadow: var(--btn-shadow) !important; border-radius: var(--border-radius-md) !important; } button:hover, .action.primary:hover, input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover, :where(.products-grid, .widget-product-carousel) .product-item .product-item-details .product-item-actions .stock:hover, .pagebuilder-button-primary:hover, .pagebuilder-button-secondary:hover, .pagebuilder-button-link:hover, .product-info-wrapper .product-social-links a.action:hover { background: var(--btn-bg-hover); color: var(--btn-color-hover); border-color: var(--btn-bg-hover); } .button-arrow-md .pagebuilder-button-primary { background: var(--main-color) !important; box-shadow: var(--btn-shadow) !important; gap: 0 !important; text-transform: none !important; } .button-arrow-md .pagebuilder-button-primary:hover { background: var(--main-color-hover) !important; } /* ========================================================================== Minicart ========================================================================== */ .minicart-wrapper .mage-dropdown-dialog { --base-color: 255, 255, 255; } /* Hide minicart trigger when cart is empty. */ .minicart-wrapper:has(.counter.qty.empty) { display: none !important; } .minicart-items .details-qty .item-qty { color: var(--text-color) !important; } .block-minicart .block-content > .actions a.action:not(.checkout) { color: var(--text-color) !important; text-decoration: underline !important; } .block-minicart .block-content > .actions .action.checkout { width: 100%; } .minicart-wrapper .action.showcart { background: var(--rr-accent-gradient) !important; border-radius: var(--border-radius-md); color: #000 !important; padding: 5px !important; } .minicart-wrapper .action.showcart .counter.qty .counter-label { display: none !important; } .minicart-wrapper .action.showcart .counter.qty span { display: block !important; font-size: 10px !important; position: absolute !important; top: -3.5px !important; left: 4px !important; } .minicart-wrapper .action.showcart .counter.qty { position: absolute; top: -5px !important; right: -2px !important; height: 15px !important; width: 15px !important; background: #fff !important; } /* ========================================================================== Breadcrumbs ========================================================================== */ .breadcrumbs li { color: var(--text-color) !important; text-transform: capitalize !important; } .product-items .product-item-info { padding: 10px !important; } .product-items .product-item-info { border-radius: var(--border-radius-lg) !important; background: var(--panel-bg) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 0 0 1px rgba(255, 255, 255, 0.03); transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } .recent.products-grid .product-item-photo .product-image-wrapper img { border-radius: var(--border-radius-lg) !important; }.product-image-photo, .product.media .main-image, .product.media .images img, .product.media .thumbnails img, .magnifier-active .product.media .main-image, .magnifier-active .product.media img { filter: none !important; transition: none !important; border-radius: var(--border-radius-lg) !important; } @media (hover: hover) and (prefers-reduced-motion: no-preference) { :where(.products-grid, .widget-product-carousel) .product-item img { transform: none !important; } } @media (hover: hover) { .products-grid .product-items .product-item:hover, .products-grid .product-items .product-item:has(:focus-visible), [data-appearance="carousel"] .product-items .product-item:hover, [data-appearance="carousel"] .product-items .product-item:has(:focus-visible) { --listing-grid-item-margin: 0 !important; --listing-grid-item-padding: 0 !important; } .products-grid .product-items .product-item:hover .product-item-info, .products-grid .product-items .product-item:has(:focus-visible) .product-item-info, [data-appearance="carousel"] .product-items .product-item:hover .product-item-info, [data-appearance="carousel"] .product-items .product-item:has(:focus-visible) .product-item-info { background: var(--secondary-bg) !important; box-shadow: 0 0 0 1px rgba(105, 255, 156, 0.16), 0 18px 38px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.06); transform: none; } } .product-items .product-item-name { color: var(--text-strong-color) !important; } .product-items .product-item-name a{ color: var(--text-strong-color) !important; text-decoration: none !important; } .product-items .product-item-details .price-box{ color: var(--main-color) !important; font-weight: 800 !important; } .minicart-items .product-image-container { border-radius: var(--border-radius-lg) !important; } .minicart-price .price{ color:var(--text-color) !important; } .block-minicart .subtotal { color: var(--text-color) !important; } .block-minicart .subtotal .price{ font-weight: 800 !important; color: var(--text-strong-color) !important; } .product-item-name{ text-decoration: none !important; } [type=radio]:checked { border-color: var(--main-color) !important; background-color: rgba(43, 209, 128, 0.16) !important; background-image: radial-gradient(circle at center, #fff 0 26%, transparent 30%) !important; box-shadow: 0 0 0 1px rgba(43, 209, 128, 0.2), 0 0 12px rgba(43, 209, 128, 0.18) !important; } [type=radio]:checked:hover, [type=radio]:checked:focus-visible { border-color: var(--main-color-hover) !important; background-color: rgba(61, 255, 176, 0.2) !important; background-image: radial-gradient(circle at center, #fff 0 27%, transparent 31%) !important; } .slick-arrow { background-color: transparent !important; } .bfb-form-success-title{ background:transparent !important; } .minicart-wrapper { padding-right: 10px; } .qty-dropdown .dropdown, .field-tooltip-content, .dropdown.options .dropdown, .tooltip.wrapper .tooltip.content, .minicart-wrapper .mage-dropdown-dialog, .minisearch .search-autocomplete, .map-popup, .navigation .submenu{ --base-color: var(--base-color) !important; } @media (max-width:450px){ .header.panel, .header.links, .header.content { gap: 12px; } } .block-minicart .block-content > .actions .action.checkout ~ div:not(:empty){ gap: 0 !important; } .product.data.items #product\.info\.description h2, .product.attribute.description h2 { font-size: clamp(20px, 4vw + 16px, 32px) !important; } /* ========================================================================== Testimonials ========================================================================== */ .block.testimonials-slider { position: relative !important; } .block.testimonials-slider .content-heading { padding-left: 0 !important; margin-bottom: 20px !important; } .block.testimonials-slider .content-heading .title { font-size: clamp(28px, 3.2vw, 48px) !important; line-height: 1.15 !important; font-weight: 500 !important; margin: 0 !important; letter-spacing: 0 !important; word-break: break-word !important; } .block.testimonials-slider .swiper-container { padding-top: 150px !important; overflow: hidden !important; } .block.testimonials-slider .swiper-button-prev, .block.testimonials-slider .swiper-button-next { width: 44px !important; height: 44px !important; top: 55px !important; } .block.testimonials-slider .swiper-button-prev { right: 60px !important; left: auto !important; } .block.testimonials-slider .swiper-button-next { right: 0 !important; left: auto !important; } .block.testimonials-slider .swiper-button-prev::before, .block.testimonials-slider .swiper-button-next::before { width: 34px !important; height: 34px !important; } .testimonials-slider .swiper-button-prev::before, .testimonials-slider .swiper-button-next::before { -webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50% !important; } .block.testimonials-slider figure.testimonial { padding:30px !important; height: 100% !important; box-sizing: border-box !important; } .block.testimonials-slider figure.testimonial::before { border: 1px solid #44444473 !important; background: linear-gradient(180deg, transparent 0%, rgba(43, 209, 128, 0.03) 50%, #2bd1801a 100%) !important; } .block.testimonials-slider figure.testimonial blockquote { margin: 0 !important; padding: 0 !important; } .block.testimonials-slider figure.testimonial .testimonial-message { margin: 0 auto !important; padding: 14px 0 !important; line-height: 1.6 !important; word-break: break-word !important; } .block.testimonials-slider figure.testimonial img { display: inline-block !important; width: 90px !important; height: 90px !important; max-width: 100% !important; vertical-align: middle !important; object-fit: cover !important; border-radius: 20px !important; } .block.testimonials-slider .rating-result > span { color: var(--main-color) !important; } .block.testimonials-slider .rating-result::before, .block.testimonials-slider .rating-result > span::before { background-color: currentColor !important; } .block.testimonials-slider figure.testimonial .testimonial-message .clamp-toggle { font-weight: 400 !important; font-size: 16px !important; font-family: inherit !important; color: var(--main-color) !important; text-decoration: underline !important; padding-left: 0.75rem !important; background: #111111 !important; } @media (max-width: 991px) { .block.testimonials-slider .swiper-container { padding-top: 100px !important; } .block.testimonials-slider .swiper-button-prev, .block.testimonials-slider .swiper-button-next { width: 38px !important; height: 38px !important; top: 45px !important; } .block.testimonials-slider .swiper-button-prev { right: 48px !important; } .block.testimonials-slider .swiper-button-prev::before, .block.testimonials-slider .swiper-button-next::before { width: 28px !important; height: 28px !important; } .block.testimonials-slider figure.testimonial img { width: 80px !important; height: 80px !important; } } @media (max-width: 768px) { .block.testimonials-slider .content-heading { margin-bottom: 16px !important; } .block.testimonials-slider .content-heading .title { font-size: 28px !important; line-height: 1.2 !important; } .block.testimonials-slider .swiper-container { padding-top: 80px !important; margin-top: 0 !important; } .block.testimonials-slider .swiper-button-prev, .block.testimonials-slider .swiper-button-next { width: 32px !important; height: 32px !important; top: 34px !important; } .block.testimonials-slider .swiper-button-prev { right: 40px !important; } .block.testimonials-slider .swiper-button-prev::before, .block.testimonials-slider .swiper-button-next::before { width: 24px !important; height: 24px !important; } .block.testimonials-slider figure.testimonial blockquote { padding: 0 !important; } .block.testimonials-slider figure.testimonial .testimonial-message { font-size: 14px !important; line-height: 1.55 !important; padding: 10px 0 !important; } .block.testimonials-slider figure.testimonial img { width: 72px !important; height: 72px !important; border-radius: 16px !important; } .block.testimonials-slider figure.testimonial .testimonial-message .clamp-toggle { font-size: 14px !important; padding-left: 0.5rem !important; } } @media (max-width: 480px) { .block.testimonials-slider .swiper-container { padding-top: 72px !important; } .block.testimonials-slider .content-heading .title { font-size: 24px !important; } .block.testimonials-slider .swiper-button-prev, .block.testimonials-slider .swiper-button-next { width: 28px !important; height: 28px !important; top: 30px !important; } .block.testimonials-slider .swiper-button-prev { right: 34px !important; } .block.testimonials-slider .swiper-button-prev::before, .block.testimonials-slider .swiper-button-next::before { width: 20px !important; height: 20px !important; } .block.testimonials-slider figure.testimonial img { width: 64px !important; height: 64px !important; } } .block.testimonials-slider figure.testimonial .rating-result { margin: 0px auto !important; margin-top: 30px !important; } .block.testimonials-slider figure.testimonial .author { margin-top: 20px !important; } figure.testimonial blockquote { font-weight: 500 !important; font-style: italic !important; } .block.testimonials-slider .content-heading .title { padding-right: 0 !important; } @media (max-width: 767px) { .roboterhunde { --menu-icon: "\f6d3"; } .botando-ai { --menu-icon: "\f553"; } .signature-cine-production { --menu-icon: "\f008"; } .Bookings { --menu-icon: "\f073"; } .Referenzen { --menu-icon: "\f005"; } :is( .roboterhunde, .botando-ai, .signature-cine-production, .Bookings, .Referenzen ).level0 > a.level-top > span:last-child::before { content: var(--menu-icon); font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 16px; line-height: 1; margin-right: 8px; color: var(--main-color); vertical-align: middle; } .humanoide-roboter.level0 > a.level-top > span:last-child::before, .service-roboter.level0 > a.level-top > span:last-child::before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; background-color: var(--main-color); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center; mask-size: contain; } .humanoide-roboter.level0 > a.level-top > span:last-child::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M4.25%2022C4.25%2017.7198%207.71979%2014.25%2012%2014.25C16.2802%2014.25%2019.75%2017.7198%2019.75%2022C19.75%2022.4142%2019.4142%2022.75%2019%2022.75H5C4.58579%2022.75%204.25%2022.4142%204.25%2022Z'%20fill='black'/%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%201.25C12.4142%201.25%2012.75%201.58579%2012.75%202V3.25H16.5C18.0188%203.25%2019.25%204.48122%2019.25%206V8C19.25%2010.6234%2017.1234%2012.75%2014.5%2012.75H9.5C6.87665%2012.75%204.75%2010.6234%204.75%208V6C4.75%204.48122%205.98122%203.25%207.5%203.25H11.25V2C11.25%201.58579%2011.5858%201.25%2012%201.25ZM9.5%206.5C8.94772%206.5%208.5%206.94772%208.5%207.5C8.5%208.05228%208.94772%208.5%209.5%208.5H9.50998C10.0623%208.5%2010.51%208.05228%2010.51%207.5C10.51%206.94772%2010.0623%206.5%209.50998%206.5H9.5ZM14.49%206.5C13.9377%206.5%2013.49%206.94772%2013.49%207.5C13.49%208.05228%2013.9377%208.5%2014.49%208.5H14.5C15.0523%208.5%2015.5%208.05228%2015.5%207.5C15.5%206.94772%2015.0523%206.5%2014.5%206.5H14.49Z'%20fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M4.25%2022C4.25%2017.7198%207.71979%2014.25%2012%2014.25C16.2802%2014.25%2019.75%2017.7198%2019.75%2022C19.75%2022.4142%2019.4142%2022.75%2019%2022.75H5C4.58579%2022.75%204.25%2022.4142%204.25%2022Z'%20fill='black'/%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%201.25C12.4142%201.25%2012.75%201.58579%2012.75%202V3.25H16.5C18.0188%203.25%2019.25%204.48122%2019.25%206V8C19.25%2010.6234%2017.1234%2012.75%2014.5%2012.75H9.5C6.87665%2012.75%204.75%2010.6234%204.75%208V6C4.75%204.48122%205.98122%203.25%207.5%203.25H11.25V2C11.25%201.58579%2011.5858%201.25%2012%201.25ZM9.5%206.5C8.94772%206.5%208.5%206.94772%208.5%207.5C8.5%208.05228%208.94772%208.5%209.5%208.5H9.50998C10.0623%208.5%2010.51%208.05228%2010.51%207.5C10.51%206.94772%2010.0623%206.5%209.50998%206.5H9.5ZM14.49%206.5C13.9377%206.5%2013.49%206.94772%2013.49%207.5C13.49%208.05228%2013.9377%208.5%2014.49%208.5H14.5C15.0523%208.5%2015.5%208.05228%2015.5%207.5C15.5%206.94772%2015.0523%206.5%2014.5%206.5H14.49Z'%20fill='black'/%3E%3C/svg%3E"); } .service-roboter.level0 > a.level-top > span:last-child::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.25%208C6.25%204.82436%208.82436%202.25%2012%202.25C15.1756%202.25%2017.75%204.82436%2017.75%208V10.25H6.26562L6.25391%2010.2501V11.7499L6.26562%2011.75H17.75V16C17.75%2017.5188%2016.5188%2018.75%2015%2018.75H9C7.48122%2018.75%206.25%2017.5188%206.25%2016V11.75H6C5.30964%2011.75%204.75%2012.3096%204.75%2013V18.3535C5.90425%2018.68%206.75%2019.7412%206.75%2021C6.75%2021.4142%206.41421%2021.75%206%2021.75C5.58579%2021.75%205.25%2021.4142%205.25%2021C5.25%2020.3096%204.69036%2019.75%204%2019.75C3.30964%2019.75%202.75%2020.3096%202.75%2021C2.75%2021.4142%202.41421%2021.75%202%2021.75C1.58579%2021.75%201.25%2021.4142%201.25%2021C1.25%2019.7412%202.09575%2018.68%203.25%2018.3535V13C3.25%2011.4812%204.48122%2010.25%206%2010.25H6.25V8ZM12.9922%207.5C12.9922%206.94772%2013.4399%206.5%2013.9922%206.5H14.0012C14.5535%206.5%2015.0012%206.94772%2015.0012%207.5C15.0012%208.05228%2014.5535%208.5%2014.0012%208.5H13.9922C13.4399%208.5%2012.9922%208.05228%2012.9922%207.5ZM10%206.5C9.44772%206.5%209%206.94772%209%207.5C9%208.05228%209.44772%208.5%2010%208.5H10.009C10.5613%208.5%2011.009%208.05228%2011.009%207.5C11.009%206.94772%2010.5613%206.5%2010.009%206.5H10ZM18%2010.25C19.5188%2010.25%2020.75%2011.4812%2020.75%2013V18.3535C21.9043%2018.68%2022.75%2019.7412%2022.75%2021C22.75%2021.4142%2022.4142%2021.75%2022%2021.75C21.5858%2021.75%2021.25%2021.4142%2021.25%2021C21.25%2020.3096%2020.6904%2019.75%2020%2019.75C19.3096%2019.75%2018.75%2020.3096%2018.75%2021C18.75%2021.4142%2018.4142%2021.75%2018%2021.75C17.5858%2021.75%2017.25%2021.4142%2017.25%2021C17.25%2019.7412%2018.0957%2018.68%2019.25%2018.3535V13C19.25%2012.3096%2018.6904%2011.75%2018%2011.75H17.7539V10.25H18Z'%20fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.25%208C6.25%204.82436%208.82436%202.25%2012%202.25C15.1756%202.25%2017.75%204.82436%2017.75%208V10.25H6.26562L6.25391%2010.2501V11.7499L6.26562%2011.75H17.75V16C17.75%2017.5188%2016.5188%2018.75%2015%2018.75H9C7.48122%2018.75%206.25%2017.5188%206.25%2016V11.75H6C5.30964%2011.75%204.75%2012.3096%204.75%2013V18.3535C5.90425%2018.68%206.75%2019.7412%206.75%2021C6.75%2021.4142%206.41421%2021.75%206%2021.75C5.58579%2021.75%205.25%2021.4142%205.25%2021C5.25%2020.3096%204.69036%2019.75%204%2019.75C3.30964%2019.75%202.75%2020.3096%202.75%2021C2.75%2021.4142%202.41421%2021.75%202%2021.75C1.58579%2021.75%201.25%2021.4142%201.25%2021C1.25%2019.7412%202.09575%2018.68%203.25%2018.3535V13C3.25%2011.4812%204.48122%2010.25%206%2010.25H6.25V8ZM12.9922%207.5C12.9922%206.94772%2013.4399%206.5%2013.9922%206.5H14.0012C14.5535%206.5%2015.0012%206.94772%2015.0012%207.5C15.0012%208.05228%2014.5535%208.5%2014.0012%208.5H13.9922C13.4399%208.5%2012.9922%208.05228%2012.9922%207.5ZM10%206.5C9.44772%206.5%209%206.94772%209%207.5C9%208.05228%209.44772%208.5%2010%208.5H10.009C10.5613%208.5%2011.009%208.05228%2011.009%207.5C11.009%206.94772%2010.5613%206.5%2010.009%206.5H10ZM18%2010.25C19.5188%2010.25%2020.75%2011.4812%2020.75%2013V18.3535C21.9043%2018.68%2022.75%2019.7412%2022.75%2021C22.75%2021.4142%2022.4142%2021.75%2022%2021.75C21.5858%2021.75%2021.25%2021.4142%2021.25%2021C21.25%2020.3096%2020.6904%2019.75%2020%2019.75C19.3096%2019.75%2018.75%2020.3096%2018.75%2021C18.75%2021.4142%2018.4142%2021.75%2018%2021.75C17.5858%2021.75%2017.25%2021.4142%2017.25%2021C17.25%2019.7412%2018.0957%2018.68%2019.25%2018.3535V13C19.25%2012.3096%2018.6904%2011.75%2018%2011.75H17.7539V10.25H18Z'%20fill='black'/%3E%3C/svg%3E"); } .signature-cine-production.level0 > a.level-top > span:last-child::before, .Bookings.level0 > a.level-top > span:last-child::before, .Referenzen.level0 > a.level-top > span:last-child::before, .botando-ai.level0 > a.level-top > span:last-child::before, .roboterhunde.level0 > a.level-top > span:last-child::before { width: 20px; min-width: 20px; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; line-height: 1; transform: translateY(-1px); } } @media (max-width: 639.98px) { .navigation-wrapper .navigation-section { background: linear-gradient(45deg, rgba(83, 238, 154, 0.15) 0%, transparent 70%) !important; } .nav-toggle span::after { background-color: #fff !important; } .navpro-transformable .navpro-dropdown{ background: transparent !important; } }