{"id":885,"date":"2026-10-16T09:10:03","date_gmt":"2026-10-16T09:10:03","guid":{"rendered":"https:\/\/delight-rent.com\/?page_id=885"},"modified":"2026-10-26T09:31:06","modified_gmt":"2026-10-26T09:31:06","slug":"rent-calculator","status":"publish","type":"page","link":"https:\/\/delight-rent.com\/es\/rent-calculator\/","title":{"rendered":"Calculador de alquiler"},"content":{"rendered":"\n\n\t<section class=\"section px-global sticky-bg full-height\" id=\"section_1817846025\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1900\" height=\"851\" src=\"https:\/\/delight-rent.com\/wp-content\/uploads\/2026\/08\/bg-3.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name = \"viewport\" content = \"user-scalable=no, width=device-width\">\r\n    <meta name=\"apple-mobile-web-app-capable\" content=\"yes\" \/>\r\n\r\n    <!--\/\/\/\/\/ FONTS \/\/\/\/\/-->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n\r\n        .montserrat-<uniquifier> {\r\n                         font-family: \"Montserrat\", sans-serif;\r\n                         font-optical-sizing: auto;\r\n                         font-weight: <weight>;\r\n                         font-style: normal;\r\n                     }\r\n    <\/style>\r\n\r\n    <title>DRS Rent Calculator<\/title>\r\n\r\n    <style>\r\n        #drsCalc {\r\n            position: relative;\r\n            display: flex;\r\n            flex-flow: row nowrap;\r\n            height: 100%;\r\n            box-sizing: border-box;\r\n            padding: 0 25px;\r\n            font-family: Montserrat, sans-serif;\r\n            font-weight: 400;\r\n            color: #000;\r\n        }\r\n\r\n        .section.full-height {padding: 25px 50px !important;}\r\n        #drsCalc .drsCalc-content-main {min-height: calc(100vh - 324px);}\r\n\r\n        #drsCalc p,\r\n        #drsCalc span,\r\n        #drsCalc h1,\r\n        #drsCalc h2,\r\n        #drsCalc h3,\r\n        #drsCalc h4,\r\n        #drsCalc h5,\r\n        #drsCalc h6,\r\n        #drsCalc a,\r\n        #drsCalc input,\r\n        #drsCalc input ul li,\r\n        #drsCalc input ul ol {\r\n            font-family: Montserrat, sans-serif;\r\n            font-weight: 400;\r\n        }\r\n\r\n        #drsCalc .drsCalc-hold {\r\n            width: 100%;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            min-height: calc(100vh - 327px);\r\n        }\r\n\r\n        \/*\/\/\/\/\/ DRS MENU & LISTS \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-menu {\r\n            position: relative;\r\n            vertical-align: top;\r\n            width: 100%;\r\n            display: block;\r\n            height: auto;\r\n        }\r\n\r\n        #drsCalc .drsCalc-input {\r\n            display: block;\r\n            border: none;\r\n            background-color: #fff;\r\n            height: 46px;\r\n            padding: 0 15px;\r\n            font-size: 14px;\r\n            width: 100%;\r\n            min-width: 0;\r\n            box-sizing: border-box;\r\n            color: #000;\r\n            -webkit-border-radius: 10px 10px 0 0;\r\n            border-radius: 10px 10px 0 0;\r\n            overflow: hidden;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        #drsCalc .drsCalc-input,\r\n        #drsCalc .drsCalc-input:focus,\r\n        #drsCalc .drsCalc-input:active {\r\n            border: none;\r\n            box-shadow: none;\r\n            outline: none;\r\n        }\r\n\r\n        #drsCalc .drsCalc-input::placeholder {font-size: inherit; color: inherit; opacity: 1;}\r\n\r\n        \/*\/\/\/\/\/ DRS AUTOCOMPLETE \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-input-autocomplete {position: relative; z-index: 110;}\r\n        #drsCalc .drsCalc-input-autocomplete .drsCalc-input-autocomplete-menu {\r\n            position: absolute;\r\n            top: 46px;\r\n            left: 0;\r\n            width: 100%;\r\n            background-color: #fff;\r\n            -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);\r\n            box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);\r\n            padding: 5px;\r\n            -webkit-border-radius: 0 0 6px 6px;\r\n            border-radius: 0 0 6px 6px;\r\n            max-height: 350px;\r\n            overflow-y: auto;\r\n            overflow-x: hidden;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: all 0.25s ease;\r\n            box-sizing: border-box;\r\n            border-top: 1px solid #000;\r\n        }\r\n\r\n        #drsCalc .drsCalc-input-autocomplete.active .drsCalc-input-autocomplete-menu {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        #drsCalc .drsCalc-input-autocomplete-empty {padding: 5px;}\r\n        #drsCalc .drsCalc-input-autocomplete-empty p {\r\n            font-size: 14px;\r\n            color: #000;\r\n            font-weight: 400;\r\n            margin: 0;\r\n            text-align: left;\r\n        }\r\n\r\n        #drsCalc .drsCalc-input-autocomplete .drsCalc-input-autocomplete-menu .drsProducts {\r\n            background-color: #fff;\r\n            min-height: 0;\r\n        }\r\n\r\n        #drsCalc .drsCalc-input-autocomplete .drsCalc-input-autocomplete-menu .drsProducts .drsProducts-thumbnail {\r\n            border: 1px solid #C3C5C8;\r\n        }\r\n\r\n        #drsCalc .drsCalc-input-autocomplete .drsCalc-input-autocomplete-menu .drsProducts .drsProducts-item {\r\n            border-block-color: #C3C5C8;\r\n        }\r\n\r\n        #drsCalc.success-open .drsCalc-input-autocomplete {pointer-events: none;}\r\n        #drsCalc.success-open .drsCalc-input {color: #fff;}\r\n\r\n        \/*\/\/\/\/\/ DRS MENU LISTS \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-menu-list {\r\n            position: relative;\r\n            display: block;\r\n            padding: 7px 0 7px 0;\r\n            width: 100%;\r\n            max-height: calc(100% - 42px);\r\n            overflow-y: auto;\r\n            overflow-x: visible;\r\n            background-color: #444;\r\n            box-shadow: none;\r\n            margin: 0;\r\n            min-height: calc(100vh - 375px);\r\n        }\r\n\r\n        #drsCalc .drsCalc-menu-item {\r\n            padding: 5px 15px;\r\n            font-size: 14px;\r\n            color: #888;\r\n            cursor: pointer;\r\n            text-transform: uppercase;\r\n            font-weight: 400;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            position: static;\r\n            transition: all 0.25s ease;\r\n            margin: 0;\r\n        }\r\n\r\n        #drsCalc .drsCalc-menu-item:hover,\r\n        #drsCalc .drsCalc-menu-item.active {color: #FFF000;background-color: rgba(255,255,255,0.1);}\r\n        #drsCalc .drsCalc-menu-item.active {background-color: rgba(255,255,255,0.2)}\r\n\r\n        \/*\/\/\/\/\/ MENU HEADING \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-menu-heading {\r\n            padding: 8px 15px 8px 15px;\r\n            background-color: #444;\r\n            font-size: 14px;\r\n            color: #fff;\r\n            border-bottom: 3px solid #000;\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 10;\r\n        }\r\n\r\n        \/*\/\/\/\/\/ MENU HEADING - BREADCRUMBS \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-heading-list {\r\n            display: flex;\r\n            width: 100%;\r\n            flex-flow: row nowrap;\r\n            align-items: center;\r\n            justify-content: start;\r\n        }\r\n\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-heading-back {\r\n            width: 25px;\r\n            height: 25px;\r\n            margin-right: 10px;\r\n            cursor: pointer;\r\n        }\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-heading-back svg {width: 100%; height: 100%; fill: #fff; transition: all 0.25s ease;}\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-heading-back:hover svg {fill: #FFF000;}\r\n\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-breadcrumbs {\r\n            flex: 1;\r\n            margin: 0;\r\n            padding: 0;\r\n            display: flex;\r\n            flex-flow: row wrap;\r\n            align-items: center;\r\n            justify-content: start;\r\n        }\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-breadcrumbs-item {\r\n            margin: 5px;\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n            color: #888;\r\n            list-style: none;\r\n            position: relative;\r\n            padding-right: 18px;\r\n            transition: all 0.25s ease;\r\n        }\r\n\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-breadcrumbs-item:nth-last-child(1) {padding-right: 0;}\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-breadcrumbs-item:hover {opacity: 1; color: #FFF000;}\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-breadcrumbs-item::before,\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-breadcrumbs-item::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            right: 2px;\r\n            width: 7px;\r\n            height: 2px;\r\n            background: #888;\r\n        }\r\n\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-breadcrumbs-item::before {top: calc(50% - 2px); transform: rotate(45deg);}\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-breadcrumbs-item::after {top: calc(50% + 2px); transform: rotate(-45deg);}\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-breadcrumbs-item:nth-last-child(1)::before,\r\n        #drsCalc .drsCalc-menu-heading .drsCalc-breadcrumbs-item:nth-last-child(1)::after {content: none;}\r\n\r\n        \/*\/\/\/\/\/ WINDOW STYLES \/\/\/\/\/*\/\r\n        section#drsCalc section.windows {\r\n            position: relative;\r\n            width: 100%;\r\n            \/*max-height: 350px;*\/\r\n            overflow: hidden;\r\n            background-color: #444;\r\n            margin-top: 3px;\r\n            height: calc(100vh - 324px) !important;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #drsCalc .window-item {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            max-height: 100%;\r\n            transform: translateX(100%);\r\n            transition: transform 0.35s ease;\r\n            overflow-y: auto;\r\n            overflow-x: hidden;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #drsCalc .windows.animating .window-item {overflow-y: hidden;}\r\n        #drsCalc .window-item.active {transform: translateX(0);}\r\n        #drsCalc .window-item.left {transform: translateX(-100%);}\r\n        #drsCalc .window-item.right {transform: translateX(100%);}\r\n\r\n        \/*\/\/\/\/\/ DRS PRODUCTS \/\/\/\/\/*\/\r\n        #drsCalc .drsProducts {position: relative; background-color: #C3C5C8;}\r\n        #drsCalc .drsProducts .drsProducts-list {display: block;margin: 0;padding: 0;}\r\n        #drsCalc .drsProducts .drsProducts-item {display: block; border-bottom: 1px solid #888; transition: all 0.25s ease; margin: 0;}\r\n        #drsCalc .drsProducts .drsProducts-item:nth-last-child(1) {border-bottom: none;}\r\n        #drsCalc .drsProducts .drsProducts-top {\r\n            display: flex;\r\n            flex-flow: row nowrap;\r\n            min-width: 0;\r\n            max-width: 100%;\r\n            width: 100%;\r\n            align-items: center;\r\n            padding: 5px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #drsCalc .drsProducts .drsProducts-thumbnail {\r\n            width: 60px;\r\n            height: 60px;\r\n            background-color: #fff;\r\n            background-size: 80%;\r\n            background-position: 50%;\r\n            background-repeat: no-repeat;\r\n            border-radius: 6px;\r\n            cursor: help;\r\n        }\r\n\r\n        #drsCalc .drsProducts .drsProducts-info {flex: 1; padding: 0 10px; cursor: help;}\r\n        #drsCalc .drsProducts .drsProducts-info span {display: block; font-size: 14px; color: #000; transition: all 0.25s ease;}\r\n        #drsCalc .drsProducts .drsProducts-info span.drsProducts-name {\r\n            margin-bottom: 3px;\r\n            display: -webkit-box;\r\n            -webkit-box-orient: vertical;\r\n            -webkit-line-clamp: 2;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n        #drsCalc .drsProducts .drsProducts-info span.drsProducts-price {color: #444;}\r\n        #drsCalc .drsProducts .drsProducts-arrow {\r\n            width: 36px;\r\n            height: 36px;\r\n            padding-left: 10px;\r\n            cursor: pointer;\r\n            position: relative;\r\n            box-sizing: content-box;\r\n        }\r\n\r\n        #drsCalc .drsProducts .drsProducts-arrow svg {width: 100%; height: 100%; fill: #888; transition: all 0.25s ease;}\r\n        #drsCalc .drsProducts .drsProducts-arrow:hover svg {fill: #FFF000;}\r\n        #drsCalc .drsProducts .drsProducts-label {display: block; font-size: 12px; color: #000; margin-bottom: 3px;}\r\n\r\n        #drsCalc .drsProducts .drsProducts-item.open .drsProducts-arrow svg {\r\n            -moz-transform: rotate(180deg);\r\n            -webkit-transform: rotate(180deg);\r\n            -o-transform: rotate(180deg);\r\n            -ms-transform: rotate(180deg);\r\n            transform: rotate(180deg);\r\n            fill: #FFF000;\r\n        }\r\n\r\n        #drsCalc .drsProducts .drsProducts-item.open {background-color: #8b8c8e;}\r\n        #drsCalc .drsProducts .drsProducts-item.open .drsProducts-info span.drsProducts-name,\r\n        #drsCalc .drsProducts .drsProducts-item.open .drsProducts-info span.drsProducts-price {color: #FFF000;}\r\n\r\n        \/*\/\/\/\/\/ DRS NUMBER COUNTER \/\/\/\/\/*\/\r\n        #drsCalc .drsCounter {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            height: 32px;\r\n            border-radius: 6px;\r\n            overflow: hidden;\r\n            background-color: #f2f2f2;\r\n            border: 1px solid #d5d5d5;\r\n        }\r\n\r\n        #drsCalc .drsCounter .drsCounter-btn {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 32px;\r\n            height: 32px;\r\n            padding: 0;\r\n            border: none;\r\n            background-color: #8f8f8f;\r\n            color: #fff;\r\n            font-size: 24px;\r\n            font-weight: 400;\r\n            line-height: 32px;\r\n            cursor: pointer;\r\n            transition: background-color 0.2s ease, transform 0.1s ease;\r\n            margin: 0;\r\n        }\r\n\r\n        #drsCalc .drsCounter .drsCounter-btn > span {margin-top: -2px;}\r\n\r\n        #drsCalc .drsCounter .drsCounter-btn:hover {background-color: #707070;}\r\n        #drsCalc .drsCounter .drsCounter-btn:active {transform: scale(0.92);}\r\n        #drsCalc .drsCounter .drsCounter-input {\r\n            width: 40px;\r\n            height: 32px;\r\n            padding: 0;\r\n            border: none;\r\n            outline: none;\r\n            background-color: #fff;\r\n            font-size: 14px;\r\n            font-family: inherit;\r\n            font-weight: 400;\r\n            text-align: center;\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* Remove native number arrows *\/\r\n        #drsCalc .drsCounter .drsCounter-input::-webkit-inner-spin-button,\r\n        #drsCalc .drsCounter .drsCounter-input::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}\r\n        #drsCalc .drsCounter .drsCounter-input {-moz-appearance: textfield;}\r\n\r\n        \/*\/\/\/\/\/ DRS FOOTER \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-footer {\r\n            position: relative;\r\n            background-color: #444;\r\n            margin-top: 3px;\r\n            -webkit-border-radius: 0 0 10px 10px;\r\n            border-radius: 0 0 10px 10px;\r\n            overflow: hidden;\r\n            padding: 15px 15px;\r\n            display: flex;\r\n            flex-flow: row nowrap;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #drsCalc .drsCalc-footer-text {font-size: 14px;color: #fff; cursor: default}\r\n        #drsCalc a.drsCalc-footer-text {text-decoration: none; color: #888; transition: all 0.25s ease; cursor: pointer;}\r\n        #drsCalc a.drsCalc-footer-text:hover {color: #FFF000;}\r\n\r\n        \/*\/\/\/\/\/ PRODUCT PREVIEW \/\/\/\/\/*\/\r\n        #drsCalc .drsProducts-preview {height: 0; overflow: hidden; transition: all 0.25s ease; scroll-margin-top: 25px;}\r\n        #drsCalc .drsProducts-preview.open {margin-top: 3px;}\r\n        #drsCalc .drsProducts-preview-inner {padding: 15px; background-color: #fff;}\r\n\r\n        #drsCalc .drsProducts-preview-title {\r\n            display: flex;\r\n            width: 100%;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            min-width: 0;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        #drsCalc .drsProducts-preview-title-hold {flex: 1; min-width: 0; max-width: 100%;}\r\n        #drsCalc .drsProducts-preview-name,\r\n        #drsCalc .drsProducts-preview-price {\r\n            display: block;\r\n            font-size: 14px;\r\n        }\r\n\r\n        #drsCalc .drsProducts-preview-title {color: #000; font-weight: 600}\r\n        #drsCalc .drsProducts-preview-price {color: #444;}\r\n        #drsCalc .drsProducts-preview-close {width: 36px; height: 36px; margin-left: 15px; cursor: pointer;}\r\n        #drsCalc .drsProducts-preview-close svg {\r\n            width: 100%;\r\n            height: 100%;\r\n            transition: all 0.25s ease;\r\n            fill: #000;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        #drsCalc .drsProducts-preview-close:hover svg {opacity: 1;}\r\n        #drsCalc .drsProducts-preview-image {\r\n            position: relative;\r\n            background-color: #FFF;\r\n            background-size: 70%;\r\n            background-position: 50%;\r\n            background-repeat: no-repeat;\r\n            border: 1px solid #C3C5C8;\r\n            border-radius: 6px;\r\n            overflow: hidden;\r\n            aspect-ratio: 8 \/ 6;\r\n            width: 100%;\r\n            max-width: 570px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #drsCalc .drsProducts-preview-image::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background-image: var(--previous-image);\r\n            background-size: 70%;\r\n            background-position: 50%;\r\n            background-repeat: no-repeat;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        #drsCalc .drsProducts-preview-image.changing::after {animation: product-image-fade 0.3s ease forwards;}\r\n        @keyframes product-image-fade {\r\n            from {\r\n                opacity: 1;\r\n            }\r\n\r\n            to {\r\n                opacity: 0;\r\n            }\r\n        }\r\n\r\n        #drsCalc .drsProducts-preview-thumbnails-hold {position: relative;}\r\n        #drsCalc .drsProducts-preview-thumbnails {\r\n            display: block;\r\n            white-space: nowrap;\r\n            overflow-x: auto;\r\n            overflow-y: hidden;\r\n            font-size: 0;\r\n            margin: 5px 0 0 0;\r\n            text-align: left;\r\n            padding: 0;\r\n        }\r\n\r\n        #drsCalc .drsProducts-preview-thumbnails-hold:has(.drsProducts-preview-thumbnails > :nth-child(5))::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 40px;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: 2;\r\n            background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));\r\n        }\r\n\r\n        #drsCalc .drsProducts-preview-thumbnails-item {\r\n            position: relative;\r\n            z-index: 1;\r\n            aspect-ratio: 1 \/ 1;\r\n            width: calc(14.29% -  4.5px);\r\n            background-color: #fff;\r\n            border-radius: 4px;\r\n            border: 1px solid #C3C5C8;\r\n            margin-right: 5px;\r\n            background-size: 80%;\r\n            background-position: 50%;\r\n            background-repeat: no-repeat;\r\n            display: inline-block;\r\n            list-style: none;\r\n            cursor: zoom-in;\r\n            transition: all 0.25s ease;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #drsCalc .drsProducts-preview-thumbnails-item:nth-last-child(1) {margin-right: 0; z-index: 3;}\r\n        #drsCalc .drsProducts-preview-thumbnails-item:hover {border-color: #444;}\r\n        #drsCalc .drsProducts-preview-thumbnails-item.active {\r\n            border-color: #444;\r\n            -webkit-box-shadow:inset 0 0 0 1px #444;\r\n            box-shadow:inset 0 0 0 1px #444;\r\n        }\r\n\r\n        #drsCalc .drsProducts-preview-content {position: relative; padding-top: 15px; color: #000;}\r\n        #drsCalc .drsProducts-preview-content * {color: #000; font-family: inherit; margin-top: 0;}\r\n        #drsCalc .drsProducts-preview-content p {font-size: 14px; font-weight: 400;}\r\n        #drsCalc .drsProducts-preview-content h1,\r\n        #drsCalc .drsProducts-preview-content h2,\r\n        #drsCalc .drsProducts-preview-content h3,\r\n        #drsCalc .drsProducts-preview-content h4,\r\n        #drsCalc .drsProducts-preview-content h5,\r\n        #drsCalc .drsProducts-preview-content h6 {font-weight: 600; margin-bottom: 14px;}\r\n        #drsCalc .drsProducts-preview-content h1 {font-size: 30px;}\r\n        #drsCalc .drsProducts-preview-content h2 {font-size: 25px;}\r\n        #drsCalc .drsProducts-preview-content h3 {font-size: 20px;}\r\n        #drsCalc .drsProducts-preview-content h4 {font-size: 18px;}\r\n        #drsCalc .drsProducts-preview-content h5 {font-size: 16px;}\r\n        #drsCalc .drsProducts-preview-content h6 {font-size: 14px;}\r\n        #drsCalc .drsProducts-preview-content ul {padding-left: 14px; margin: 0 0 14px 0;}\r\n        #drsCalc .drsProducts-preview-content ol {padding-left: 17px; margin: 0 0 14px 0;}\r\n        #drsCalc .drsProducts-preview-content ul li,\r\n        #drsCalc .drsProducts-preview-content ol li {font-size: 14px;}\r\n        #drsCalc .drsProducts-preview-content a {text-decoration: underline; color: inherit;}\r\n        #drsCalc .drsProducts-preview-content a:hover {opacity: 0.7;}\r\n        #drsCalc .drsProducts-preview-content *:nth-last-child(1) {margin-bottom: 0;}\r\n\r\n        #drsCalc .drsProducts-preview-share {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            width: 31px;\r\n            height: 31px;\r\n            border-radius: 20px;\r\n            background-color: #444444;\r\n            padding: 5px;\r\n            box-sizing: border-box;\r\n            cursor: pointer;\r\n        }\r\n\r\n        #drsCalc .drsProducts-preview-share svg {\r\n            width: 100%;\r\n            height: 100%;\r\n            fill: #FFF000;\r\n            transition: all 0.25s ease;\r\n        }\r\n\r\n        #drsCalc .drsProducts-preview-share:hover svg {fill: #FFF;}\r\n        #drsCalc .drsProducts-preview-qty {\r\n            display: flex;\r\n            flex-flow: row nowrap;\r\n            align-items: center;\r\n            justify-content: end;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        #drsCalc .drsProducts-preview-qty h3 {\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin: 0;\r\n            padding-right: 10px;\r\n            color: #000;\r\n            width: auto;\r\n        }\r\n\r\n        \/*\/\/\/\/\/ DRS SHARE SNACKBAR \/\/\/\/\/*\/\r\n        #share-snackbar {\r\n            position: fixed;\r\n            left: 50%;\r\n            bottom: 30px;\r\n            transform: translate(-50%, 20px);\r\n            background-color: #222;\r\n            color: #fff;\r\n            padding: 10px 18px;\r\n            border-radius: 6px;\r\n            font-family: Montserrat, sans-serif;\r\n            font-size: 13px;\r\n            white-space: nowrap;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            pointer-events: none;\r\n            z-index: 99999;\r\n            transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;\r\n        }\r\n\r\n        #share-snackbar.show {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            transform: translate(-50%, 0);\r\n        }\r\n\r\n        \/*\/\/\/\/\/ PRODUCTS CART \/\/\/\/\/*\/\r\n        #drsCalc .drsProducts-cart {\r\n            position: relative;\r\n            margin-top: 0;\r\n            overflow: hidden;\r\n            height: 0;\r\n            transition: all 0.25s ease;\r\n            scroll-margin-top: 25px;\r\n        }\r\n\r\n        #drsCalc .drsProducts-cart.active {margin-top: 3px;}\r\n        #drsCalc .drsProducts-cart-inner {padding: 0; background-color: #fff;}\r\n        #drsCalc.preview-open .drsProducts-cart.active {border-top: 3px solid #000; margin-top: 0;}\r\n        #drsCalc .drsProducts-cart .drsProducts-amount {display: flex; flex-flow: column;}\r\n        #drsCalc .drsProducts-cart .drsProducts-amount-inner {\r\n            display: flex;\r\n            flex-flow: row nowrap;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        #drsCalc .drsProducts-cart .drsProducts-amount-inner:nth-last-child(1) {margin-bottom: 0;}\r\n        #drsCalc .drsProducts-cart .drsProducts .drsProducts-label {margin-bottom: 0; margin-right: 5px;}\r\n        #drsCalc .drsProducts-cart .drsCounter .drsCounter-btn > span {margin-top: 0;}\r\n        #drsCalc .drsProducts-cart .drsProducts {background-color: transparent;}\r\n        #drsCalc .drsProducts-cart .drsProducts .drsProducts-thumbnail {width: 80px; height: 80px; border: 1px solid #C3C5C8;}\r\n        #drsCalc .drsProducts-cart .drsProducts .drsProducts-price {font-size: 10px;}\r\n        #drsCalc .drsProducts-cart .drsProducts .drsProducts-discount {font-size: 10px; color: #444; display: block;}\r\n        #drsCalc .drsProducts-cart .drsProducts .drsProducts-total {\r\n            display: block;\r\n            font-size: 14px;\r\n            color: #000;\r\n            margin-top: 3px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        #drsCalc .drsProducts-cart .drsProducts .drsProducts-arrow.hidden {display: none;}\r\n\r\n        #drsCalc .drsProducts-cart .drsProducts .drsProducts-total strong {font-weight: 700;}\r\n        #drsCalc .drsProducts-cart .drsProducts .drsProducts-item.open .drsProducts-info span.drsProducts-discount {color: #FFF;}\r\n        #drsCalc .drsProducts-cart .drsProducts .drsProducts-item.open .drsProducts-info span.drsProducts-name,\r\n        #drsCalc .drsProducts-cart .drsProducts .drsProducts-item.open .drsProducts-info span.drsProducts-price {color: #FFF;}\r\n        #drsCalc .drsProducts-cart .drsProducts .drsProducts-item.open .drsProducts-total {color: #FFF000;}\r\n        #drsCalc .drsProducts-cart .drsProducts .drsProducts-item.open .drsProducts-label {color: #fff;}\r\n\r\n        #drsCalc .drsProducts-cart-top {background-color: #fff; padding: 13px 15px; border-bottom: 3px solid #FFF;}\r\n        #drsCalc .drsProducts-cart-top span {font-size: 14px; color: #444; display: block;}\r\n        #drsCalc .drsProducts-cart-top span strong {font-weight: 600; color: #000;}\r\n\r\n        #drsCalc .drsProducts-cart-duration {\r\n            background-color: #fff;\r\n            padding: 8px 12px 8px 15px;\r\n            border-top: 3px solid #FFF;\r\n            display: flex;\r\n            flex-flow: row nowrap;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n        #drsCalc .drsProducts-cart-duration > span {font-size: 14px; color: #444; display: block;}\r\n        #drsCalc .drsProducts-cart-duration > span > strong {font-weight: 600; color: #000;}\r\n        #drsCalc .drsProducts-cart-duration-right {display: flex; flex-flow: row nowrap; align-items: center;}\r\n        #drsCalc .drsProducts-cart-duration-reset {width: 26px; height: 26px; padding-left: 13px; cursor: pointer; box-sizing: content-box;}\r\n        #drsCalc .drsProducts-cart-duration-reset svg {\r\n            width: 100%;\r\n            height: 100%;\r\n            transition: all 0.25s ease;\r\n            fill: #888;\r\n        }\r\n\r\n        #drsCalc .drsProducts-cart-duration-reset svg:hover {fill: #000;}\r\n\r\n        #drsCalc .drsProducts-cart-bottom {\r\n            background-color: #fff;\r\n            padding: 15px;\r\n            display: flex;\r\n            flex-flow: row nowrap;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            border-top: 3px solid #FFF;\r\n        }\r\n\r\n        #drsCalc .drsProducts-cart-bottom span {font-size: 14px; color: #444; display: block; margin-bottom: 5px;}\r\n        #drsCalc .drsProducts-cart-bottom span strong {font-weight: 600; color: #000;}\r\n        #drsCalc .drsProducts-cart-bottom span.small {font-size: 12px;}\r\n        #drsCalc .drsProducts-cart-bottom span .fixed-105 {min-width: 105px; display: inline-block;}\r\n        #drsCalc .drsProducts-cart-bottom span:nth-last-child(1) {margin-bottom: 0;}\r\n        #drsCalc .drsProducts-cart-submit {\r\n            display: block;\r\n            padding: 10px 15px;\r\n            border-radius: 6px;\r\n            background-color: #FFF000;\r\n            color: #000;\r\n            font-weight: 600;\r\n            font-family: inherit;\r\n            font-size: 14px;\r\n            white-space: nowrap;\r\n            text-decoration: none;\r\n            cursor: pointer;\r\n            transition: all 0.25s ease;\r\n        }\r\n\r\n        #drsCalc .drsProducts-cart-submit:hover {\r\n            background-color: #000;\r\n            color: #FFF000;\r\n        }\r\n\r\n        #drsCalc .drsProducts-segment {flex: 1;}\r\n        #drsCalc .drsProducts-segment,\r\n        #drsCalc .drsProducts-segment-bottom {\r\n            display: flex;\r\n            flex-flow: row nowrap;\r\n            align-items: center;\r\n        }\r\n\r\n        \/*\/\/\/\/\/ CHECKOUT SECTION \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-checkout {\r\n            position: relative;\r\n            height: 0;\r\n            overflow: hidden;\r\n            background-color: #fff;\r\n            margin-top: 0;\r\n            scroll-margin-top: 25px;\r\n            transition: height 0.25s ease, margin-top 0.25s ease;\r\n        }\r\n\r\n        #drsCalc .drsCalc-checkout.active {margin-top: 3px;}\r\n        #drsCalc .drsCalc-checkout-inner {padding: 15px 15px 5px 15px;}\r\n\r\n        #drsCalc .drsCalc-checkout-heading {font-size: 14px; font-weight: 600; color: #000; margin: 0 0 5px 0;}\r\n        #drsCalc .drsCalc-checkout-text {font-size: 12px; font-weight: 400; color: #444; margin: 0; line-height: 1.4; max-width: 600px;}\r\n        #drsCalc .drsCalc-checkout-text span.red {color: #F44;}\r\n        #drsCalc .drsCalc-checkout-text.error {color: #F44; font-weight: 600;}\r\n        #drsCalc .drsCalc-checkout-text.mb-15 {margin-bottom: 15px;}\r\n\r\n        #drsCalc .drsCalc-checkout-heading.center,\r\n        #drsCalc .drsCalc-checkout-text.center {text-align: center;}\r\n\r\n        #drsCalc .drsCalc-checkout-btn-hold {display: flex; width: 100%; align-items: center; justify-content: start;}\r\n        #drsCalc .drsCalc-checkout-btn-hold.center {justify-content: center;}\r\n        #drsCalc .drsCalc-checkout-btn {\r\n            display: block;\r\n            padding: 10px 15px;\r\n            border-radius: 6px;\r\n            background-color: #FFF000;\r\n            color: #000;\r\n            font-weight: 600;\r\n            font-family: inherit;\r\n            font-size: 14px;\r\n            white-space: nowrap;\r\n            text-decoration: none;\r\n            cursor: pointer;\r\n            transition: all 0.25s ease;\r\n            margin: 0 10px 10px 0;\r\n        }\r\n\r\n        #drsCalc .drsCalc-checkout-btn-hold.center .drsCalc-checkout-btn {margin: 0 10px 5px 5px;}\r\n        #drsCalc .drsCalc-checkout-btn.grey {background-color: #222222; color: #fff;}\r\n        #drsCalc .drsCalc-checkout-btn:hover {background-color: #000; color: #FFF000;}\r\n        #drsCalc .drsCalc-checkout-btn.grey:hover {background-color: #222222; color: #fff; opacity: 0.6;}\r\n        #drsCalc .drsCalc-checkout-btn.mb-0 {margin-bottom: 0;}\r\n        #drsCalc .drsCalc-checkout-btn:nth-last-child(1) {margin-right: 0;}\r\n        #drsCalc .drsCalc-checkout-btn.dark {background-color: #000; color: #FFF000;}\r\n        #drsCalc .drsCalc-checkout-btn.dark:hover {background-color: #FFF000; color: #000;}\r\n\r\n        \/*\/\/\/\/\/ FORM & COMPONENTS \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-form {position: relative; width: 100%; margin: 0; padding: 0;}\r\n        #drsCalc .drsCalc-form-list {display: flex; flex-flow: row wrap; margin: 0; padding: 0;}\r\n        #drsCalc .drsCalc-form-list.mb-15 {margin-bottom: 15px;}\r\n        #drsCalc .drsCalc-form-list.mt-15 {margin-top: 15px;}\r\n        #drsCalc .drsCalc-form-item {\r\n            display: block;\r\n            width: 50%;\r\n            max-width: 50%;\r\n            min-width: 50%;\r\n            box-sizing: border-box;\r\n            padding-bottom: 10px;\r\n            list-style: none;\r\n            margin: 0;\r\n        }\r\n\r\n        #drsCalc .drsCalc-form-item:nth-child(odd) {padding-right: 5px;}\r\n        #drsCalc .drsCalc-form-item:nth-child(even) {padding-left: 5px;}\r\n\r\n        \/*\/\/\/\/\/ CUSTOM DRS INPUT \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-custom-input {\r\n            position: relative;\r\n            display: block;\r\n            width: 100%;\r\n            height: 42px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/*\/\/\/\/\/ CUSTOM INPUT - FIELD \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-custom-input input {\r\n            display: block;\r\n            width: 100%;\r\n            height: 100%;\r\n            padding: 0 15px;\r\n            border: 1px solid #aaa;\r\n            border-radius: 4px;\r\n            outline: none;\r\n            background-color: #fff;\r\n            color: #000;\r\n            font-family: inherit;\r\n            font-size: 14px;\r\n            font-weight: 400;\r\n            box-sizing: border-box;\r\n            transition: border-color 0.2s ease;\r\n            margin: 0;\r\n        }\r\n\r\n        \/*\/\/\/\/\/ CUSTOM INPUT - LABEL \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-custom-input label {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 15px;\r\n            padding: 0;\r\n            background-color: #fff;\r\n            color: #777;\r\n            font-size: 14px;\r\n            line-height: 1;\r\n            font-weight: 400;\r\n            transform: translateY(-50%);\r\n            transform-origin: left center;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        #drsCalc .drsCalc-custom-input.required label::after {\r\n            content: \" *\";\r\n            font-size: inherit;\r\n            color: #F44;\r\n            font-weight: inherit;\r\n            font-family: inherit;\r\n        }\r\n\r\n        \/*\/\/\/\/\/ CUSTOM INPUT - FLOATING LABEL \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-custom-input.focused label,\r\n        #drsCalc .drsCalc-custom-input.has-value label {\r\n            top: 0;\r\n            left: 11px;\r\n            padding: 0 5px;\r\n            font-size: 11px;\r\n            transform: translateY(-50%);\r\n        }\r\n\r\n        \/*\/\/\/\/\/ CUSTOM INPUT - FOCUS \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-custom-input.focused input {border-color: #222;border-width: 2px;}\r\n        #drsCalc .drsCalc-custom-input.focused label {color: #222;}\r\n\r\n        \/*\/\/\/\/\/ CUSTOM INPUT - PLACEHOLDER \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-custom-input input::placeholder {color: transparent;transition: color 0.2s ease;}\r\n        #drsCalc .drsCalc-custom-input.focused input::placeholder,\r\n        #drsCalc .drsCalc-custom-input.has-value input::placeholder {color: #888;}\r\n\r\n        \/*\/\/\/\/\/ CUSTOM INPUT - ERROR \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-checkout-error-messages:empty,\r\n        #drsCalc .drsCalc-date-time-error-messages:empty {display: none;}\r\n        #drsCalc .drsCalc-checkout-error-messages,\r\n        #drsCalc .drsCalc-date-time-error-messages {\r\n            font-size: 14px;\r\n            color: #F44;\r\n            font-weight: 600;\r\n            margin: 0;\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        #drsCalc .drsCalc-custom-input.error input {border-color: #F44;}\r\n        #drsCalc .drsCalc-custom-input.error label {color: #F44;}\r\n        #drsCalc .drsCalc-custom-input.error.focused input {border-color: #F44; border-width: 2px;}\r\n        #drsCalc .drsCalc-custom-input.error.focused label {color: #F44;}\r\n\r\n        \/*\/\/\/\/\/ CUSTOM DIALOG \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-dialog {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            z-index: 100;\r\n            background-color: rgba(0,0,0,0.7);\r\n            transition: all 0.25s ease;\r\n        }\r\n\r\n        #drsCalc .drsCalc-dialog.active {opacity: 1; pointer-events: auto;}\r\n        #drsCalc .drsCalc-dialog-inner {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-flow: row wrap;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-sizing: border-box;\r\n            padding: 15px;\r\n            transition: all 0.25s ease;\r\n            -moz-transform: scale(0.5);\r\n            -webkit-transform: scale(0.5);\r\n            -o-transform: scale(0.5);\r\n            -ms-transform: scale(0.5);\r\n            transform: scale(0.5);\r\n        }\r\n\r\n        #drsCalc .drsCalc-dialog.active .drsCalc-dialog-inner {\r\n            -moz-transform: scale(1);\r\n            -webkit-transform: scale(1);\r\n            -o-transform: scale(1);\r\n            -ms-transform: scale(1);\r\n            transform: scale(1);\r\n        }\r\n\r\n        #drsCalc .drsCalc-dialog-container {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 300px;\r\n            padding: 5px;\r\n            background-color: #fff;\r\n            -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);\r\n            box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);\r\n            border-radius: 10px;\r\n        }\r\n\r\n        #drsCalc .drsCalc-dialog-top {\r\n            position: relative;\r\n            background-color: #222222;\r\n            -webkit-border-radius: 5px 5px 0 0;\r\n            border-radius: 5px 5px 0 0;\r\n            padding: 8px 8px 8px 15px;\r\n            display: flex;\r\n            width: 100%;\r\n            flex-flow: row nowrap;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            min-width: 0;\r\n            max-width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #drsCalc .drsCalc-dialog-title {\r\n            display: block;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: #fff;\r\n            flex: 1;\r\n            max-width: 100%;\r\n        }\r\n\r\n        #drsCalc .drsCalc-dialog-close {width: 36px; height: 36px; margin-left: 15px; cursor: pointer;}\r\n        #drsCalc .drsCalc-dialog-close svg {\r\n            width: 100%;\r\n            height: 100%;\r\n            transition: all 0.25s ease;\r\n            fill: #fff;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        #drsCalc .drsCalc-dialog-close:hover svg {fill: #FFF000;}\r\n        #drsCalc .drsCalc-dialog-content {\r\n            padding: 15px;\r\n            border-left: 1px solid #C3C5C8;\r\n            border-right: 1px solid #C3C5C8;\r\n        }\r\n\r\n        #drsCalc .drsCalc-dialog-content p {\r\n            margin: 0;\r\n            font-size: 14px;\r\n            font-family: inherit;\r\n            font-weight: 400;\r\n            color: #000;\r\n        }\r\n\r\n        #drsCalc .drsCalc-dialog-footer {\r\n            position: relative;\r\n            background-color: #C3C5C8;\r\n            -webkit-border-radius: 0 0 5px 5px;\r\n            border-radius: 0 0 5px 5px;\r\n            padding: 8px;\r\n            display: flex;\r\n            width: 100%;\r\n            flex-flow: row nowrap;\r\n            align-items: center;\r\n            justify-content: end;\r\n            min-width: 0;\r\n            max-width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/*\/\/\/\/\/ REVIEW SECTION \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-review {\r\n            position: relative;\r\n            height: 0;\r\n            overflow: hidden;\r\n            background-color: #fff;\r\n            margin-top: 0;\r\n            scroll-margin-top: 25px;\r\n            transition: height 0.25s ease, margin-top 0.25s ease;\r\n        }\r\n\r\n        #drsCalc .drsCalc-review.active {margin-top: 3px;}\r\n        #drsCalc .drsCalc-review-inner {\r\n            position: relative;\r\n            padding: 15px 15px 5px 15px;\r\n            display: flex;\r\n            flex-flow: column wrap;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-sizing: border-box;\r\n            width: 100%;\r\n        }\r\n\r\n        #drsCalc .drsCalc-review-invoice {\r\n            display: block;\r\n            width: 100%;\r\n            max-width: 600px;\r\n            border: 1px solid #eee;\r\n            box-sizing: border-box;\r\n            border-radius: 6px;\r\n            overflow: hidden;\r\n            margin: 15px 0;\r\n        }\r\n\r\n        #drsCalc .drsCalc-review-invoice img {width: 100%;}\r\n\r\n        \/*\/\/\/\/\/ SUCCESS SECTION \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-success {\r\n            position: relative;\r\n            height: 0;\r\n            overflow: hidden;\r\n            background-color: #444;\r\n            margin-top: 0;\r\n            scroll-margin-top: 25px;\r\n            \/*transition: height 0.25s ease, margin-top 0.25s ease;*\/\r\n        }\r\n\r\n        #drsCalc .drsCalc-success.active {margin-top: 3px;}\r\n        #drsCalc .drsCalc-success-inner {\r\n            position: relative;\r\n            padding: 30px 15px;\r\n            display: flex;\r\n            flex-flow: column wrap;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-sizing: border-box;\r\n            width: 100%;\r\n        }\r\n\r\n        #drsCalc .drsCalc-success-content {width: 100%; max-width: 600px; text-align: center;}\r\n        #drsCalc .drsCalc-success .drsCalc-checkout-heading {color: #FFF000; font-size: 20px; margin-bottom: 10px;}\r\n        #drsCalc .drsCalc-success-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            margin-bottom: 15px;\r\n            display: inline-block;\r\n        }\r\n\r\n        #drsCalc .drsCalc-success-icon svg {\r\n            width: 100%;\r\n            height: 100%;\r\n            fill: #FFF000;\r\n        }\r\n\r\n        #drsCalc .drsCalc-success .drsCalc-checkout-text,\r\n        #drsCalc .drsCalc-success .drsCalc-checkout-text strong {color: #fff;}\r\n\r\n        \/*\/\/\/\/\/ ALL LOADERS \/\/\/\/\/*\/\r\n        #drsCalc .drsCalc-content,\r\n        #drsCalc .drsCalc-hold {position: relative;}\r\n\r\n        #drsCalc.loading .drsCalc-hold::before,\r\n        #drsCalc .drsCalc-content.loading::before,\r\n        #drsCalc .windows.loading::before,\r\n        #drsCalc .drsCalc-checkout.loading::before,\r\n        #drsCalc .drsCalc-review.loading::before,\r\n        #drsCalc .drsCalc-success.loading::before {\r\n            content: \"\";\r\n            display: block;\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            margin-top: -25px;\r\n            margin-left: -25px;\r\n            width: 50px;\r\n            height: 50px;\r\n            background-color: #FFF;\r\n            -webkit-mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M325-111.5q-73-31.5-127.5-86t-86-127.5Q80-398 80-480.5t31.5-155q31.5-72.5 86-127t127.5-86Q398-880 480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480.5-80Q398-80 325-111.5Z'\/%3E%3C\/svg%3E\");\r\n            mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M325-111.5q-73-31.5-127.5-86t-86-127.5Q80-398 80-480.5t31.5-155q31.5-72.5 86-127t127.5-86Q398-880 480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480.5-80Q398-80 325-111.5Z'\/%3E%3C\/svg%3E\");\r\n            -webkit-mask-size: contain;\r\n            mask-size: contain;\r\n            -webkit-mask-repeat: no-repeat;\r\n            mask-repeat: no-repeat;\r\n            -webkit-mask-position: center;\r\n            mask-position: center;\r\n            animation: drs-loader-spin 0.8s linear infinite;\r\n            z-index: 112;\r\n        }\r\n\r\n        #drsCalc.loading.solid .drsCalc-hold::before,\r\n        #drsCalc .drsCalc-content.loading.solid::before,\r\n        #drsCalc .windows.loading.solid::before,\r\n        #drsCalc .drsCalc-checkout.loading.solid::before,\r\n        #drsCalc .drsCalc-review.loading.solid::before,\r\n        #drsCalc .drsCalc-success.loading.solid::before {\r\n            background-color: #000;\r\n        }\r\n\r\n        #drsCalc.disable .drsCalc-hold::after,\r\n        #drsCalc.loading .drsCalc-hold::after,\r\n        #drsCalc .drsCalc-content.loading::after,\r\n        #drsCalc .windows.loading::after,\r\n        #drsCalc .drsCalc-checkout.loading::after,\r\n        #drsCalc .drsCalc-review.loading::after,\r\n        #drsCalc .drsCalc-success.loading::after {\r\n            content: \"\";\r\n            display: block;\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0,0,0,0.6);\r\n            z-index: 111;\r\n        }\r\n\r\n        #drsCalc.disable .drsCalc-hold::after {background-color: rgba(0,0,0,0);}\r\n        #drsCalc.loading.solid .drsCalc-hold::after,\r\n        #drsCalc .drsCalc-content.loading.solid::after,\r\n        #drsCalc .windows.loading.solid::after,\r\n        #drsCalc .drsCalc-checkout.loading.solid::after,\r\n        #drsCalc .drsCalc-review.loading.solid::after,\r\n        #drsCalc .drsCalc-success.loading.solid::after {background-color: rgba(255,255,255,1);}\r\n        #drsCalc.loading.solid .drsCalc-hold::after {border-radius: 10px;}\r\n\r\n        #drsCalc .drsCalc-input-autocomplete.loading .drsCalc-input {padding-right: 62px;}\r\n        #drsCalc .drsCalc-input-autocomplete.loading::after {\r\n            content: \"\";\r\n            display: block;\r\n            position: absolute;\r\n            top: 50%;\r\n            right: 15px;\r\n            margin-top: -16px;\r\n            width: 32px;\r\n            height: 32px;\r\n            background-color: #000;\r\n            -webkit-mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M325-111.5q-73-31.5-127.5-86t-86-127.5Q80-398 80-480.5t31.5-155q31.5-72.5 86-127t127.5-86Q398-880 480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480.5-80Q398-80 325-111.5Z'\/%3E%3C\/svg%3E\");\r\n            mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M325-111.5q-73-31.5-127.5-86t-86-127.5Q80-398 80-480.5t31.5-155q31.5-72.5 86-127t127.5-86Q398-880 480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480.5-80Q398-80 325-111.5Z'\/%3E%3C\/svg%3E\");\r\n            -webkit-mask-size: contain;\r\n            mask-size: contain;\r\n            -webkit-mask-repeat: no-repeat;\r\n            mask-repeat: no-repeat;\r\n            -webkit-mask-position: center;\r\n            mask-position: center;\r\n            animation: drs-loader-spin 0.8s linear infinite;\r\n            z-index: 112;\r\n        }\r\n\r\n        \/*\/\/\/\/\/ LOADER ANIMATION \/\/\/\/\/*\/\r\n        @keyframes drs-loader-spin {\r\n            from {\r\n                transform: rotate(0deg);\r\n            }\r\n\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 650px) {\r\n            #drsCalc .drsCalc-form-item {width: 100%; max-width: 100%; min-width: 100%;}\r\n            #drsCalc .drsCalc-form-item:nth-child(odd) {padding-right: 0;}\r\n            #drsCalc .drsCalc-form-item:nth-child(even) {padding-left: 0;}\r\n        }\r\n\r\n        @media (min-width: 500px){\r\n            #drsCalc .drsProducts-preview-thumbnails-hold:has(.drsProducts-preview-thumbnails > :nth-child(8))::after {\r\n                content: \"\";\r\n                position: absolute;\r\n                top: 0;\r\n                right: 0;\r\n                width: 40px;\r\n                height: 100%;\r\n                pointer-events: none;\r\n                z-index: 2;\r\n                background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));\r\n            }\r\n        }\r\n\r\n        @media (max-width: 500px){\r\n            #drsCalc .drsCounter .drsCounter-input {width: 26px;}\r\n            #drsCalc .drsCounter .drsCounter-btn > span {margin-top: 0;}\r\n            #drsCalc .drsCounter .drsCounter-btn {width: 26px;}\r\n            #drsCalc .drsProducts .drsProducts-arrow {padding-left: 5px;}\r\n            #drsCalc .drsProducts .drsProducts-info {padding: 0 5px;}\r\n            #drsCalc .drsProducts .drsProducts-info span {font-size: 12px;}\r\n            #drsCalc .drsProducts-cart .drsProducts .drsProducts-total {font-size: 12px;}\r\n            #drsCalc .drsProducts .drsProducts-arrow {width: 30px; height: 30px;}\r\n            #drsCalc .drsProducts-preview-thumbnails-item {width: calc(20% - 4.5px);}\r\n            #drsCalc .drsProducts-cart-duration-reset {padding-left: 6px;}\r\n            #drsCalc .drsProducts-cart-duration {padding-right: 8px;}\r\n\r\n            #drsCalc .drsProducts-preview-content p {font-size: 12px;}\r\n            #drsCalc .drsProducts-preview-content h1,\r\n            #drsCalc .drsProducts-preview-content h2,\r\n            #drsCalc .drsProducts-preview-content h3,\r\n            #drsCalc .drsProducts-preview-content h4,\r\n            #drsCalc .drsProducts-preview-content h5,\r\n            #drsCalc .drsProducts-preview-content h6 {margin-bottom: 12px;}\r\n            #drsCalc .drsProducts-preview-content h1 {font-size: 24px;}\r\n            #drsCalc .drsProducts-preview-content h2 {font-size: 20px;}\r\n            #drsCalc .drsProducts-preview-content h3 {font-size: 18px;}\r\n            #drsCalc .drsProducts-preview-content h4 {font-size: 16px;}\r\n            #drsCalc .drsProducts-preview-content h5 {font-size: 14px;}\r\n            #drsCalc .drsProducts-preview-content h6 {font-size: 12px;}\r\n            #drsCalc .drsProducts-preview-content ul {padding-left: 10px; margin: 0 0 12px 0;}\r\n            #drsCalc .drsProducts-preview-content ul li,\r\n            #drsCalc .drsProducts-preview-content ol li {font-size: 12px;}\r\n            #drsCalc .drsProducts-preview-content ol {padding-left: 13px; margin: 0 0 12px 0;}\r\n\r\n            .section.full-height {padding: 25px !important;}\r\n            #drsCalc {padding: 0;}\r\n        }\r\n\r\n        @media (max-width: 450px){\r\n            #drsCalc .drsProducts-cart .drsProducts .drsProducts-top {flex-flow: column;}\r\n\r\n            #drsCalc .drsProducts-segment,\r\n            #drsCalc .drsProducts-segment-bottom {justify-content: space-between; width: 100%;}\r\n\r\n            #drsCalc .drsProducts-cart .drsProducts .drsProducts-arrow {width: 36px; height: 36px; display: none;}\r\n            #drsCalc .drsProducts-cart .drsCounter .drsCounter-btn {width: 32px;}\r\n            #drsCalc .drsProducts-cart .drsCounter .drsCounter-input {width: 40px;}\r\n\r\n            #drsCalc .drsProducts-cart .drsProducts .drsProducts-arrow.hidden {display: block;}\r\n            #drsCalc .drsProducts-cart .drsProducts-amount {\r\n                flex-flow: row;\r\n                justify-content: space-between;\r\n                width: 100%;\r\n                margin-top: 5px;\r\n            }\r\n\r\n            #drsCalc .drsProducts-cart-duration {padding-right: 5px; padding-left: 5px;}\r\n            #drsCalc .drsProducts-cart-duration-right .drsCounter {order: 2;}\r\n            #drsCalc .drsProducts-cart-duration-right .drsProducts-cart-duration-reset {\r\n                order: 1;\r\n                padding-right: 6px;\r\n                padding-left: 0;\r\n            }\r\n\r\n        }\r\n\r\n        @media (max-width: 400px){\r\n            #drsCalc .drsCounter .drsCounter-btn {width: 20px;}\r\n            #drsCalc .drsProducts .drsProducts-thumbnail {width: 50px;}\r\n            #drsCalc .drsProducts-cart-bottom {padding-left: 5px; padding-right: 5px;}\r\n            #drsCalc {padding: 0;}\r\n        }\r\n\r\n        @media (max-width: 350px) {\r\n            #drsCalc .drsProducts-cart .drsProducts .drsProducts-arrow {width: 30px; height: 30px;}\r\n            #drsCalc .drsProducts-cart .drsCounter .drsCounter-btn {width: 28px;}\r\n            #drsCalc .drsProducts-cart .drsCounter .drsCounter-input {width: 30px;}\r\n            #drsCalc .drsCalc-footer-text {font-size: 12px;}\r\n        }\r\n\r\n        \/*\/\/\/\/\/ DESKTOP OVERRIDES \/\/\/\/\/*\/\r\n        @media (min-width: 950px) {\r\n            #drsCalc .drsCalc-hold {max-width: 1200px;}\r\n            #drsCalc .drsCalc-content-main {display: flex; flex-flow: row nowrap; align-items: stretch;}\r\n            #drsCalc .windows {\r\n                flex: 1;\r\n                width: 50%;\r\n                min-width: 50%;\r\n                max-width: 50%;\r\n                height: auto !important;\r\n                max-height: none;\r\n                \/*min-height: 462px;*\/\r\n            }\r\n            #drsCalc .drsCalc-content {\r\n                background-color: #444;\r\n                margin-top: 3px;\r\n                margin-left: 3px;\r\n                flex: 1; width: calc(50% - 3px); min-width: calc(50% - 3px); max-width: calc(50% - 3px);\r\n                background-image: url(\"https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/calc-empty.jpg\");\r\n                background-size: cover;\r\n                background-position: 50%;\r\n                background-repeat: no-repeat;\r\n            }\r\n\r\n            #drsCalc.active-info-sections .drsCalc-content {\r\n                background-color: #fff;\r\n                background-image: none;\r\n            }\r\n\r\n            #drsCalc .drsProducts-preview {margin-top: 0;}\r\n            #drsCalc .drsProducts-preview.open {margin-top: 0;}\r\n            #drsCalc .drsProducts-cart {margin-top: 0;}\r\n            #drsCalc .drsProducts-cart.active {margin-top: 0;}\r\n            #drsCalc .window-item#window-4 {height: 100%;}\r\n            #drsCalc .drsProducts  {min-height: calc(100% - 47px);}\r\n            #drsCalc .drsProducts-cart .drsProducts {min-height: 0;}\r\n            #drsCalc .drsCalc-success.active {margin-top: 0;}\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n<body style=\"min-height: 100vh; margin: 0; padding: 0; background-color: #000;\">\r\n\r\n<!--\/\/\/\/\/ CALCULATOR HTML \/\/\/\/\/-->\r\n<section id=\"drsCalc\">\r\n    <div class=\"drsCalc-hold\">\r\n\r\n        <!--\/\/\/\/\/ TIME CHECK DIALOG \/\/\/\/\/-->\r\n        <section class=\"drsCalc-dialog\">\r\n            <div class=\"drsCalc-dialog-inner\">\r\n                <div class=\"drsCalc-dialog-container\">\r\n\r\n                    <div class=\"drsCalc-dialog-top\">\r\n                        <span class=\"drsCalc-dialog-title\">Date Required<\/span>\r\n                        <div class=\"drsCalc-dialog-close\" onclick=\"closeTimeCheckDialog()\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                <path d=\"M333.03-297.64 480-444.62l146.97 146.98 35.39-35.39L515.38-480l146.98-146.97-35.39-35.39L480-515.38 333.03-662.36l-35.39 35.39L444.62-480 297.64-333.03l35.39 35.39ZM480.07-100q-78.43 0-147.67-29.92-69.24-29.92-120.89-81.54-51.64-51.63-81.58-120.84Q100-401.51 100-479.93q0-78.84 29.92-148.21t81.54-120.68q51.63-51.31 120.84-81.25Q401.51-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.43-29.92 147.67-29.92 69.24-81.21 120.89-51.29 51.64-120.63 81.58Q558.9-100 480.07-100Zm-.07-50.26q137.79 0 233.77-96.18 95.97-96.18 95.97-233.56 0-137.79-95.97-233.77-95.98-95.97-233.77-95.97-137.38 0-233.56 95.97-96.18 95.98-96.18 233.77 0 137.38 96.18 233.56T480-150.26ZM480-480Z\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"drsCalc-dialog-content\">\r\n                        <p>Please select valid pickup and return dates before continuing.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"drsCalc-dialog-footer\">\r\n                        <a class=\"drsCalc-checkout-btn grey mb-0\" onclick=\"closeTimeCheckDialog()\">Back<\/a>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!--\/\/\/\/\/ SEARCH INPUT \/\/\/\/\/-->\r\n        <div class=\"drsCalc-input-autocomplete\">\r\n            <input class=\"drsCalc-input drsCalc-search\" placeholder=\"Search...\" type=\"text\" value=\"\"\/>\r\n            <div class=\"drsCalc-input-autocomplete-menu\">\r\n\r\n                <div class=\"drsCalc-input-autocomplete-empty\" style=\"display: none;\">\r\n                    <p>No results found...<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"drsProducts\">\r\n                    <ul class=\"drsProducts-list\">\r\n\r\n                        <!--\/\/\/\/\/ PRODUCT ITEM \/\/\/\/\/-->\r\n                        <li class=\"drsProducts-item\">\r\n                            <div class=\"drsProducts-top\">\r\n                                <div class=\"drsProducts-thumbnail open-preview\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example.jpg')\"><\/div>\r\n                                <div class=\"drsProducts-info open-preview\">\r\n                                    <span class=\"drsProducts-name\">ARRI ALEXA Mini Set - EF Mount<\/span>\r\n                                    <span class=\"drsProducts-price\">1.100,00 \u20ac<\/span>\r\n                                <\/div>\r\n                                <div class=\"drsProducts-amount\">\r\n                                    <div class=\"drsCounter\">\r\n                                        <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, -1)\"><span>\u2212<\/span><\/button>\r\n                                        <input type=\"number\" class=\"drsCounter-input\" value=\"0\" min=\"0\">\r\n                                        <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, 1)\"><span>+<\/span><\/button>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"drsProducts-arrow open-preview\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                        <path d=\"m480-351 173-173-43-42-130 130-130-130-43 42 173 173Zm0 271q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n\r\n                        <!--\/\/\/\/\/ PRODUCT ITEM \/\/\/\/\/-->\r\n                        <li class=\"drsProducts-item\">\r\n                            <div class=\"drsProducts-top\">\r\n                                <div class=\"drsProducts-thumbnail open-preview\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example.jpg')\"><\/div>\r\n                                <div class=\"drsProducts-info open-preview\">\r\n                                    <span class=\"drsProducts-name\">ARRI ALEXA Mini Set - EF Mount<\/span>\r\n                                    <span class=\"drsProducts-price\">1.100,00 \u20ac<\/span>\r\n                                <\/div>\r\n                                <div class=\"drsProducts-amount\">\r\n                                    <div class=\"drsCounter\">\r\n                                        <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, -1)\"><span>\u2212<\/span><\/button>\r\n                                        <input type=\"number\" class=\"drsCounter-input\" value=\"0\" min=\"0\">\r\n                                        <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, 1)\"><span>+<\/span><\/button>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"drsProducts-arrow open-preview\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                        <path d=\"m480-351 173-173-43-42-130 130-130-130-43 42 173 173Zm0 271q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!--\/\/\/\/\/ MAIN CONTENT \/\/\/\/\/-->\r\n        <section class=\"drsCalc-content-main\">\r\n\r\n            <!--\/\/\/\/\/ WINDOWS \/\/\/\/\/-->\r\n            <section class=\"windows\">\r\n                <div class=\"window-item active\" id=\"window-1\">\r\n                    <div class=\"drsCalc-menu\">\r\n                        <ul class=\"drsCalc-menu-list\">\r\n                            <li class=\"drsCalc-menu-item active\" onclick=\"showWindow(2)\">Camera<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Video<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Lens<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Computer<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Flash Light<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Continuous Light<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">D*A*Bs<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Camera Stands<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Stands<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Grip<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Cabling<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Production<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Gels<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Backgrounds<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Sale<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(2)\">Measure<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"window-item\" id=\"window-2\">\r\n                    <div class=\"drsCalc-menu\">\r\n                        <div class=\"drsCalc-menu-heading\">\r\n                            <div class=\"drsCalc-heading-list\">\r\n                                <div class=\"drsCalc-heading-back\" onclick=\"showWindow(1)\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                        <path d=\"m274-450 248 248-42 42-320-320 320-320 42 42-248 248h526v60H274Z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <ul class=\"drsCalc-breadcrumbs\">\r\n                                    <li class=\"drsCalc-breadcrumbs-item\" onclick=\"showWindow(1)\">Camera<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <ul class=\"drsCalc-menu-list\">\r\n                            <li class=\"drsCalc-menu-item active\" onclick=\"showWindow(3)\">Arri<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(3)\">Canon<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(3)\">Hasselblad<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(3)\">Lecia<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(3)\">Linhof<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(3)\">Mamiya<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(3)\">Nikon<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(3)\">PhaseOne<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(3)\">Palaroid<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(3)\">09 Red<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(3)\">Sinar<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(3)\">Sony<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(3)\">Memory Cards<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(3)\">Extra<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"window-item\" id=\"window-3\">\r\n                    <div class=\"drsCalc-menu\">\r\n                        <div class=\"drsCalc-menu-heading\">\r\n                            <div class=\"drsCalc-heading-list\">\r\n                                <div class=\"drsCalc-heading-back\" onclick=\"showWindow(2)\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                        <path d=\"m274-450 248 248-42 42-320-320 320-320 42 42-248 248h526v60H274Z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <ul class=\"drsCalc-breadcrumbs\">\r\n                                    <li class=\"drsCalc-breadcrumbs-item\" onclick=\"showWindow(1)\">Camera<\/li>\r\n                                    <li class=\"drsCalc-breadcrumbs-item\" onclick=\"showWindow(2)\">Arri<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <ul class=\"drsCalc-menu-list\">\r\n                            <li class=\"drsCalc-menu-item active\" onclick=\"showWindow(4)\">Kit<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(4)\">Lens<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(4)\">Extra<\/li>\r\n                            <li class=\"drsCalc-menu-item\" onclick=\"showWindow(4)\">Filter<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"window-item\" id=\"window-4\">\r\n                    <div class=\"drsCalc-menu-heading no-border\">\r\n                        <div class=\"drsCalc-heading-list\">\r\n                            <div class=\"drsCalc-heading-back\" onclick=\"showWindow(3)\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                    <path d=\"m274-450 248 248-42 42-320-320 320-320 42 42-248 248h526v60H274Z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <ul class=\"drsCalc-breadcrumbs\">\r\n                                <li class=\"drsCalc-breadcrumbs-item\" onclick=\"showWindow(1)\">Camera<\/li>\r\n                                <li class=\"drsCalc-breadcrumbs-item\" onclick=\"showWindow(2)\">Arri<\/li>\r\n                                <li class=\"drsCalc-breadcrumbs-item\" onclick=\"showWindow(3)\">Kit<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"drsProducts\">\r\n                        <ul class=\"drsProducts-list\">\r\n\r\n                            <!--\/\/\/\/\/ PRODUCT ITEM \/\/\/\/\/-->\r\n                            <li class=\"drsProducts-item\">\r\n                                <div class=\"drsProducts-top\">\r\n                                    <div class=\"drsProducts-thumbnail open-preview\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example.jpg')\"><\/div>\r\n                                    <div class=\"drsProducts-info open-preview\">\r\n                                        <span class=\"drsProducts-name\">ARRI ALEXA Mini Set - EF Mount<\/span>\r\n                                        <span class=\"drsProducts-price\">1.100,00 \u20ac<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"drsProducts-amount\">\r\n                                        <div class=\"drsCounter\">\r\n                                            <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, -1)\"><span>\u2212<\/span><\/button>\r\n                                            <input type=\"number\" class=\"drsCounter-input\" value=\"0\" min=\"0\">\r\n                                            <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, 1)\"><span>+<\/span><\/button>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"drsProducts-arrow open-preview\">\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                            <path d=\"m480-351 173-173-43-42-130 130-130-130-43 42 173 173Zm0 271q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z\"\/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/li>\r\n\r\n                            <!--\/\/\/\/\/ PRODUCT ITEM \/\/\/\/\/-->\r\n                            <li class=\"drsProducts-item\">\r\n                                <div class=\"drsProducts-top\">\r\n                                    <div class=\"drsProducts-thumbnail open-preview\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example.jpg')\"><\/div>\r\n                                    <div class=\"drsProducts-info open-preview\">\r\n                                        <span class=\"drsProducts-name\">ARRI ALEXA Mini Set - EF Mount<\/span>\r\n                                        <span class=\"drsProducts-price\">1.100,00 \u20ac<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"drsProducts-amount\">\r\n                                        <div class=\"drsCounter\">\r\n                                            <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, -1)\"><span>\u2212<\/span><\/button>\r\n                                            <input type=\"number\" class=\"drsCounter-input\" value=\"0\" min=\"0\">\r\n                                            <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, 1)\"><span>+<\/span><\/button>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"drsProducts-arrow open-preview\">\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                            <path d=\"m480-351 173-173-43-42-130 130-130-130-43 42 173 173Zm0 271q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z\"\/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/li>\r\n\r\n                            <!--\/\/\/\/\/ PRODUCT ITEM \/\/\/\/\/-->\r\n                            <li class=\"drsProducts-item\">\r\n                                <div class=\"drsProducts-top\">\r\n                                    <div class=\"drsProducts-thumbnail open-preview\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example.jpg')\"><\/div>\r\n                                    <div class=\"drsProducts-info open-preview\">\r\n                                        <span class=\"drsProducts-name\">ARRI ALEXA Mini Set - EF Mount<\/span>\r\n                                        <span class=\"drsProducts-price\">1.100,00 \u20ac<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"drsProducts-amount\">\r\n                                        <div class=\"drsCounter\">\r\n                                            <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, -1)\"><span>\u2212<\/span><\/button>\r\n                                            <input type=\"number\" class=\"drsCounter-input\" value=\"0\" min=\"0\">\r\n                                            <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, 1)\"><span>+<\/span><\/button>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"drsProducts-arrow open-preview\">\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                            <path d=\"m480-351 173-173-43-42-130 130-130-130-43 42 173 173Zm0 271q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z\"\/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/li>\r\n\r\n                            <!--\/\/\/\/\/ PRODUCT ITEM \/\/\/\/\/-->\r\n                            <li class=\"drsProducts-item\">\r\n                                <div class=\"drsProducts-top\">\r\n                                    <div class=\"drsProducts-thumbnail open-preview\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example.jpg')\"><\/div>\r\n                                    <div class=\"drsProducts-info open-preview\">\r\n                                        <span class=\"drsProducts-name\">ARRI ALEXA Mini Set - EF Mount<\/span>\r\n                                        <span class=\"drsProducts-price\">1.100,00 \u20ac<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"drsProducts-amount\">\r\n                                        <div class=\"drsCounter\">\r\n                                            <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, -1)\"><span>\u2212<\/span><\/button>\r\n                                            <input type=\"number\" class=\"drsCounter-input\" value=\"0\" min=\"0\">\r\n                                            <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, 1)\"><span>+<\/span><\/button>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"drsProducts-arrow open-preview\">\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                            <path d=\"m480-351 173-173-43-42-130 130-130-130-43 42 173 173Zm0 271q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z\"\/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/li>\r\n\r\n                            <!--\/\/\/\/\/ PRODUCT ITEM \/\/\/\/\/-->\r\n                            <li class=\"drsProducts-item\">\r\n                                <div class=\"drsProducts-top\">\r\n                                    <div class=\"drsProducts-thumbnail open-preview\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example.jpg')\"><\/div>\r\n                                    <div class=\"drsProducts-info open-preview\">\r\n                                        <span class=\"drsProducts-name\">ARRI ALEXA Mini Set - EF Mount<\/span>\r\n                                        <span class=\"drsProducts-price\">1.100,00 \u20ac<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"drsProducts-amount\">\r\n                                        <div class=\"drsCounter\">\r\n                                            <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, -1)\"><span>\u2212<\/span><\/button>\r\n                                            <input type=\"number\" class=\"drsCounter-input\" value=\"0\" min=\"0\">\r\n                                            <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, 1)\"><span>+<\/span><\/button>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"drsProducts-arrow open-preview\">\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                            <path d=\"m480-351 173-173-43-42-130 130-130-130-43 42 173 173Zm0 271q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z\"\/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/li>\r\n\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!--\/\/\/\/\/ DESKTOP RIGHT SIDE CONTENT \/\/\/\/\/-->\r\n            <section class=\"drsCalc-content\">\r\n\r\n                <!--\/\/\/\/\/ PRODUCT PREVIEW \/\/\/\/\/-->\r\n                <section class=\"drsProducts-preview\">\r\n                    <div class=\"drsProducts-preview-inner\">\r\n                        <div class=\"drsProducts-preview-title\">\r\n                            <div class=\"drsProducts-preview-title-hold\">\r\n                                <span class=\"drsProducts-preview-name\">ARRI ALEXA Mini Set - EF-Mount<\/span>\r\n                                <span class=\"drsProducts-preview-price\">1.100,00 \u20ac<\/span>\r\n                            <\/div>\r\n                            <div class=\"drsProducts-preview-close close-preview\" title=\"Close Preview\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                    <path d=\"M333.03-297.64 480-444.62l146.97 146.98 35.39-35.39L515.38-480l146.98-146.97-35.39-35.39L480-515.38 333.03-662.36l-35.39 35.39L444.62-480 297.64-333.03l35.39 35.39ZM480.07-100q-78.43 0-147.67-29.92-69.24-29.92-120.89-81.54-51.64-51.63-81.58-120.84Q100-401.51 100-479.93q0-78.84 29.92-148.21t81.54-120.68q51.63-51.31 120.84-81.25Q401.51-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.43-29.92 147.67-29.92 69.24-81.21 120.89-51.29 51.64-120.63 81.58Q558.9-100 480.07-100Zm-.07-50.26q137.79 0 233.77-96.18 95.97-96.18 95.97-233.56 0-137.79-95.97-233.77-95.98-95.97-233.77-95.97-137.38 0-233.56 95.97-96.18 95.98-96.18 233.77 0 137.38 96.18 233.56T480-150.26ZM480-480Z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"drsProducts-preview-image\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example.jpg')\">\r\n                            <div class=\"drsProducts-preview-share open-share\"\r\n                                 data-share-title=\"ARRI ALEXA Mini Set - EF-Mount\"\r\n                                 data-share-url=\"https:\/\/drs.epicdev.co\/product\/arri-alexa-mini\"\r\n                                 title=\"Share Product\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                    <path d=\"M680-80q-50 0-85-35t-35-85q0-6 3-28L282-392q-16 15-37 23.5t-45 8.5q-50 0-85-35t-35-85q0-50 35-85t85-35q24 0 45 8.5t37 23.5l281-164q-2-7-2.5-13.5T560-760q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35q-24 0-45-8.5T598-672L317-508q2 7 2.5 13.5t.5 14.5q0 8-.5 14.5T317-452l281 164q16-15 37-23.5t45-8.5q50 0 85 35t35 85q0 50-35 85t-85 35Zm0-80q17 0 28.5-11.5T720-200q0-17-11.5-28.5T680-240q-17 0-28.5 11.5T640-200q0 17 11.5 28.5T680-160ZM200-440q17 0 28.5-11.5T240-480q0-17-11.5-28.5T200-520q-17 0-28.5 11.5T160-480q0 17 11.5 28.5T200-440Zm508.5-291.5Q720-743 720-760t-11.5-28.5Q697-800 680-800t-28.5 11.5Q640-777 640-760t11.5 28.5Q663-720 680-720t28.5-11.5ZM680-200ZM200-480Zm480-280Z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"drsProducts-preview-thumbnails-hold\">\r\n                            <ul class=\"drsProducts-preview-thumbnails\">\r\n                                <li class=\"drsProducts-preview-thumbnails-item\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example.jpg')\"><\/li>\r\n                                <li class=\"drsProducts-preview-thumbnails-item\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example-2.jpg')\"><\/li>\r\n                                <li class=\"drsProducts-preview-thumbnails-item\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example-3.jpg')\"><\/li>\r\n                                <li class=\"drsProducts-preview-thumbnails-item\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example-4.jpg')\"><\/li>\r\n                                <li class=\"drsProducts-preview-thumbnails-item\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example-5.jpg')\"><\/li>\r\n                                <li class=\"drsProducts-preview-thumbnails-item\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example-6.jpg')\"><\/li>\r\n                                <li class=\"drsProducts-preview-thumbnails-item\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example-7.jpg')\"><\/li>\r\n                                <li class=\"drsProducts-preview-thumbnails-item\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example-8.jpg')\"><\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        <div class=\"drsProducts-preview-content\">\r\n                            <p>\r\n                                <strong>Body with 4:3 and ARRIRAW<\/strong><br\/>\r\n                                Incl. 4x V-Mount battery, 5x 256GB CFast2, Starlite OLED touch monitor\r\n                            <\/p>\r\n                            <p>\r\n                                Attention: Pictures include optional <a href=\"\">accessories!<\/a><br\/>\r\n                                LMB and CForce motor are not part of the kit.\r\n                            <\/p>\r\n\r\n                            <ul>\r\n                                <li>Testing List Item<\/li>\r\n                                <li>Testing List Item<\/li>\r\n                                <li>Testing List Item<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n\r\n                        <div class=\"drsProducts-preview-qty\">\r\n                            <h3>Add to cart<\/h3>\r\n                            <div class=\"drsCounter\">\r\n                                <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, -1)\"><span>\u2212<\/span><\/button>\r\n                                <input type=\"number\" class=\"drsCounter-input\" value=\"0\" min=\"0\">\r\n                                <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, 1)\"><span>+<\/span><\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/section>\r\n\r\n                <!--\/\/\/\/\/ PRODUCT CART \/\/\/\/\/-->\r\n                <section class=\"drsProducts-cart\">\r\n                    <div class=\"drsProducts-cart-inner\">\r\n\r\n                        <!--\/\/\/\/\/ PRODUCT CART TOP \/\/\/\/\/-->\r\n                        <div class=\"drsProducts-cart-top\">\r\n                            <span><strong>Selection:<\/strong> #K7815872D<\/span>\r\n                        <\/div>\r\n\r\n                        <!--\/\/\/\/\/ PRODUCT CART ITEMS \/\/\/\/\/-->\r\n                        <div class=\"drsProducts\">\r\n                            <ul class=\"drsProducts-list\">\r\n\r\n                                <!--\/\/\/\/\/ CART ITEM \/\/\/\/\/-->\r\n                                <li class=\"drsProducts-item\">\r\n                                    <div class=\"drsProducts-top\">\r\n                                        <div class=\"drsProducts-segment\">\r\n                                            <div class=\"drsProducts-thumbnail open-preview\" style=\"background-image: url('https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/product-example.jpg')\"><\/div>\r\n                                            <div class=\"drsProducts-info open-preview\">\r\n                                                <span class=\"drsProducts-name\">ARRI ALEXA Mini Set - EF Mount<\/span>\r\n                                                <span class=\"drsProducts-price\">1.100,00 \u20ac<\/span>\r\n                                                <span class=\"drsProducts-discount\">Discount: None<\/span>\r\n                                                <span class=\"drsProducts-total\"><strong>Total: <\/strong>1.100,00 \u20ac<\/span>\r\n                                            <\/div>\r\n\r\n                                            <div class=\"drsProducts-arrow open-preview hidden\">\r\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                                    <path d=\"m480-351 173-173-43-42-130 130-130-130-43 42 173 173Zm0 271q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z\"\/>\r\n                                                <\/svg>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"drsProducts-segment-bottom\">\r\n                                            <div class=\"drsProducts-amount\">\r\n                                                <div class=\"drsProducts-amount-inner\">\r\n                                                    <span class=\"drsProducts-label\">Qty:<\/span>\r\n                                                    <div class=\"drsCounter\">\r\n                                                        <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, -1)\"><span>\u2212<\/span><\/button>\r\n                                                        <input type=\"number\" class=\"drsCounter-input\" value=\"0\" min=\"0\">\r\n                                                        <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, 1)\"><span>+<\/span><\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                                <div class=\"drsProducts-amount-inner\">\r\n                                                    <span class=\"drsProducts-label\">Days:<\/span>\r\n                                                    <div class=\"drsCounter duration\">\r\n                                                        <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, -1)\"><span>\u2212<\/span><\/button>\r\n                                                        <input type=\"number\" class=\"drsCounter-input\" value=\"0\" min=\"0\">\r\n                                                        <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, 1)\"><span>+<\/span><\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"drsProducts-arrow open-preview\">\r\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                                    <path d=\"m480-351 173-173-43-42-130 130-130-130-43 42 173 173Zm0 271q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z\"\/>\r\n                                                <\/svg>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n                        <\/div>\r\n\r\n                        <!--\/\/\/\/\/ GLOBAL DURATION \/\/\/\/\/-->\r\n                        <div class=\"drsProducts-cart-duration\">\r\n                            <span><strong>Days:<\/strong> All items<\/span>\r\n\r\n                            <div class=\"drsProducts-cart-duration-right\">\r\n                                <div class=\"drsCounter duration\">\r\n                                    <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, -1)\"><span>\u2212<\/span><\/button>\r\n                                    <input type=\"number\" class=\"drsCounter-input\" value=\"0\" min=\"0\">\r\n                                    <button type=\"button\" class=\"drsCounter-btn\" onclick=\"changeCount(this, 1)\"><span>+<\/span><\/button>\r\n                                <\/div>\r\n                                <div class=\"drsProducts-cart-duration-reset\" title=\"Reset\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                                        <path d=\"M480-160q-134 0-227-93t-93-227q0-134 93-227t227-93q69 0 132 28.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!--\/\/\/\/\/ PRODUCT CART BOTTOM \/\/\/\/\/-->\r\n                        <div class=\"drsProducts-cart-bottom\">\r\n                            <div class=\"drsProducts-cart-bottom-item\">\r\n                                <span class=\"small\"><strong class=\"fixed-105\">Sum net RENT:<\/strong> 1.850,00 \u20ac<\/span>\r\n                                <span class=\"small\"><strong class=\"fixed-105\">V.A.T. (19%):<\/strong> 351,50 \u20ac<\/span>\r\n                                <span><strong class=\"fixed-105\">Total gross:<\/strong> <strong>2.201,50 \u20ac<\/strong><\/span>\r\n                            <\/div>\r\n                            <div class=\"drsProducts-cart-bottom-item\">\r\n                                <a class=\"drsProducts-cart-submit\">Next<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/section>\r\n\r\n            <\/section>\r\n\r\n        <\/section>\r\n\r\n        <!--\/\/\/\/\/ CHECKOUT FORM \/\/\/\/\/-->\r\n        <section class=\"drsCalc-checkout\">\r\n            <div class=\"drsCalc-checkout-inner\">\r\n                <form class=\"drsCalc-form\">\r\n                    <h3 class=\"drsCalc-checkout-heading\">Your Details:<\/h3>\r\n                    <p class=\"drsCalc-checkout-text\">\r\n                        Please fill in your details below and click preview to review your order before proceeding with payment.\r\n                        All fields marked with <span class=\"red\">*<\/span> are required field.\r\n                    <\/p>\r\n                    <ul class=\"drsCalc-form-list mb-15 mt-15\">\r\n                        <li class=\"drsCalc-form-item\">\r\n                            <div class=\"drsCalc-custom-input required\">\r\n                                <label>Name<\/label>\r\n                                <input name=\"customer.name\" placeholder=\"Company, individual or customer ID\" type=\"text\" value=\"\"\/>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"drsCalc-form-item\">\r\n                            <div class=\"drsCalc-custom-input required\">\r\n                                <label>Email<\/label>\r\n                                <input name=\"customer.email\" class=\"valid-email\" placeholder=\"Enter a valid email\" type=\"text\" value=\"\"\/>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"drsCalc-form-item\">\r\n                            <div class=\"drsCalc-custom-input\">\r\n                                <label>Contact Person<\/label>\r\n                                <input name=\"customer.contactPerson\" placeholder=\"Name of contact person (companies only)\" type=\"text\" value=\"\"\/>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"drsCalc-form-item\">\r\n                            <div class=\"drsCalc-custom-input required\">\r\n                                <label>Contact Number<\/label>\r\n                                <input name=\"customer.phone\" class=\"numbers-only\" inputmode=\"numeric\" placeholder=\"Enter a valid contact number\" type=\"text\" value=\"\"\/>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"drsCalc-form-item\">\r\n                            <div class=\"drsCalc-custom-input\">\r\n                                <label>Subject<\/label>\r\n                                <input name=\"customer.subject\" placeholder=\"Enter a subject\" type=\"text\" value=\"\"\/>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"drsCalc-form-item\">\r\n                            <div class=\"drsCalc-custom-input\">\r\n                                <label>Photographer<\/label>\r\n                                <input name=\"customer.photographer\" placeholder=\"Name of photographer\" type=\"text\" value=\"\"\/>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n\r\n                    <h3 class=\"drsCalc-checkout-heading\">Dates & Times:<\/h3>\r\n                    <p class=\"drsCalc-checkout-text\">\r\n                        Please choose your from and to dates and times. <strong>Please note our working hours are between 09:00 and 18:00.<\/strong>\r\n                    <\/p>\r\n                    <ul class=\"drsCalc-form-list mb-15 mt-15\">\r\n                        <li class=\"drsCalc-form-item\">\r\n                            <div class=\"drsCalc-custom-input required\">\r\n                                <label>From Date<\/label>\r\n                                <input name=\"transfers.pickup.date\" type=\"date\" value=\"\" required aria-required=\"true\"\/>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"drsCalc-form-item\">\r\n                            <div class=\"drsCalc-custom-input required\">\r\n                                <label>From time<\/label>\r\n                                <input name=\"transfers.pickup.time\" type=\"time\" min=\"09:00\" max=\"18:00\" step=\"900\" value=\"\" required aria-required=\"true\"\/>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"drsCalc-form-item\">\r\n                            <div class=\"drsCalc-custom-input required\">\r\n                                <label>To Date<\/label>\r\n                                <input name=\"transfers.dropoff.date\" type=\"date\" value=\"\" required aria-required=\"true\"\/>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"drsCalc-form-item\">\r\n                            <div class=\"drsCalc-custom-input required\">\r\n                                <label>To Time<\/label>\r\n                                <input name=\"transfers.dropoff.time\" type=\"time\" min=\"09:00\" max=\"18:00\" step=\"900\" value=\"\" required aria-required=\"true\"\/>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n\r\n                    <p class=\"drsCalc-date-time-error-messages\"><\/p>\r\n\r\n                    <div class=\"drsCalc-checkout-btn-hold\">\r\n                        <a class=\"drsCalc-checkout-btn drsCalc-checkout-cancel grey\">Cancel<\/a>\r\n                        <a class=\"drsCalc-checkout-btn drsCalc-checkout-submit\">Preview<\/a>\r\n                    <\/div>\r\n\r\n                    <p class=\"drsCalc-checkout-error-messages\"><\/p>\r\n                <\/form>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!--\/\/\/\/\/ REVIEW SECTION \/\/\/\/\/-->\r\n        <section class=\"drsCalc-review\">\r\n            <div class=\"drsCalc-review-inner\">\r\n                <h3 class=\"drsCalc-checkout-heading center\">Review Details:<\/h3>\r\n                <p class=\"drsCalc-checkout-text center\">\r\n                    Please make sure all details are correct and then click \"submit\" to proceed.\r\n                <\/p>\r\n\r\n                <div class=\"drsCalc-review-invoice\">\r\n                    <img decoding=\"async\" src=\"https:\/\/qa.delight-rent.com\/wp-content\/uploads\/2026\/10\/invoice-preview-example.png\" alt=\"Invoice Preview\"\/>\r\n                <\/div>\r\n\r\n                <!--\/\/\/\/\/ IF SUBMIT ERROR \/\/\/\/\/-->\r\n                <p class=\"drsCalc-checkout-text error center mb-15\" style=\"display: none;\">\r\n                    Something went wrong. Please try again in a few minutes.\r\n                <\/p>\r\n\r\n                <div class=\"drsCalc-checkout-btn-hold center\">\r\n                    <a class=\"drsCalc-checkout-btn drsCalc-review-back grey\">Back<\/a>\r\n                    <a class=\"drsCalc-checkout-btn drsCalc-review-submit\">Submit<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!--\/\/\/\/\/ SUCCESS SECTION \/\/\/\/\/-->\r\n        <section class=\"drsCalc-success\">\r\n            <div class=\"drsCalc-success-inner\">\r\n                <div class=\"drsCalc-success-content\">\r\n                    <div class=\"drsCalc-success-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 -960 960 960\">\r\n                            <path d=\"m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"drsCalc-checkout-heading center\">Submitted Successfully!<\/h3>\r\n                    <p class=\"drsCalc-checkout-text mb-15 center\">\r\n                        Your order has been submitted successfully. <strong>Someone will be contact you to finalize details and payment as soon as possible.<\/strong>\r\n                    <\/p>\r\n\r\n                    <div class=\"drsCalc-checkout-btn-hold center\">\r\n                        <a class=\"drsCalc-checkout-btn drsCalc-success-done\">Done<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!--\/\/\/\/\/ FOOTER \/\/\/\/\/-->\r\n        <section class=\"drsCalc-footer\">\r\n            <span class=\"drsCalc-footer-text\">DRS Rent Calculator<\/span>\r\n            <a href=\"https:\/\/drs.epicdev.co\/terms-conditions-rental\/\" target=\"_blank\" class=\"drsCalc-footer-text\">Terms & Conditions<\/a>\r\n        <\/section>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\r\n    \/\/ DRS WINDOWS\r\n    let currentWindow = 1;\r\n    let isAnimating = false;\r\n\r\n    \/\/ UPDATE ACTIVE WINDOW CLASS\r\n    function updateActiveWindowClass(windowNumber) {\r\n        const drsCalc = document.querySelector(\"#drsCalc\");\r\n\r\n        if (!drsCalc) {\r\n            return;\r\n        }\r\n\r\n        \/\/ Remove any previous window-X-active class\r\n        Array.from(drsCalc.classList).forEach((className) => {\r\n            if (\/^window-\\d+-active$\/.test(className)) {\r\n                drsCalc.classList.remove(className);\r\n            }\r\n        });\r\n\r\n        \/\/ Add current active window class\r\n        drsCalc.classList.add(`window-${windowNumber}-active`);\r\n    }\r\n\r\n    \/\/ SET DEFAULT ACTIVE WINDOW CLASS\r\n    updateActiveWindowClass(currentWindow);\r\n\r\n    \/\/ SHOW WINDOW FUNCTION\r\n    function showWindow(targetWindow) {\r\n        if (targetWindow === currentWindow || isAnimating) {\r\n            return;\r\n        }\r\n\r\n        const windows = document.querySelector(\"#drsCalc .windows\");\r\n        const current = document.getElementById(`window-${currentWindow}`);\r\n        const target = document.getElementById(`window-${targetWindow}`);\r\n\r\n        if (!windows || !current || !target) {\r\n            return;\r\n        }\r\n\r\n        const movingForward = targetWindow > currentWindow;\r\n\r\n        \/\/ Mark animation as active\r\n        isAnimating = true;\r\n        windows.classList.add(\"animating\");\r\n\r\n        \/\/ Position target on the correct side first\r\n        target.classList.remove(\"active\", \"left\", \"right\");\r\n        target.classList.add(movingForward ? \"right\" : \"left\");\r\n\r\n        \/\/ Force browser to apply starting position\r\n        target.offsetWidth;\r\n\r\n        \/\/ Adjust container height to target window\r\n        updateWindowHeight(targetWindow);\r\n\r\n        \/\/ Move current window out\r\n        current.classList.remove(\"active\");\r\n        current.classList.add(movingForward ? \"left\" : \"right\");\r\n\r\n        \/\/ Move target window in\r\n        target.classList.remove(\"left\", \"right\");\r\n        target.classList.add(\"active\");\r\n\r\n        \/\/ Update current window\r\n        currentWindow = targetWindow;\r\n\r\n        \/\/ Update #drsCalc active window class\r\n        updateActiveWindowClass(currentWindow);\r\n\r\n        function animationFinished(event) {\r\n            if (event.propertyName !== \"transform\") {\r\n                return;\r\n            }\r\n\r\n            target.removeEventListener(\"transitionend\", animationFinished);\r\n\r\n            windows.classList.remove(\"animating\");\r\n            isAnimating = false;\r\n        }\r\n\r\n        target.addEventListener(\"transitionend\", animationFinished);\r\n    }\r\n\r\n    \/\/ UPDATE WINDOW HEIGHT\r\n    function updateWindowHeight(windowNumber) {\r\n        const windows = document.querySelector(\"#drsCalc .windows\");\r\n        const windowItem = document.getElementById(`window-${windowNumber}`);\r\n\r\n        if (!windows || !windowItem) {\r\n            return;\r\n        }\r\n\r\n        const maxHeight = 500;\r\n        const contentHeight = windowItem.scrollHeight;\r\n\r\n        windows.style.height = `${Math.min(contentHeight, maxHeight)}px`;\r\n    }\r\n\r\n    \/\/ DRS NUMBER COUNTER\r\n    function changeCount(button, amount) {\r\n        const counter = button.closest(\".drsCounter\");\r\n        const input = counter.querySelector(\".drsCounter-input\");\r\n\r\n        const min = Number(input.min || 0);\r\n        const max = input.max !== \"\" ? Number(input.max) : Infinity;\r\n\r\n        let value = Number(input.value || 0);\r\n\r\n        value += amount;\r\n\r\n        value = Math.max(min, Math.min(max, value));\r\n\r\n        input.value = value;\r\n\r\n        \/\/ Update product cart\r\n        updateProductCart();\r\n    }\r\n\r\n    \/\/ WATCH NUMBER COUNTER INPUTS\r\n    document.querySelectorAll(\"#drsCalc .drsCounter-input\").forEach((input) => {\r\n        input.addEventListener(\"input\", function () {\r\n            updateProductCart();\r\n        });\r\n    });\r\n\r\n    \/\/ OPEN PRODUCT PREVIEW\r\n    document.querySelectorAll(\".open-preview\").forEach((trigger) => {\r\n        trigger.addEventListener(\"click\", function () {\r\n            const item = this.closest(\".drsProducts-item\");\r\n\r\n            if (!item) {\r\n                return;\r\n            }\r\n\r\n            const drsCalc = document.querySelector(\"#drsCalc\");\r\n            const preview = document.querySelector(\"#drsCalc .drsProducts-preview\");\r\n            const previewInner = preview?.querySelector(\".drsProducts-preview-inner\");\r\n\r\n            if (!drsCalc || !preview || !previewInner) {\r\n                return;\r\n            }\r\n\r\n            const currentlyOpenItem = document.querySelector(\r\n                \"#drsCalc .drsProducts-item.open\"\r\n            );\r\n\r\n            const isSameItem = currentlyOpenItem === item;\r\n\r\n            \/\/ Close currently open item\r\n            if (currentlyOpenItem) {\r\n                currentlyOpenItem.classList.remove(\"open\");\r\n            }\r\n\r\n            \/\/ If clicking the same item, close preview\r\n            if (isSameItem) {\r\n                preview.style.height = \"0px\";\r\n                preview.classList.remove(\"open\");\r\n                drsCalc.classList.remove(\"preview-open\");\r\n\r\n                updateInfoSectionsState();\r\n\r\n                return;\r\n            }\r\n\r\n            \/\/ Open selected item\r\n            item.classList.add(\"open\");\r\n\r\n            \/\/ Reset preview image to first thumbnail\r\n            const firstThumbnail = preview.querySelector(\r\n                \".drsProducts-preview-thumbnails-item:first-child\"\r\n            );\r\n\r\n            if (firstThumbnail) {\r\n                setProductPreviewImage(firstThumbnail, false);\r\n            }\r\n\r\n            \/\/ Open shared preview\r\n            preview.classList.add(\"open\");\r\n            drsCalc.classList.add(\"preview-open\");\r\n\r\n            preview.style.height = `${previewInner.scrollHeight}px`;\r\n\r\n            updateInfoSectionsState();\r\n\r\n            \/\/ Scroll to preview after open animation completes\r\n            setTimeout(() => {\r\n                preview.scrollIntoView({\r\n                    behavior: \"smooth\",\r\n                    block: \"start\"\r\n                });\r\n            }, 275);\r\n        });\r\n    });\r\n\r\n    \/\/ UPDATE PRODUCT PREVIEW HEIGHT\r\n    function updateProductPreviewHeight() {\r\n        const preview = document.querySelector(\"#drsCalc .drsProducts-preview\");\r\n        const previewInner = preview?.querySelector(\".drsProducts-preview-inner\");\r\n\r\n        if (!preview || !previewInner) {\r\n            return;\r\n        }\r\n\r\n        \/\/ Only update if preview is currently open\r\n        if (!preview.classList.contains(\"open\")) {\r\n            return;\r\n        }\r\n\r\n        preview.style.height = `${previewInner.scrollHeight}px`;\r\n    }\r\n\r\n    \/\/ CLOSE PRODUCT PREVIEW\r\n    document.querySelectorAll(\".close-preview\").forEach((trigger) => {\r\n        trigger.addEventListener(\"click\", function () {\r\n            const drsCalc = document.querySelector(\"#drsCalc\");\r\n            const preview = document.querySelector(\"#drsCalc .drsProducts-preview\");\r\n            const currentlyOpenItem = document.querySelector(\r\n                \"#drsCalc .drsProducts-item.open\"\r\n            );\r\n\r\n            if (!drsCalc || !preview) {\r\n                return;\r\n            }\r\n\r\n            \/\/ Close selected product item\r\n            if (currentlyOpenItem) {\r\n                currentlyOpenItem.classList.remove(\"open\");\r\n            }\r\n\r\n            \/\/ Close shared preview\r\n            preview.style.height = \"0px\";\r\n            preview.classList.remove(\"open\");\r\n            drsCalc.classList.remove(\"preview-open\");\r\n\r\n            updateInfoSectionsState();\r\n        });\r\n    });\r\n\r\n    \/\/ SET INITIAL WINDOW HEIGHT\r\n    updateWindowHeight(currentWindow);\r\n\r\n    \/\/ UPDATE HEIGHT ON RESIZE\r\n    window.addEventListener(\"resize\", function () {\r\n        updateWindowHeight(currentWindow);\r\n    });\r\n\r\n    \/\/ SET PRODUCT PREVIEW IMAGE\r\n    function setProductPreviewImage(thumbnail, animate = true) {\r\n        const preview = document.querySelector(\"#drsCalc .drsProducts-preview\");\r\n        const previewImage = preview?.querySelector(\".drsProducts-preview-image\");\r\n        const thumbnails = preview?.querySelectorAll(\r\n            \".drsProducts-preview-thumbnails-item\"\r\n        );\r\n\r\n        if (!previewImage || !thumbnail || !thumbnails) {\r\n            return;\r\n        }\r\n\r\n        const newImage = thumbnail.style.backgroundImage;\r\n        const currentImage = previewImage.style.backgroundImage;\r\n\r\n        \/\/ Remove active state from all thumbnails\r\n        thumbnails.forEach((item) => {\r\n            item.classList.remove(\"active\");\r\n        });\r\n\r\n        \/\/ Set selected thumbnail as active\r\n        thumbnail.classList.add(\"active\");\r\n\r\n        \/\/ Do nothing if image is already selected\r\n        if (newImage === currentImage) {\r\n            return;\r\n        }\r\n\r\n        \/\/ Change immediately when animation is not required\r\n        if (!animate) {\r\n            previewImage.style.backgroundImage = newImage;\r\n            previewImage.classList.remove(\"changing\");\r\n            return;\r\n        }\r\n\r\n        \/\/ Store old image for crossfade layer\r\n        previewImage.style.setProperty(\r\n            \"--previous-image\",\r\n            currentImage\r\n        );\r\n\r\n        \/\/ Place new image underneath\r\n        previewImage.style.backgroundImage = newImage;\r\n\r\n        \/\/ Restart animation\r\n        previewImage.classList.remove(\"changing\");\r\n        void previewImage.offsetWidth;\r\n        previewImage.classList.add(\"changing\");\r\n    }\r\n\r\n    \/\/ PRODUCT PREVIEW THUMBNAILS\r\n    document.querySelectorAll(\"#drsCalc .drsProducts-preview-thumbnails-item\").forEach((thumbnail) => {\r\n\r\n        thumbnail.addEventListener(\"click\", function () {\r\n            setProductPreviewImage(this);\r\n        });\r\n\r\n    });\r\n\r\n    \/\/ SHARE PRODUCT\r\n    document.querySelectorAll(\".open-share\").forEach((share) => {\r\n        share.addEventListener(\"click\", async function () {\r\n\r\n            const title = this.dataset.shareTitle;\r\n            const url = this.dataset.shareUrl;\r\n\r\n            \/\/ Try native share first\r\n            if (navigator.share) {\r\n                try {\r\n                    await navigator.share({\r\n                        title: title,\r\n                        url: url\r\n                    });\r\n\r\n                    return;\r\n                } catch (error) {\r\n\r\n                    \/\/ User manually closed\/cancelled native share\r\n                    if (error.name === \"AbortError\") {\r\n                        return;\r\n                    }\r\n\r\n                    \/\/ Otherwise fall through to copy fallback\r\n                }\r\n            }\r\n\r\n            \/\/ Fallback - copy share URL\r\n            await copyShareLink(url);\r\n        });\r\n    });\r\n\r\n    \/\/ COPY SHARE LINK\r\n    async function copyShareLink(url) {\r\n        try {\r\n            await navigator.clipboard.writeText(url);\r\n\r\n            showShareSnackbar(\"Share Link Copied\");\r\n        } catch (error) {\r\n\r\n            \/\/ Older browser fallback\r\n            const textarea = document.createElement(\"textarea\");\r\n\r\n            textarea.value = url;\r\n            textarea.style.position = \"fixed\";\r\n            textarea.style.opacity = \"0\";\r\n\r\n            document.body.appendChild(textarea);\r\n\r\n            textarea.select();\r\n            document.execCommand(\"copy\");\r\n\r\n            textarea.remove();\r\n\r\n            showShareSnackbar(\"Share Link Copied\");\r\n        }\r\n    }\r\n\r\n    \/\/ SHARE SNACKBAR\r\n    function showShareSnackbar(message) {\r\n        let snackbar = document.querySelector(\"#share-snackbar\");\r\n\r\n        \/\/ Create once if it doesn't exist\r\n        if (!snackbar) {\r\n            snackbar = document.createElement(\"div\");\r\n            snackbar.id = \"share-snackbar\";\r\n\r\n            document.body.appendChild(snackbar);\r\n        }\r\n\r\n        snackbar.textContent = message;\r\n\r\n        \/\/ Restart animation if clicked repeatedly\r\n        snackbar.classList.remove(\"show\");\r\n        void snackbar.offsetWidth;\r\n        snackbar.classList.add(\"show\");\r\n\r\n        clearTimeout(snackbar.hideTimeout);\r\n\r\n        snackbar.hideTimeout = setTimeout(() => {\r\n            snackbar.classList.remove(\"show\");\r\n        }, 2500);\r\n    }\r\n\r\n    \/\/ OPEN PRODUCT CART\r\n    function updateProductCart() {\r\n        const cart = document.querySelector(\"#drsCalc .drsProducts-cart\");\r\n        const cartInner = cart?.querySelector(\".drsProducts-cart-inner\");\r\n        const counters = document.querySelectorAll(\"#drsCalc .drsCounter-input\");\r\n\r\n        if (!cart || !cartInner) {\r\n            return;\r\n        }\r\n\r\n        const hasProducts = Array.from(counters).some((input) => {\r\n            return Number(input.value) > 0;\r\n        });\r\n\r\n        \/\/ Check whether cart was already open\r\n        const wasActive = cart.classList.contains(\"active\");\r\n\r\n        if (hasProducts) {\r\n            cart.classList.add(\"active\");\r\n            cart.style.height = `${cartInner.scrollHeight}px`;\r\n\r\n            \/\/ Scroll only when cart first opens\r\n            if (!wasActive) {\r\n                setTimeout(() => {\r\n                    cart.scrollIntoView({\r\n                        behavior: \"smooth\",\r\n                        block: \"start\"\r\n                    });\r\n                }, 275);\r\n            }\r\n        } else {\r\n            cart.style.height = \"0px\";\r\n            cart.classList.remove(\"active\");\r\n        }\r\n\r\n        updateInfoSectionsState();\r\n    }\r\n\r\n    \/\/ UPDATE PRODUCT CART HEIGHT\r\n    function updateProductCartHeight() {\r\n        const cart = document.querySelector(\"#drsCalc .drsProducts-cart\");\r\n        const cartInner = cart?.querySelector(\".drsProducts-cart-inner\");\r\n\r\n        if (!cart || !cartInner || !cart.classList.contains(\"active\")) {\r\n            return;\r\n        }\r\n\r\n        cart.style.height = `${cartInner.scrollHeight}px`;\r\n    }\r\n\r\n    \/\/ UPDATE INFO SECTIONS STATE\r\n    function updateInfoSectionsState() {\r\n        const drsCalc = document.querySelector(\"#drsCalc\");\r\n        const cart = document.querySelector(\"#drsCalc .drsProducts-cart\");\r\n        const preview = document.querySelector(\"#drsCalc .drsProducts-preview\");\r\n\r\n        if (!drsCalc || !cart || !preview) {\r\n            return;\r\n        }\r\n\r\n        const hasActiveInfoSection =\r\n            cart.classList.contains(\"active\") ||\r\n            preview.classList.contains(\"open\");\r\n\r\n        drsCalc.classList.toggle(\r\n            \"active-info-sections\",\r\n            hasActiveInfoSection\r\n        );\r\n    }\r\n\r\n    \/\/ UPDATE HEIGHTS ON RESIZE\r\n    window.addEventListener(\"resize\", function () {\r\n        updateWindowHeight(currentWindow);\r\n        updateProductPreviewHeight();\r\n        updateProductCartHeight();\r\n        updateCheckoutHeight();\r\n        updateReviewHeight();\r\n        updateSuccessHeight();\r\n    });\r\n\r\n    \/\/ CUSTOM INPUTS\r\n    document.querySelectorAll(\"#drsCalc .drsCalc-custom-input\").forEach((field) => {\r\n        const input = field.querySelector(\"input\");\r\n\r\n        if (!input) {\r\n            return;\r\n        }\r\n\r\n        \/\/ Set initial state\r\n        updateCustomInput(field, input);\r\n\r\n        \/\/ Input focused\r\n        input.addEventListener(\"focus\", function () {\r\n            field.classList.add(\"focused\");\r\n        });\r\n\r\n        \/\/ Input loses focus\r\n        input.addEventListener(\"blur\", function () {\r\n            field.classList.remove(\"focused\");\r\n\r\n            updateCustomInput(field, input);\r\n        });\r\n\r\n        \/\/ Input value changed\r\n        input.addEventListener(\"input\", function () {\r\n            updateCustomInput(field, input);\r\n        });\r\n\r\n        \/\/ Input changed\r\n        input.addEventListener(\"change\", function () {\r\n            updateCustomInput(field, input);\r\n        });\r\n    });\r\n\r\n    \/\/ UPDATE CUSTOM INPUT STATE\r\n    function updateCustomInput(field, input) {\r\n        const isDateInput = input.type === \"date\";\r\n        const hasValue = input.value.trim() !== \"\";\r\n\r\n        \/\/ Date inputs always require floating label\r\n        field.classList.toggle(\r\n            \"has-value\",\r\n            isDateInput || hasValue\r\n        );\r\n    }\r\n\r\n    \/\/ CART SUBMIT\r\n    document.querySelectorAll(\"#drsCalc .drsProducts-cart-submit\").forEach((trigger) => {\r\n        trigger.addEventListener(\"click\", function () {\r\n            const checkout = document.querySelector(\"#drsCalc .drsCalc-checkout\");\r\n            const checkoutInner = checkout?.querySelector(\".drsCalc-checkout-inner\");\r\n\r\n            if (!checkout || !checkoutInner) {\r\n                return;\r\n            }\r\n\r\n            \/\/ Open checkout\r\n            checkout.classList.add(\"active\");\r\n            checkout.style.height = `${checkoutInner.scrollHeight}px`;\r\n\r\n            setTimeout(() => {\r\n                checkout.scrollIntoView({\r\n                    behavior: \"smooth\",\r\n                    block: \"start\"\r\n                });\r\n            }, 250);\r\n        });\r\n    });\r\n\r\n    \/\/ OPEN CHECKOUT\r\n    function openCheckout() {\r\n        const checkout = document.querySelector(\"#drsCalc .drsCalc-checkout\");\r\n        const checkoutInner = checkout?.querySelector(\".drsCalc-checkout-inner\");\r\n\r\n        if (!checkout || !checkoutInner) {\r\n            return;\r\n        }\r\n\r\n        checkout.classList.add(\"active\");\r\n        checkout.style.height = `${checkoutInner.scrollHeight}px`;\r\n\r\n        setTimeout(() => {\r\n            checkout.scrollIntoView({\r\n                behavior: \"smooth\",\r\n                block: \"start\"\r\n            });\r\n        }, 250);\r\n    }\r\n\r\n    \/\/ CLOSE CHECKOUT\r\n    function closeCheckout() {\r\n        const checkout = document.querySelector(\"#drsCalc .drsCalc-checkout\");\r\n\r\n        if (!checkout) {\r\n            return;\r\n        }\r\n\r\n        checkout.style.height = \"0px\";\r\n        checkout.classList.remove(\"active\");\r\n    }\r\n\r\n    \/\/ CHECKOUT CANCEL\r\n    document.querySelectorAll(\"#drsCalc .drsCalc-checkout-cancel\").forEach((trigger) => {\r\n        trigger.addEventListener(\"click\", function () {\r\n            closeCheckout();\r\n        });\r\n    });\r\n\r\n    \/\/ UPDATE CHECKOUT HEIGHT\r\n    function updateCheckoutHeight() {\r\n        const checkout = document.querySelector(\"#drsCalc .drsCalc-checkout\");\r\n        const checkoutInner = checkout?.querySelector(\".drsCalc-checkout-inner\");\r\n\r\n        if (\r\n            !checkout ||\r\n            !checkoutInner ||\r\n            !checkout.classList.contains(\"active\")\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        checkout.style.height = `${checkoutInner.scrollHeight}px`;\r\n    }\r\n\r\n    \/\/ DATE & TIME INPUTS\r\n    document.querySelectorAll(\r\n        \"#drsCalc .drsCalc-custom-input input[type='date'], \" +\r\n        \"#drsCalc .drsCalc-custom-input input[type='time']\"\r\n    ).forEach((input) => {\r\n        input.addEventListener(\"click\", function (event) {\r\n            const inputRect = this.getBoundingClientRect();\r\n\r\n            \/\/ Leave native picker icon area to browser\r\n            const clickedPickerIcon =\r\n                event.clientX >= inputRect.right - 40;\r\n\r\n            if (clickedPickerIcon) {\r\n                return;\r\n            }\r\n\r\n            \/\/ Open picker when clicking elsewhere in field\r\n            if (typeof this.showPicker === \"function\") {\r\n                this.showPicker();\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ VALIDATE TIME INPUTS\r\n    document.querySelectorAll(\"#drsCalc .drsCalc-custom-input input[type='time']\").forEach((input) => {\r\n        input.addEventListener(\"change\", function () {\r\n            if (!this.value) {\r\n                return;\r\n            }\r\n\r\n            const min = this.min || \"00:00\";\r\n            const max = this.max || \"23:59\";\r\n            const stepSeconds = Number(this.step || 60);\r\n\r\n            let valueMinutes = timeToMinutes(this.value);\r\n            const minMinutes = timeToMinutes(min);\r\n            const maxMinutes = timeToMinutes(max);\r\n            const stepMinutes = stepSeconds \/ 60;\r\n\r\n            \/\/ Clamp to working hours\r\n            valueMinutes = Math.max(\r\n                minMinutes,\r\n                Math.min(maxMinutes, valueMinutes)\r\n            );\r\n\r\n            \/\/ Snap to nearest allowed step\r\n            const stepsFromMin = Math.round(\r\n                (valueMinutes - minMinutes) \/ stepMinutes\r\n            );\r\n\r\n            valueMinutes =\r\n                minMinutes + (stepsFromMin * stepMinutes);\r\n\r\n            \/\/ Clamp again in case rounding exceeded max\r\n            valueMinutes = Math.max(\r\n                minMinutes,\r\n                Math.min(maxMinutes, valueMinutes)\r\n            );\r\n\r\n            this.value = minutesToTime(valueMinutes);\r\n        });\r\n    });\r\n\r\n    \/\/ CONVERT TIME TO MINUTES\r\n    function timeToMinutes(time) {\r\n        const [hours, minutes] = time.split(\":\").map(Number);\r\n\r\n        return (hours * 60) + minutes;\r\n    }\r\n\r\n    \/\/ CONVERT MINUTES TO TIME\r\n    function minutesToTime(totalMinutes) {\r\n        const hours = Math.floor(totalMinutes \/ 60);\r\n        const minutes = totalMinutes % 60;\r\n\r\n        return `${String(hours).padStart(2, \"0\")}:${String(minutes).padStart(2, \"0\")}`;\r\n    }\r\n\r\n    \/\/ NUMBERS ONLY INPUTS\r\n    document.querySelectorAll(\r\n        \"#drsCalc .drsCalc-custom-input input.numbers-only\"\r\n    ).forEach((input) => {\r\n\r\n        \/\/ Show numeric keyboard on supported mobile devices\r\n        input.setAttribute(\"inputmode\", \"numeric\");\r\n        input.setAttribute(\"pattern\", \"[0-9]*\");\r\n\r\n        input.addEventListener(\"input\", function () {\r\n            const cleanedValue = this.value.replace(\/[^0-9]\/g, \"\");\r\n\r\n            if (this.value !== cleanedValue) {\r\n                this.value = cleanedValue;\r\n\r\n                \/\/ Recheck floating label after invalid characters are removed\r\n                const field = this.closest(\".drsCalc-custom-input\");\r\n\r\n                if (field) {\r\n                    updateCustomInput(field, this);\r\n                }\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ CHECKOUT VALIDATION\r\n    let checkoutValidationStarted = false;\r\n\r\n    \/\/ CHECKOUT SUBMIT\r\n    document.querySelectorAll(\"#drsCalc .drsCalc-checkout-submit\").forEach((trigger) => {\r\n        trigger.addEventListener(\"click\", function (event) {\r\n            event.preventDefault();\r\n\r\n            \/\/ Validation only becomes active after first submit attempt\r\n            checkoutValidationStarted = true;\r\n\r\n            \/\/ Validate all checkout fields on every submit attempt.\r\n            const hasValidCustomerDetails = validateCheckoutForm();\r\n            const hasValidDatesAndTimes = validateCheckoutDateTimeFields();\r\n\r\n            if (!hasValidCustomerDetails || !hasValidDatesAndTimes) {\r\n\r\n                const checkout = document.querySelector(\r\n                    \"#drsCalc .drsCalc-checkout\"\r\n                );\r\n\r\n                if (checkout) {\r\n                    checkout.scrollIntoView({\r\n                        behavior: \"smooth\",\r\n                        block: \"start\"\r\n                    });\r\n                }\r\n\r\n                return;\r\n            }\r\n\r\n            \/\/ Everything required is valid.\r\n            closeCheckout();\r\n            openReview();\r\n        });\r\n    });\r\n\r\n    \/\/ VALIDATE CHECKOUT FORM\r\n    function validateCheckoutForm() {\r\n        const form = document.querySelector(\"#drsCalc .drsCalc-form\");\r\n\r\n        if (!form) {\r\n            return false;\r\n        }\r\n\r\n        let isValid = true;\r\n\r\n        \/\/ Required fields\r\n        form.querySelectorAll(\".drsCalc-custom-input.required\").forEach((field) => {\r\n            const input = field.querySelector(\"input\");\r\n\r\n            if (!input) {\r\n                return;\r\n            }\r\n\r\n            \/\/ Date and time fields receive range and ordering validation below.\r\n            if (input.matches(\"input[type='date'], input[type='time']\")) {\r\n                return;\r\n            }\r\n\r\n            const isEmpty = input.value.trim() === \"\";\r\n\r\n            field.classList.toggle(\"error\", isEmpty);\r\n\r\n            if (isEmpty) {\r\n                isValid = false;\r\n            }\r\n        });\r\n\r\n        \/\/ Email fields\r\n        form.querySelectorAll(\"input.valid-email\").forEach((input) => {\r\n            const field = input.closest(\".drsCalc-custom-input\");\r\n\r\n            if (!field) {\r\n                return;\r\n            }\r\n\r\n            const value = input.value.trim();\r\n\r\n            \/\/ Empty required email is handled by required validation\r\n            if (value === \"\") {\r\n                if (!field.classList.contains(\"required\")) {\r\n                    field.classList.remove(\"error\");\r\n                }\r\n\r\n                return;\r\n            }\r\n\r\n            const validEmail = isValidEmail(value);\r\n\r\n            field.classList.toggle(\"error\", !validEmail);\r\n\r\n            if (!validEmail) {\r\n                isValid = false;\r\n            }\r\n        });\r\n\r\n        updateCheckoutErrorMessages();\r\n\r\n        return isValid;\r\n    }\r\n\r\n    \/\/ VALIDATE EMAIL FORMAT\r\n    function isValidEmail(value) {\r\n        const emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n\r\n        return emailPattern.test(value);\r\n    }\r\n\r\n    \/\/ UPDATE CHECKOUT ERROR MESSAGES\r\n    function updateCheckoutErrorMessages() {\r\n        const errorMessages = document.querySelector(\r\n            \"#drsCalc .drsCalc-checkout-error-messages\"\r\n        );\r\n\r\n        if (!errorMessages) {\r\n            return;\r\n        }\r\n\r\n        const invalidEmail = Array.from(\r\n            document.querySelectorAll(\"#drsCalc input.valid-email\")\r\n        ).some((input) => {\r\n            const field = input.closest(\".drsCalc-custom-input\");\r\n            const value = input.value.trim();\r\n\r\n            return (\r\n                field &&\r\n                field.classList.contains(\"error\") &&\r\n                value !== \"\" &&\r\n                !isValidEmail(value)\r\n            );\r\n        });\r\n\r\n        errorMessages.textContent =\r\n            invalidEmail ? \"Please enter a valid email\" : \"\";\r\n\r\n        \/\/ Error message can change checkout height\r\n        updateCheckoutHeight();\r\n    }\r\n\r\n    \/\/ CHECKOUT LIVE VALIDATION\r\n    document.querySelectorAll(\r\n        \"#drsCalc .drsCalc-custom-input input\"\r\n    ).forEach((input) => {\r\n\r\n        input.addEventListener(\"input\", function () {\r\n            if (!checkoutValidationStarted) {\r\n                return;\r\n            }\r\n\r\n            const field = this.closest(\".drsCalc-custom-input\");\r\n\r\n            if (!field) {\r\n                return;\r\n            }\r\n\r\n            const hadError = field.classList.contains(\"error\");\r\n            const value = this.value.trim();\r\n\r\n\r\n            \/\/ Required validation\r\n            if (field.classList.contains(\"required\")) {\r\n                field.classList.toggle(\r\n                    \"error\",\r\n                    value === \"\"\r\n                );\r\n            }\r\n\r\n\r\n            \/\/ Email validation\r\n            \/\/ Only continually validate email if it already had an error\r\n            if (\r\n                this.classList.contains(\"valid-email\") &&\r\n                hadError\r\n            ) {\r\n                if (value === \"\") {\r\n\r\n                    \/\/ Keep error if email is also required\r\n                    field.classList.toggle(\r\n                        \"error\",\r\n                        field.classList.contains(\"required\")\r\n                    );\r\n\r\n                } else {\r\n\r\n                    field.classList.toggle(\r\n                        \"error\",\r\n                        !isValidEmail(value)\r\n                    );\r\n\r\n                }\r\n\r\n                updateCheckoutErrorMessages();\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ OPEN TIME CHECK DIALOG\r\n    function openTimeCheckDialog() {\r\n        const dialog = document.querySelector(\"#drsCalc .drsCalc-dialog\");\r\n\r\n        if (!dialog) {\r\n            return;\r\n        }\r\n\r\n        dialog.classList.add(\"active\");\r\n    }\r\n\r\n    \/\/ CLOSE TIME CHECK DIALOG\r\n    function closeTimeCheckDialog() {\r\n        const dialog = document.querySelector(\"#drsCalc .drsCalc-dialog\");\r\n\r\n        if (!dialog) {\r\n            return;\r\n        }\r\n\r\n        dialog.classList.remove(\"active\");\r\n    }\r\n\r\n    \/\/ VALIDATE REQUIRED DATE AND TIME FIELDS\r\n    function validateCheckoutDateTimeFields() {\r\n        const pickupDate = document.querySelector(\r\n            \"#drsCalc [name='transfers.pickup.date']\"\r\n        );\r\n        const pickupTime = document.querySelector(\r\n            \"#drsCalc [name='transfers.pickup.time']\"\r\n        );\r\n        const dropoffDate = document.querySelector(\r\n            \"#drsCalc [name='transfers.dropoff.date']\"\r\n        );\r\n        const dropoffTime = document.querySelector(\r\n            \"#drsCalc [name='transfers.dropoff.time']\"\r\n        );\r\n        const messageElement = document.querySelector(\r\n            \"#drsCalc .drsCalc-date-time-error-messages\"\r\n        );\r\n        const inputs = [pickupDate, pickupTime, dropoffDate, dropoffTime];\r\n        const invalidInputs = new Set();\r\n        let message = \"\";\r\n\r\n        if (inputs.some((input) => !input)) {\r\n            return false;\r\n        }\r\n\r\n        inputs.forEach((input) => {\r\n            if (input.value.trim() === \"\") {\r\n                invalidInputs.add(input);\r\n            }\r\n        });\r\n\r\n        if (invalidInputs.size > 0) {\r\n            message = \"Please select pickup and return dates and times.\";\r\n        } else if (!pickupDate.validity.valid) {\r\n            invalidInputs.add(pickupDate);\r\n            message = `The pickup date must be on or after ${pickupDate.min}.`;\r\n        } else if (!dropoffDate.validity.valid) {\r\n            invalidInputs.add(dropoffDate);\r\n            message = `The return date must be on or after ${dropoffDate.min}.`;\r\n        } else if (!pickupTime.validity.valid || !dropoffTime.validity.valid) {\r\n            if (!pickupTime.validity.valid) {\r\n                invalidInputs.add(pickupTime);\r\n            }\r\n\r\n            if (!dropoffTime.validity.valid) {\r\n                invalidInputs.add(dropoffTime);\r\n            }\r\n\r\n            message = \"Please select times between 09:00 and 18:00 in 15-minute intervals.\";\r\n        }\r\n\r\n        if (!message) {\r\n            const pickupAt = `${pickupDate.value}T${pickupTime.value}`;\r\n            const dropoffAt = `${dropoffDate.value}T${dropoffTime.value}`;\r\n\r\n            if (dropoffAt <= pickupAt) {\r\n                invalidInputs.add(dropoffDate);\r\n                invalidInputs.add(dropoffTime);\r\n                message = \"The return date and time must be later than the pickup date and time.\";\r\n            }\r\n        }\r\n\r\n        inputs.forEach((input) => {\r\n            const field = input.closest(\".drsCalc-custom-input\");\r\n\r\n            if (!field) {\r\n                return;\r\n            }\r\n\r\n            const invalid = invalidInputs.has(input);\r\n            field.classList.toggle(\"error\", invalid);\r\n            if (invalid) {\r\n                input.setAttribute(\"aria-invalid\", \"true\");\r\n            } else {\r\n                input.removeAttribute(\"aria-invalid\");\r\n            }\r\n        });\r\n\r\n        if (messageElement) {\r\n            messageElement.textContent = message;\r\n        }\r\n\r\n        updateCheckoutHeight();\r\n\r\n        return message === \"\";\r\n    }\r\n\r\n    \/\/ DATE AND TIME LIVE VALIDATION\r\n    document.querySelectorAll(\r\n        \"#drsCalc .drsCalc-checkout input[type='date'], #drsCalc .drsCalc-checkout input[type='time']\"\r\n    ).forEach((input) => {\r\n\r\n        function updateDateTimeError() {\r\n            if (!checkoutValidationStarted) {\r\n                return;\r\n            }\r\n\r\n            validateCheckoutDateTimeFields();\r\n        }\r\n\r\n        input.addEventListener(\"input\", updateDateTimeError);\r\n        input.addEventListener(\"change\", updateDateTimeError);\r\n    });\r\n\r\n    \/\/ CLEAR DATE AND TIME ERRORS\r\n    function clearCheckoutDateTimeErrors() {\r\n        document.querySelectorAll(\r\n            \"#drsCalc .drsCalc-checkout input[type='date'], #drsCalc .drsCalc-checkout input[type='time']\"\r\n        ).forEach((input) => {\r\n            const field = input.closest(\".drsCalc-custom-input\");\r\n\r\n            if (field) {\r\n                field.classList.remove(\"error\");\r\n            }\r\n\r\n            input.removeAttribute(\"aria-invalid\");\r\n        });\r\n\r\n        const messageElement = document.querySelector(\r\n            \"#drsCalc .drsCalc-date-time-error-messages\"\r\n        );\r\n\r\n        if (messageElement) {\r\n            messageElement.textContent = \"\";\r\n        }\r\n    }\r\n\r\n    \/\/ OPEN REVIEW\r\n    function openReview() {\r\n        const review = document.querySelector(\"#drsCalc .drsCalc-review\");\r\n        const reviewInner = review?.querySelector(\".drsCalc-review-inner\");\r\n\r\n        if (!review || !reviewInner) {\r\n            return;\r\n        }\r\n\r\n        review.classList.add(\"active\");\r\n        review.style.height = `${reviewInner.scrollHeight}px`;\r\n\r\n        \/\/ Scroll to review after open animation completes\r\n        setTimeout(() => {\r\n            review.scrollIntoView({\r\n                behavior: \"smooth\",\r\n                block: \"start\"\r\n            });\r\n        }, 275);\r\n    }\r\n\r\n    \/\/ CLOSE REVIEW\r\n    function closeReview() {\r\n        const review = document.querySelector(\"#drsCalc .drsCalc-review\");\r\n\r\n        if (!review) {\r\n            return;\r\n        }\r\n\r\n        review.style.height = \"0px\";\r\n        review.classList.remove(\"active\");\r\n    }\r\n\r\n    \/\/ UPDATE REVIEW HEIGHT\r\n    function updateReviewHeight() {\r\n        const review = document.querySelector(\"#drsCalc .drsCalc-review\");\r\n        const reviewInner = review?.querySelector(\".drsCalc-review-inner\");\r\n\r\n        if (\r\n            !review ||\r\n            !reviewInner ||\r\n            !review.classList.contains(\"active\")\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        review.style.height = `${reviewInner.scrollHeight}px`;\r\n    }\r\n\r\n    \/\/ REVIEW BACK\r\n    document.querySelectorAll(\"#drsCalc .drsCalc-review-back\").forEach((trigger) => {\r\n        trigger.addEventListener(\"click\", function () {\r\n\r\n            \/\/ Close review section\r\n            closeReview();\r\n\r\n            \/\/ Open checkout section\r\n            openCheckout();\r\n        });\r\n    });\r\n\r\n    \/\/ OPEN SUCCESS\r\n    function openSuccess() {\r\n        const drsCalc = document.querySelector(\"#drsCalc\");\r\n        const success = document.querySelector(\"#drsCalc .drsCalc-success\");\r\n        const successInner = success?.querySelector(\".drsCalc-success-inner\");\r\n\r\n        if (!drsCalc || !success || !successInner) {\r\n            return;\r\n        }\r\n\r\n        \/\/ Set success state\r\n        drsCalc.classList.add(\"success-open\");\r\n\r\n        \/\/ Open success section\r\n        success.classList.add(\"active\");\r\n        success.style.height = `${successInner.scrollHeight}px`;\r\n\r\n        \/\/ Scroll to success after open animation completes\r\n        setTimeout(() => {\r\n            success.scrollIntoView({\r\n                behavior: \"smooth\",\r\n                block: \"start\"\r\n            });\r\n        }, 275);\r\n    }\r\n\r\n    \/\/ CLOSE SUCCESS\r\n    function closeSuccess() {\r\n        const drsCalc = document.querySelector(\"#drsCalc\");\r\n        const success = document.querySelector(\"#drsCalc .drsCalc-success\");\r\n\r\n        if (!drsCalc || !success) {\r\n            return;\r\n        }\r\n\r\n        \/\/ Close success section\r\n        success.style.height = \"0px\";\r\n        success.classList.remove(\"active\");\r\n\r\n        \/\/ Remove success state\r\n        drsCalc.classList.remove(\"success-open\");\r\n    }\r\n\r\n    \/\/ UPDATE SUCCESS HEIGHT\r\n    function updateSuccessHeight() {\r\n        const success = document.querySelector(\"#drsCalc .drsCalc-success\");\r\n        const successInner = success?.querySelector(\".drsCalc-success-inner\");\r\n\r\n        if (\r\n            !success ||\r\n            !successInner ||\r\n            !success.classList.contains(\"active\")\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        success.style.height = `${successInner.scrollHeight}px`;\r\n    }\r\n\r\n    \/\/ HIDE WINDOWS\r\n    function hideWindows() {\r\n        const windows = document.querySelector(\"#drsCalc .windows\");\r\n\r\n        if (!windows) {\r\n            return;\r\n        }\r\n\r\n        windows.style.display = \"none\";\r\n    }\r\n\r\n    \/\/ SHOW WINDOWS\r\n    function showWindows() {\r\n        const windows = document.querySelector(\"#drsCalc .windows\");\r\n\r\n        if (!windows) {\r\n            return;\r\n        }\r\n\r\n        windows.style.display = \"\";\r\n\r\n        updateWindowHeight(currentWindow);\r\n    }\r\n\r\n    \/\/ RESET WINDOWS\r\n    function resetWindows() {\r\n        const windows = document.querySelector(\"#drsCalc .windows\");\r\n        const windowItems = document.querySelectorAll(\r\n            \"#drsCalc .windows .window-item\"\r\n        );\r\n        const firstWindow = document.querySelector(\r\n            \"#drsCalc .windows #window-1\"\r\n        );\r\n\r\n        if (!windows || !firstWindow) {\r\n            return;\r\n        }\r\n\r\n        \/\/ Stop any window animation state\r\n        isAnimating = false;\r\n        windows.classList.remove(\"animating\");\r\n\r\n        \/\/ Reset all window positions\r\n        windowItems.forEach((item) => {\r\n            item.classList.remove(\r\n                \"active\",\r\n                \"left\",\r\n                \"right\"\r\n            );\r\n        });\r\n\r\n        \/\/ Restore first window\r\n        firstWindow.classList.add(\"active\");\r\n\r\n        currentWindow = 1;\r\n\r\n        \/\/ Restore root window state\r\n        updateActiveWindowClass(1);\r\n\r\n        \/\/ Restore window container height\r\n        updateWindowHeight(1);\r\n    }\r\n\r\n    \/\/ RESET CALCULATOR AFTER SUBMIT\r\n    function resetCalculator() {\r\n        const drsCalc = document.querySelector(\"#drsCalc\");\r\n        const cart = document.querySelector(\"#drsCalc .drsProducts-cart\");\r\n        const preview = document.querySelector(\"#drsCalc .drsProducts-preview\");\r\n        const errorMessages = document.querySelector(\r\n            \"#drsCalc .drsCalc-checkout-error-messages\"\r\n        );\r\n\r\n        if (!drsCalc) {\r\n            return;\r\n        }\r\n\r\n        \/\/ RESET ALL INPUTS\r\n        document.querySelectorAll(\"#drsCalc input\").forEach((input) => {\r\n\r\n            \/\/ Restore initial\/default value\r\n            input.value = input.defaultValue;\r\n\r\n            const field = input.closest(\".drsCalc-custom-input\");\r\n\r\n            if (field) {\r\n                field.classList.remove(\r\n                    \"error\",\r\n                    \"focused\"\r\n                );\r\n\r\n                \/\/ Restore correct floating-label state\r\n                updateCustomInput(field, input);\r\n            }\r\n        });\r\n\r\n        \/\/ RESET CHECKOUT VALIDATION\r\n        checkoutValidationStarted = false;\r\n\r\n        if (errorMessages) {\r\n            errorMessages.textContent = \"\";\r\n        }\r\n\r\n        \/\/ CLOSE TIME WARNING DIALOG\r\n        closeTimeCheckDialog();\r\n\r\n        \/\/ CLOSE REVIEW\r\n        closeReview();\r\n\r\n        \/\/ CLOSE CHECKOUT\r\n        closeCheckout();\r\n\r\n        \/\/ CLOSE PRODUCT CART\r\n        if (cart) {\r\n            cart.style.height = \"0px\";\r\n            cart.classList.remove(\"active\");\r\n        }\r\n\r\n        \/\/ CLOSE PRODUCT PREVIEW\r\n        if (preview) {\r\n            preview.style.height = \"0px\";\r\n            preview.classList.remove(\"open\");\r\n        }\r\n\r\n        drsCalc.classList.remove(\"preview-open\");\r\n\r\n        \/\/ REMOVE OPEN PRODUCT STATES\r\n        document.querySelectorAll(\r\n            \"#drsCalc .drsProducts-item.open\"\r\n        ).forEach((item) => {\r\n            item.classList.remove(\"open\");\r\n        });\r\n\r\n        \/\/ RESET WINDOW BACK TO WINDOW 1\r\n        resetWindows();\r\n\r\n        \/\/ HIDE WINDOWS WHILE SUCCESS IS DISPLAYED\r\n        hideWindows();\r\n\r\n        \/\/ REFRESH ROOT INFO STATE\r\n        updateInfoSectionsState();\r\n    }\r\n\r\n    \/\/ REVIEW SUBMIT\r\n    document.querySelectorAll(\"#drsCalc .drsCalc-review-submit\").forEach((trigger) => {\r\n        trigger.addEventListener(\"click\", function () {\r\n\r\n            \/\/ Reset calculator back to default\r\n            resetCalculator();\r\n\r\n            \/\/ Show success section\r\n            openSuccess();\r\n        });\r\n    });\r\n\r\n    \/\/ SUCCESS DONE\r\n    document.querySelectorAll(\"#drsCalc .drsCalc-success-done\").forEach((trigger) => {\r\n        trigger.addEventListener(\"click\", function () {\r\n\r\n            \/\/ Close success section\r\n            closeSuccess();\r\n\r\n            \/\/ Show windows again\r\n            showWindows();\r\n        });\r\n    });\r\n\r\n    \/\/ OPEN SEARCH AUTOCOMPLETE\r\n    function openSearchAutocomplete() {\r\n        const autocomplete = document.querySelector(\r\n            \"#drsCalc .drsCalc-input-autocomplete\"\r\n        );\r\n\r\n        if (!autocomplete) {\r\n            return;\r\n        }\r\n\r\n        autocomplete.classList.add(\"active\");\r\n    }\r\n\r\n    \/\/ CLOSE SEARCH AUTOCOMPLETE\r\n    function closeSearchAutocomplete() {\r\n        const autocomplete = document.querySelector(\r\n            \"#drsCalc .drsCalc-input-autocomplete\"\r\n        );\r\n\r\n        if (!autocomplete) {\r\n            return;\r\n        }\r\n\r\n        autocomplete.classList.remove(\"active\");\r\n    }\r\n\r\n    \/\/ SEARCH AUTOCOMPLETE\r\n    const searchAutocomplete = document.querySelector(\r\n        \"#drsCalc .drsCalc-input-autocomplete\"\r\n    );\r\n\r\n    const searchInput = searchAutocomplete?.querySelector(\r\n        \".drsCalc-search\"\r\n    );\r\n\r\n    if (searchAutocomplete && searchInput) {\r\n\r\n        \/\/ Open when search input receives focus\r\n        searchInput.addEventListener(\"focus\", function () {\r\n            openSearchAutocomplete();\r\n        });\r\n\r\n        \/\/ Open when search input is clicked\r\n        searchInput.addEventListener(\"click\", function () {\r\n            openSearchAutocomplete();\r\n        });\r\n\r\n        \/\/ Close when clicking anywhere outside autocomplete\r\n        document.addEventListener(\"click\", function (event) {\r\n            if (!searchAutocomplete.contains(event.target)) {\r\n                closeSearchAutocomplete();\r\n            }\r\n        });\r\n\r\n        \/\/ Close when keyboard focus moves outside autocomplete\r\n        document.addEventListener(\"focusin\", function (event) {\r\n            if (!searchAutocomplete.contains(event.target)) {\r\n                closeSearchAutocomplete();\r\n            }\r\n        });\r\n    }\r\n\r\n<\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/axios@1.12.2\/dist\/axios.min.js\"\r\n        integrity=\"sha384-tTzb1B\/gwUNF0rYJ08qfyBpPI\/9mAvnPDxh7W0CD9DYCJrdpUjas+lBNglNZmP7O\"\r\n        crossorigin=\"anonymous\"><\/script>\r\n<script>\r\n    window.DRS_RENT_CALCULATOR_CONFIG = Object.assign({\r\n        apiBaseUrl: \"https:\/\/rent-calculator.delight-rent.com\/api\/v1\/rent-calculator\",\r\n        language: document.documentElement.lang.split(\"-\")[0].toLowerCase()\r\n    }, window.DRS_RENT_CALCULATOR_CONFIG || {});\r\n<\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/marked\/lib\/marked.umd.js\"><\/script>\r\n<script src=\"https:\/\/delight-rent.com\/wp-content\/plugins\/rent-calculator\/rent-calculator-api.js\"><\/script>\r\n<\/body>\r\n<\/html>\r\n\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1817846025 {\n  padding-top: 50px;\n  padding-bottom: 50px;\n}\n#section_1817846025 .section-bg img {\n  object-position: 50%;\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-885","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/delight-rent.com\/es\/wp-json\/wp\/v2\/pages\/885","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/delight-rent.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/delight-rent.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/delight-rent.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/delight-rent.com\/es\/wp-json\/wp\/v2\/comments?post=885"}],"version-history":[{"count":4,"href":"https:\/\/delight-rent.com\/es\/wp-json\/wp\/v2\/pages\/885\/revisions"}],"predecessor-version":[{"id":889,"href":"https:\/\/delight-rent.com\/es\/wp-json\/wp\/v2\/pages\/885\/revisions\/889"}],"wp:attachment":[{"href":"https:\/\/delight-rent.com\/es\/wp-json\/wp\/v2\/media?parent=885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}