:root { --green:#13a4aa; --gray:#6C6C6C; --brown:#6A4A40; --shades01:#FFFFFF; --shades02:#000000; --shades03:#101010; --shades04:#191919; --shades05:#242424; --shades06:#8E8E8E; --shades07:#202020; --shades08:#F4F4F4; --green-rgb:19, 164, 170; --gray-rgb:108, 108, 108; --brown-rgb:106, 74, 64; --shades01-rgb:255, 255, 255; --shades02-rgb:0, 0, 0; --shades03-rgb:16, 16, 16; --shades04-rgb:25, 25, 25; --shades05-rgb:36, 36, 36; --shades06-rgb:142, 142, 142; --shades07-rgb:32, 32, 32; --shades08-rgb:244, 244, 244; --veiwWidth: calc(100vw - 17px); --padding: calc(var(--veiwWidth)/2 - 785px); } /* ********|| INITIALIZATION START ||******** */ body, html { width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important;font-family: "Rajdhani", sans-serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 14px; line-height: 1.2; color: var(--shades02); background:var(--shades01);position: relative; z-index: 0; scroll-behavior: smooth;} *{transition: all 0s ease;} *:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;} *,::after,::before{box-sizing: border-box;} a {color:var(--green); text-decoration: none;transition: all 0.3s ease;} a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;} a:focus{ outline: none;text-decoration: none;} button{transition: all 0.3s ease;} p { margin: 0 0 10px; font-size: 21px; line-height: 1.5; } hr{margin: 0 0 20px; border: 0; border-top: 1px solid rgba(var(--shades06-rgb), 0.2);} section{position:relative;} input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;} .scrollbar::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; border-radius: 100vh; transition:all 0.3s ease; } .scrollbar::-webkit-scrollbar-track { border-radius: 0; background-color: rgba(var(--shades01-rgb),0.1); border-radius: 100vh; transition:all 0.3s ease; } .scrollbar::-webkit-scrollbar-thumb { background-color: rgba(var(--green-rgb), 1); border-radius: 100vh; transition:all 0.3s ease; } input.form-error, select.form-error, textarea.form-error, input.form-error + .checkbox-label:before {border-color: #ff0000 !important;color: #ff0000 !important;} .payment-methods .not-available {display: none !important;} .not-available input.form-error + .checkbox-label:before {border-color: white !important;color: white !important;} .form-error-msg {display: block;border: 3px solid #ff0000;color: #ff0000;font-weight: 700;text-align: center;padding: 10px 20px;margin-bottom: 10px;} .form-error, .form-error .radio-label, .form-error .checkbox-label, .form-error .checkbox-label a {color: red !important;} .form-error input, .form-error select {border: 2px solid red !important;} .form-error .checkbox-label::before, .form-error .radio-label::before {border: 1px solid red;} /* ********|| INITIALIZATION END ||******** */ /* ********|| PSEUDO ELEMENTS START ||******** */ ::selection{ background-color:var(--green); color:var(--shades01)} ::-moz-selection{ background-color:var(--green); color:var(--shades01)} ::-webkit-selection{ background-color:var(--green); color:var(--shades01)} :-webkit-focus { outline: none !important; } :-moz-focus { outline: none !important; } :focus { outline: none !important; } select:-webkit-focusring { color: var(--green) !important;text-shadow: 0 0 0 var(--shades01);} select:-moz-focusring {color: var(--green) !important;text-shadow: 0 0 0 var(--shades01);} select:focusring {color: var(--green) !important; text-shadow: 0 0 0 var(--shades01);} ::input-placeholder{ color:var(--shades02) !important;} ::-moz-input-placeholder{ color:var(--shades02) !important;} ::-webkit-input-placeholder{ color:var(--shades02) !important;} .overflow-hidden{overflow: hidden;} /* ********|| PSEUDO ELEMENTS END ||******** */ /* ********|| BOOTSTRAP FIX START ||******** */ .container{width: 100%; margin-left: auto; margin-right: auto;max-width: calc(100% - 30px);} @media (min-width: 576px){ .container{max-width: 540px;} .modal-dialog{max-width: 700px;} .modal-sm{max-width: 400px;} } @media (min-width: 768px){ .container{max-width: 740px;} } @media (min-width: 992px){ .container{max-width: 960px;} } @media (min-width: 1200px){ .container{max-width: 1170px;} } @media (min-width: 1400px){ .container{max-width: 1280px;} } @media (min-width: 1532px){ .container{max-width: 1400px;} } @media (min-width: 1600px){ .container{max-width: 1500px;} } @media (min-width: 1700px){ .container{max-width: 1600px;} } /* ********|| BOOTSTRAP FIX END ||******** */ /* ********|| CHECKBOX START ||******** */ .checkbox{position: relative;padding: 4px 0 4px 30px;display: inline-block;} .checkbox .checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;} .checkbox .checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);} .checkbox .checkbox-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 4px;transition: all 0.3s ease;} .checkbox .checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 6 Pro";width: 20px;height: 20px;top:-1px;left: -30px;font-weight: 500;font-size: 14px; line-height: 1;color: var(--shades01);display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease;} .checkbox .checkbox-input:checked ~ .checkbox-label:after{opacity: 1; visibility: visible;} .checkbox .checkbox-input:checked ~ .checkbox-label:before{background-color: var(--green);border: 1px solid var(--green);} /* ********|| CHECKBOX END ||******** */ /* ********|| RADIO START ||******** */ .radio{position: relative;padding: 4px 0 4px 30px;display: inline-block;} .radio .radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;} .radio .radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);} .radio .radio-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 50%;transition: all 0.3s ease;} .radio .radio-label:after{content: '';position: absolute;width: 11px;height: 11px;top: 4px;left: -25px;font-weight: 500;font-size: 14px;line-height: 1;background-color: var(--green);display: flex;align-items: center;justify-content: center;border-radius: 50%;opacity: 0;visibility: hidden;transition: all 0.3s ease;} .radio .radio-input:checked ~ .radio-label:after{opacity: 1; visibility: visible;} /* ********|| RADIO END ||******** */ /* ********|| SWITCH START ||******** */ .switch{position: relative;padding:0;display: block;} .switch .switch-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;} .switch .switch-labels{position: relative;margin: 0;line-height: 16px;font-size: 14px;color: var(--shades02);height: 40px;border-radius: 4px;background-color: var(--shades01);display: flex;align-items: center; z-index: 0;} .switch .switch-labels span{display: flex;justify-content: center;width: 100%;padding: 0 10px;font-size: 14px;font-weight: 500;color:var(--shades02);transition: all 0.3s ease;} .switch .switch-labels span+span{color:var(--shades01)} .switch .switch-labels:after{content: "";position: absolute;transition: all 0.3s ease;top: 4px;left: 4px;width: calc(50% - 8px);height: calc(100% - 8px);background-color: var(--green);border-radius: 4px;z-index: -1;transform: translateX(calc(100% + 4px));} .switch .switch-input:checked ~ .switch-labels:after{transform: translateX(calc(0% + 4px));} .switch .switch-input:checked ~ .switch-labels span{color:var(--shades01)} .switch .switch-input:checked ~ .switch-labels span+span{color:var(--shades02)} /* ********|| SWITCH END ||******** */ /* ********|| TABS START ||******** */ .tabs { display: flex;gap: 12px;margin-bottom: 20px;overflow: auto;padding: 10px 0;} .tabs .tab-button {display: flex;height: 44px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 0 20px;cursor: pointer;border: 1px solid rgba(var(--shades02-rgb), 0.2);background-color: transparent;color: var(--shades02);font-size: 16px;font-weight: 600;gap: 8px;transition: all 0.3s ease;white-space: nowrap;} .tabs .tab-button.active { background-color: var(--green); color: var(--shades01);} .tab-content { display: none; opacity: 0; transition: opacity 0.3s ease, visibility 0s 0.3s; visibility: hidden;} .tab-content.active {display: block;opacity: 1;visibility: visible;transition: opacity 0.3s ease, visibility 0s;} /* ********|| TABS END ||******** */ /* ********|| TABS START ||******** */ .dropdown{position: relative;} .dropdown .dropdown-toggle{position: relative; display: flex; align-items: center; height: 48px; padding: 0 16px; padding-right: 32px; font-size: 20px; font-weight: 500; color: var(--shades02); line-height: 0.9; background-color: var(--shades01); border:none;; border-radius: 4px; width: 100%; font-family: 'Rajdhani', sans-serif; cursor: pointer;} .dropdown .dropdown-toggle:after{content: '\f0d7'; font-family: "Font Awesome 6 Pro"; position: absolute;top: 50%;right: 12px;font-size: 20px;font-weight: 600;transform: translateY(-50%) rotate(0deg);transition: all 0.3s ease;} .dropdown .dropdown-menu{position: absolute;top: 100%;left: 0;width: 100%;z-index: 8;background-color: var(--shades01);margin: 2px 0 0;border-radius: 4px;box-shadow: 0 2px 20px rgba(var(--shades02-rgb), 0.1);padding: 4px 0;overflow: auto;max-height: 240px;list-style: none;display: none; opacity: 0; transition: opacity 0.3s ease, visibility 0s 0.3s; visibility: hidden;} .dropdown .dropdown-menu li{display: flex;} .dropdown .dropdown-menu .dropdown-menu-item{display: flex;align-items: center;background-color: transparent;border: none;font-family: 'Rajdhani', sans-serif;font-size: 18px;font-weight: 500;height: 40px;padding: 0 24px;width: 100%;cursor: pointer;transition: all 0.3s ease;} .dropdown .dropdown-menu .dropdown-menu-item:hover{background-color: rgba(var(--shades02-rgb), 0.05);} .dropdown.active .dropdown-menu{display: block;opacity: 1;visibility: visible;transition: opacity 0.3s ease, visibility 0s;} /* ********|| TABS END ||******** */ /* ********|| FORM INPUTS START ||******** */ .form-control{ border-radius: 0px;box-shadow: none;border: 1px solid rgba(var(--shades02-rgb), 0.15);color: var(--shades02);background-color: var(--shades01);min-width: 50px;min-height: 50px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 20px; font-weight: 500; transition: all 0.3s ease;} .form-control:focus{ border-color:var(--green);box-shadow: none;} .form-control::-webkit-input-placeholder{ color: var(--shades02) !important; font-weight: 400 !important;} .form-control:-moz-placeholder{color:var(--shades02) !important;opacity: 1 !important; font-weight: 400 !important;} .form-control::-moz-placeholder{color:var(--shades02) !important; opacity:1 !important; font-weight: 400 !important;} .form-control:-ms-input-placeholder{color:var(--shades02) !important; font-weight: 400 !important;} .form-control::-ms-input-placeholder{color:var(--shades02) !important; font-weight: 400 !important;} textarea.form-control{ resize:none; min-height: 120px;} .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color:rgba(var(--gray), 0.1); cursor: not-allowed;} /* ********|| FORM INPUTS END ||******** */ .section-title{font-size: 60px; font-weight: 700; line-height: 0.9; color: var(--shades02); text-align: center; text-transform: uppercase; margin: 0;} .section-subtitle{font-size: 30px; font-weight: 500; line-height: 1.2; color: var(--shades02); text-align: center; margin: 30px 0 0;} /* ********|| HEADER START ||******** */ header{position: sticky; z-index: 9; top: 0; left: 0; width: 100%;transition: all 0.3s ease; background-color: var(--shades04);} header.isBanner{background-color: transparent; position: fixed;} header .container{display: flex; align-items: center;} .header-brands{position: relative;overflow: hidden;height: 40px; background-color: #fff; display: flex; align-items: center;z-index: 10;transition: height 0.3s ease;} .header-brands .container{position: relative;display: flex; align-items: center; width: 100%; max-width: 100%; padding: 0;} header.scrolled .header-brands{height: 0;} .header-brand{position: relative; z-index: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 50%; height: 40px;} .header-brand:nth-child(1){background-color: #F32735;} .header-brand:nth-child(2){background-color: #77BC1F;} .header-brand:nth-child(3){background-color: #32a6aa;} .header-brand:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-5000%);z-index: -1; transition:all 0.3s ease;} .header-brand:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(5000%);z-index: -1; transition:all 0.3s ease;} .header-brand:hover:before{transform: skewX(-30deg) translateX(0%);} .header-brand:hover:after{transform: skewX(-30deg) translateX(0%);} .header-brand img{height: 16px;width: auto;} header .header-bar{position: relative; background-color: var(--green); display: flex; align-items: center;z-index: 2; padding: 6px 0;} header .header-bar .container{display: flex; align-items: center; justify-content: space-between;} header .header-bar-left{display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--shades01);} header .header-bar-left .icon{font-size: 14px;} header .header-bar-left .label{font-weight: 500; position: relative;} header .header-bar-left .label:after{content:''; border-right: 1px solid var(--shades01); display: inline-block; height: 10px; position: absolute; top: 50%; right: -4px; transform: translateY(-50%);} header .header-bar-left .data{font-weight: 700;} header .header-bar-right{display: flex; flex-direction: column; gap: 6px;} header .header-bar-contact{display: flex; align-items: center; gap: 12px;} header .header-bar-contact .contact-city{font-size: 13px; font-weight: 700; color: var(--shades01); min-width: 50px;} header .header-bar-item{font-size: 13px; font-weight: 500; color: var(--shades01); display: flex; align-items: center; gap: 6px;} header .header-bar-item:hover{opacity: 0.8;} header .header-content{display: flex;} header .header-content+.header-content{margin: 0 0 0 auto;} header .working-hours{display: flex; align-items: center; gap: 12px;} header .working-hours .icon{font-size: 16px; color: var(--shades01);} header .working-hours .label{font-size: 16px; color: var(--shades01);font-weight: 500;position: relative;} header .working-hours .label:after{content:'';border-right: 1px solid var(--shades01); display: inline-block; height: 12px;position: absolute;top: 50%;right: -6px;transform: translateY(-50%);} header .working-hours .data{font-size: 16px; color: var(--shades01);font-weight: 700;} header .contacts{display: flex; align-items: center; gap: 40px;} header .contacts .contact-item{display: flex; align-items: center; gap: 12px;} header .contacts .contact-label{font-size: 16px; color: var(--shades01);font-weight: 500;position: relative;} header .contacts .contact-label:after{content:'';border-right: 1px solid var(--shades01); display: inline-block; height: 12px;position: absolute;top: 50%;right: -6px;transform: translateY(-50%);} header .contacts .contact-data{font-size: 16px; color: var(--shades01);font-weight: 700;} header .contacts .contact-data a{color: var(--shades01);} header .contacts .contact-data a:hover{text-decoration: underline;} header .header-main{position: static; display: flex; align-items: center; height: 100px; transition: all 0.3s ease;} header .brand{position: relative;margin: 0 auto 0 0;height: 43px;} header .brand .logo{position: relative;display: block;width: 100%;height: 100%;} header .brand .logo img{width: 100%;height: 100%; object-fit: contain; object-position: left;} header .brand .brand-subtitle{display: block; font-size: 15px; letter-spacing: 0.2em; text-transform: uppercase; color: #999; margin-top: 6px; font-weight: 500; max-height: 24px; opacity: 1; overflow: hidden; transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease;} header .navigation{position: static;} header .navigation .working-hours{display: none;} header .navigation-menu{display: flex;align-items: center;} header .navigation-menu .menu-item{position: static;} header .navigation-menu .menu-item:first-child{display: none;} header .navigation-menu .menu-item[data-menu-id="1022"] {position: relative;} header .navigation-menu .menu-item[data-menu-id="1022"] .menu-link {position: relative; z-index: 0;} header .navigation-menu .menu-item[data-menu-id="1022"]::after { content: ''; position: absolute; bottom: 22px; left: -10px; width: 40px; height: 20px; background-image: url(../images/logo-element-bottom-white.svg); background-repeat: no-repeat; background-size: contain; z-index: 2; transition: all 0.3s ease; } header.scrolled .navigation-menu .menu-item[data-menu-id="1022"]::after { bottom: 16px; } header .navigation-menu .menu-item[data-menu-id="1022"] .menu-link:after { content: ''; position: absolute; top: 50%; left: 50%; width: 95%; height: 50%; transform: translate(-50%, -50%) skewX(-21deg); border: 2px solid var(--green); border-radius: 5px; z-index: -1; transition: all 0.3s ease; } header .navigation-menu .menu-item[data-menu-id="1022"] .menu-link:before { content: ''; position: absolute; top: 22px; right: -10px; width: 40px; height: 20px; background-image: url(../images/logo-element-top-white.svg); background-repeat: no-repeat; background-size: contain; z-index: 2; transition: all 0.3s ease; } header.scrolled .navigation-menu .menu-item[data-menu-id="1022"] .menu-link:before { top: 16px; } header .navigation-menu .menu-item[data-menu-id="1022"] .menu-link:hover{color: var(--shades01) !important;} header .navigation-menu .menu-item[data-menu-id="1022"] .menu-link:hover:after{background-color: var(--green); border-color: var(--green); width: 100%; height: 56%;} header .navigation-menu .menu-item[data-menu-id="1022"]:hover::after{bottom: 16px; left: -16px;} header .navigation-menu .menu-item[data-menu-id="1022"]:hover .menu-link:before{top: 16px; right: -16px;} header.scrolled .navigation-menu .menu-item[data-menu-id="1022"]:hover::after{bottom: 10px; left: -16px;} header.scrolled .navigation-menu .menu-item[data-menu-id="1022"]:hover .menu-link:before{top: 10px; right: -16px;} header .navigation-menu .menu-link{ display: flex; align-items: center; justify-content:center; height: 100px; padding: 0 22px; font-size: 20px; font-weight: 700; text-transform: uppercase; color: var(--shades01);transition: all 0.3s ease;} header .navigation-menu .menu-link.active, header .navigation-menu .menu-link:hover{color: var(--green);} header .navigation-menu .mega-dropdown-menu{position: absolute;width: 100%;left: 0;top: 100%;background-color: var(--shades04);z-index: 1;opacity: 0; visibility: hidden; transition: all 0.2s ease;} header .navigation-menu .mega-dropdown.active .menu-link{color: var(--green); background-color: #000;} header .navigation-menu .mega-dropdown.active .mega-dropdown-menu{opacity: 1; visibility: visible; transition: all 0.1s ease;z-index: 10;} header .search{position: relative; margin: 0 0 0 48px; display: flex; align-items: center; border-bottom: 1px solid var(--shades01);transition: all 0.1s ease;} header .search .search-input{height: 36px; padding: 6px 0; flex-grow: 1; flex-shrink: 1; background-color: transparent; border:none; font-size: 20px; color: var(--shades01); font-weight: 700;font-family: "Rajdhani", sans-serif;min-width: 120px;max-width: 120px;transition: all 0.3s ease;} header .search .search-input::input-placeholder{color:var(--shades01) !important;} header .search .search-input::-moz-input-placeholder{ color:var(--shades01) !important;} header .search .search-input::-webkit-input-placeholder{ color:var(--shades01) !important;} header .search .search-input::-webkit-search-cancel-button{filter: brightness(5) saturate(0%);} header .search .search-action{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; aspect-ratio: 1/1; font-size: 16px; color: var(--shades01); padding: 0; background-color: transparent; border:none;cursor: pointer;transition: all 0.3s ease;} header .search .search-toggle{position: absolute;top: 10px;right: 10px;margin: 0;width: 40px;aspect-ratio: 1 / 1;} header .search .search-results{position: absolute;top: 100%;right: 0;width: 400px;max-height: 360px;overflow: auto;background-color: var(--shades01);z-index: 9;border-radius: 16px;padding: 8px 0;box-shadow: 0 2px 16px rgba(var(--shades02-rgb), 0.1);transition: all 0.3s ease;opacity: 0;visibility: hidden; transform: translateY(60px); margin: 10px 0 0;} header .search.active .search-results{opacity: 1;visibility: visible; transform: translateY(0px);} header .search .search-results .result-item{display: flex;align-items: center;gap: 20px;padding: 10px 16px;} header .search .search-results .result-item+.result-item{border-top:1px solid rgba(var(--shades04-rgb), 0.1);} header .search .search-results .result-item .item-image{width: 80px;aspect-ratio: 1 / 1;flex-shrink: 0;border: 1px solid rgba(var(--shades04-rgb), 0.05);border-radius: 6px;padding: 6px;} header .search .search-results .result-item .item-image img{width: 100%; height: 100%; object-fit: contain;} header .search .search-results .result-item .item-content{width: 100%; flex-shrink: 1;} header .search .search-results .result-item .item-name{font-size: 15px;line-height: 1.2;margin: 0;font-weight: 600;max-height: 36px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;} header .search .search-results .result-item .item-price{margin: 10px 0 0;font-size: 13px;color: var(--shades04);} header .search .search-close{display: none;align-items: center;justify-content: center;width: 36px;aspect-ratio: 1/1;font-size: 20px;color: var(--shades01);padding: 0;background-color: transparent;border: none;cursor: pointer;flex-shrink: 0;} header .search-toggle{display: none;width: 40px;align-items: center;justify-content: center;font-size: 20px;background-color: transparent;border: 0;padding: 0;color: var(--shades01);} header .cart{position: relative; margin: 0 0 0 48px;} header .cart .cart-toggle{display: flex;align-items: center;justify-content: center;gap: 8px;padding: 0;background-color: transparent;border: none; cursor: pointer;} header .cart .cart-toggle .icon{display: flex;align-items: center;justify-content: center;width: 30px;aspect-ratio: 1 / 1;font-size: 16px;color: var(--shades01);transition: all 0.3s ease;} header .cart .cart-toggle .count{display: flex;align-items: center;justify-content: center;background-color: var(--green);width: 30px;aspect-ratio: 1 / 1;border-radius: 4px;font-size: 16px;font-weight: 600;color: var(--shades01);} header .menu-toggle{display: none; align-items: center; justify-content: center; gap: 8px; flex-direction: column; border: 0; padding: 0; background-color: transparent; width: 32px;min-width: 32px;height: 32px;margin: 0 0 0 16px;} header .menu-toggle span{display: block;width: 100%; height: 3px; background-color: var(--shades01); transition: all 0.3s ease;} header .menu-toggle span:nth-child(1){transform-origin: top left;} header .menu-toggle span:nth-child(3){transform-origin: bottom left;} header .menu-toggle.active span:nth-child(1){transform: translateX(4px) rotate(45deg);} header .menu-toggle.active span:nth-child(2){opacity: 0;} header .menu-toggle.active span:nth-child(3){transform: translateX(4px) rotate(-45deg);} .ajax-search-results:empty { display: none; } header .menu-overlay{ display: none;} .mega-dropdown-menu .menu-categories{position: relative;border-top: 1px solid rgba(var(--shades01-rgb), 0.2);width: 100%;padding: 54px 0 60px;display: flex;align-items: center; justify-content: center; flex-wrap: wrap; gap: 120px;} .mega-dropdown-menu .menu-category-item{display: flex;position: relative;overflow: visible;border-radius: 0;width: calc(27% - 30px);height: 220px;z-index: 0;} .mega-dropdown-menu .category-image{position: absolute;width: 100%;height: 100%;left: 0;overflow: hidden;transform: skewX(-21deg);border-radius: 10px;} .mega-dropdown-menu .category-image img{width: 130%;height: 100%;object-fit: cover;object-position: right;margin-left: -15%;transform: skewX(21deg);transition: all 0.3s ease;} .mega-dropdown-menu .category-content{position: absolute;width: 100%;padding: 16px 30px; z-index: 0;display: flex;flex-direction: column;justify-content: flex-start;top: 30px;left: -60px;} .mega-dropdown-menu .menu-category-item:before{content: '';position: absolute;top: -10px;right: -60px;width: 110px;height: 53px;background-image: url(../images/logo-element-top.svg);background-repeat: no-repeat;background-size: contain;z-index: 2;} .mega-dropdown-menu .menu-category-item:after{content: '';position: absolute;bottom: -10px;left: -60px;width: 110px;height: 53px;background-image: url(../images/logo-element-bottom.svg);background-repeat: no-repeat;background-size: contain;z-index: 2;} .mega-dropdown-menu .category-title{font-size: 45px; font-weight: 700; color: var(--shades01); line-height: 0.9; margin: 0; text-transform: uppercase; text-shadow: 0 2px 10px rgba(0,0,0,0.5);} .mega-dropdown-menu .category-slogan{font-size: 13px; font-weight: 500; color: var(--shades01); margin: 6px 0 0; text-transform: none; letter-spacing: 0.5px; font-style: italic; text-shadow: 0 2px 8px rgba(0,0,0,0.5);} .mega-dropdown-menu .category-slogan:empty{display: none;} .mega-dropdown-menu .menu-category-item:hover .category-image img{transform: skewX(21deg) scale(1.2) rotate(2deg);} header.scrolled, header.menu-open{background-color: var(--shades04);} header.scrolled .header-main{height: 80px;} header.scrolled .navigation-menu .menu-link{height: 80px;} header.scrolled .brand .brand-subtitle{max-height: 0; opacity: 0; margin-top: 0;} /* ********|| HEADER END ||******** */ /* ********|| PAGE CATEGORIES START ||******** */ .page-categories{position: relative;width: 100%;padding: 60px 0;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 120px;max-width: 1532px;margin: 0 auto;} .page-categories .category-item{position: relative;display: flex;overflow: visible;width: calc(27% - 30px);height: 220px;z-index: 0;} .page-categories .category-item .item-link{display: flex;position: relative;overflow: visible;width: 100%;height: 100%;transition: all 0.3s ease;} .page-categories .category-item .item-image{position: absolute;width: 100%;height: 100%;left: 0;overflow: hidden;transform: skewX(-21deg);border-radius: 10px;} .page-categories .category-item .item-image img{width: 130%;height: 100%;object-fit: cover;object-position: right;margin-left: -15%;transform: skewX(21deg);transition: all 0.3s ease;} .page-categories .category-item .item-content{position: absolute;width: 100%;padding: 16px 30px;z-index: 0;display: flex;flex-direction: column;justify-content: flex-start;top: 30px;left: -60px;} .page-categories .category-item .item-title{margin: 0;font-size: 45px;font-weight: 700;color: var(--shades01);text-transform: uppercase;line-height: 0.9;text-shadow: 0 2px 10px rgba(0,0,0,0.5);} .page-categories .category-item .item-slogan{font-size: 13px;font-weight: 500;color: var(--shades01);margin: 6px 0 0;text-transform: none;letter-spacing: 0.5px;font-style: italic;text-shadow: 0 2px 8px rgba(0,0,0,0.5);} .page-categories .category-item .item-slogan:empty{display: none;} .page-categories .category-item:before{content: '';position: absolute;top: -10px;right: -60px;width: 110px;height: 53px;background-image: url(../images/logo-element-top.svg);background-repeat: no-repeat;background-size: contain;z-index: 2;} .page-categories .category-item:after{content: '';position: absolute;bottom: -10px;left: -60px;width: 110px;height: 53px;background-image: url(../images/logo-element-bottom.svg);background-repeat: no-repeat;background-size: contain;z-index: 2;} .page-categories .category-item .item-link:hover .item-image img{transform: skewX(21deg) scale(1.2) rotate(2deg);} /* ********|| PAGE CATEGORIES END ||******** */ /* ********|| BANNER START ||******** */ .section-hero{position: relative; width: 100%; height: 100vh; z-index: 0; overflow: hidden;padding: 0;display: flex; align-items: center;} .hero-slider-image{position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; display: flex;} .hero-slider-image .swiper{height: 100%;} .hero-slider-image .slider-image{width: 100%; height: 100%;position: relative; z-index: 0;} .hero-slider-image .slider-image:before{content: '';position: absolute;width: 100%;height: 100%; top: 0; left: 0; z-index: 0;background: linear-gradient(to bottom, var(--shades02), transparent 40%);} .hero-slider-image .slider-image img{width: 100%; height: 100%; object-fit: cover; object-position: center;} .hero-slider-image .hero-slider-navigation{position: absolute;} .hero-slider{position: relative;width: 100%;z-index: 3;} .hero-slider .container{display: flex; justify-content: flex-end;} .hero-slider .swiper-content{position: relative; width: 100%; max-width: 600px;} .hero-slider .swiper-content .swiper-title{font-size: 70px; font-weight: 700; text-transform: uppercase; line-height: 0.9; color: var(--shades01);margin: 0; text-shadow: 1px 1px 5px rgba(0,0,0,0.4);} .hero-slider .swiper-content .swiper-description{font-size: 30px; font-weight: 500; line-height: 1; color: var(--shades01); margin: 20px 0 0; text-shadow: 1px 1px 5px rgba(0,0,0,0.4);} .hero-slider .swiper-content .swiper-actions{display: flex; align-items: center; gap: 24px; margin: 40px 0 0;} .hero-slider .swiper-content .swiper-actions .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 32px; background-color: var(--green); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase;} .hero-slider .swiper-content .swiper-actions .btn-action.alt{background-color: var(--shades01); color: var(--shades03);} .hero-slider .swiper-content .swiper-actions .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;} .hero-slider .swiper-content .swiper-actions .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;} .hero-slider .swiper-content .swiper-actions .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);} .hero-slider .swiper-content .swiper-actions .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);} .hero-slider .swiper-content .swiper-action-alt{display: flex; align-items: center; margin: 100px 0 0;} .hero-slider .swiper-content .swiper-action-alt .btn-action{ position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; height: 36px; padding: 0 12px;font-size: 20px; font-weight: 700; color: var(--shades01); text-transform: uppercase; z-index: 0;} .hero-slider .swiper-content .swiper-action-alt .btn-action i{font-size: 24px;} .hero-slider .swiper-content .swiper-action-alt .btn-action:before{content: ''; position: absolute; width: 50%; height: 100%;top:0; right: 0; background-color: var(--green); z-index: -1;transform: skewX(-30deg);} .hero-slider .swiper-content .swiper-action-alt .btn-action:after{content: ''; position: absolute; height: 100%;top:0; right: -14px; background-color: var(--green); z-index: -1;transform: skewX(-30deg); border-right:8px solid var(--green);} .hero-slider-options{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 4;pointer-events: none;} .hero-slider-options .container{position: relative;} .hero-slider-options .hero-swiper-button{position: absolute;display: flex; align-items: center; justify-content: center; height: 30px; border-radius: 30px; padding: 0 16px; border:1px solid var(--shades01);bottom: 200px; gap: 8px; font-size: 14px; color: var(--shades01); font-weight: 600; cursor: pointer; z-index: 3; transition: all 0.3s ease; pointer-events: auto;} .hero-slider-options .hero-swiper-button:hover{background-color: var(--green); border-color: var(--green);} .hero-slider-options .hero-swiper-button.prev{left: 0;} .hero-slider-options .hero-swiper-button.next{right: 0; flex-direction: row-reverse;} .hero-slider-options .hero-logo{position: absolute; bottom: 20px; left: 0; width: 100%;display: flex; z-index: 0; pointer-events: none;} .hero-slider-options .hero-logo img{width: 100%; height: 100%; object-fit: contain;} .hero-slider-options .hero-swiper-pagination{display: none;position: relative;z-index: 4;pointer-events: auto;} .swiper-action-alt{position: absolute; align-items: center; z-index: 2; bottom: 50px;} .swiper-action-alt .btn-action{white-space: nowrap; position: absolute; display: flex; align-items: center; justify-content: center; gap: 8px; height: 36px; padding: 0 12px;font-size: 20px; font-weight: 700; color: var(--shades01); text-transform: uppercase; z-index: 0;} .swiper-action-alt .btn-action i{font-size: 24px;} .swiper-action-alt .btn-action:before{content: ''; position: absolute; width: 50%; height: 100%;top:0; right: 0; background-color: var(--green); z-index: -1;transform: skewX(-30deg);} .swiper-action-alt .btn-action:after{content: ''; position: absolute; height: 100%;top:0; right: -14px; background-color: var(--green); z-index: -1;transform: skewX(-30deg); border-right:8px solid var(--green);} .play-btn-icon { margin-right: 40px; } /* ********|| BANNER END ||******** */ /* ********|| CATEGORY START ||******** */ .section-category{position: relative; padding: 100px 0 40px; width: 100%;} .categories{position: relative; margin: 100px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;} .categories .category-item{position: relative; display:flex;} .categories .category-item .item-link{display: flex; overflow: hidden; position: relative; border-radius: 4px; width: 100%; background-color: var(--shades01); transition: all 0.3s ease;} .categories .category-item .item-image{width: 100%; aspect-ratio: 3/2; position: relative; display: flex;} .categories .category-item .item-image img{width: 100%; height: 100%; object-fit: cover;transition: all 0.3s ease;} .categories .category-item .item-image img+img{display: none;} .categories .category-item .item-title{position: absolute;margin: 0;top: 30px;left: 30px;font-size: 40px;font-weight: 700;text-transform: uppercase;line-height: 1;color: var(--shades01);z-index: 2;} .categories .category-item .item-content{position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;padding: 30px;z-index: 0;} .categories .category-item .item-content:after{content:""; position: absolute;bottom: 0;left: 0;width: 100%;height: calc(100% + 40px);z-index: -1;background-image: url(../images/overlay-shape-01.svg);background-repeat: no-repeat;background-size: cover;background-position: 0 0;} /* .categories .category-item .item-content:after{content:""; position: absolute;top: 0;left: 50%;width: 100%;height: 100%;background-color: var(--green);z-index: -1;transform: skewX(30deg) scaleX(1.2) translateX(-50%);} */ .categories .category-item .item-subtitle{font-size: 22px;font-weight: 600;color: var(--shades01);} .categories .category-item .item-action{display: flex;align-items: center;gap: 8px;color: var(--shades01);margin: 10px 0 0; transition: all 0.3s ease;} .categories .category-item .item-action .item-action-label{font-size: 16px;font-weight: 600;} .categories .category-item .item-action .item-action-icon{font-size: 24px;} .categories .category-item .item-link:hover{box-shadow: 0 8px 30px rgba(var(--shades02-rgb), 0.4);} .categories .category-item .item-link:hover .item-image img{transform: scale(1.2) rotate(2deg);} .categories .category-item .item-link:hover .item-action{gap: 16px;} /* ********|| CATEGORY END ||******** */ /* ********|| SPARE PARTS START ||******** */ .section-accessories{position: relative; padding: 100px 0; width: 100%; z-index: 0;background-color:var(--shades03);} .section-accessories .accessories-background{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.1;} .section-accessories .accessories-background img{width: 100%; height: 100%; object-fit: cover;} .section-accessories .accessories-header{display: flex; align-items: center;} .section-accessories .accessories-header .accessories-header-content{flex-shrink: 1; flex-grow: 1;} .section-accessories .accessories-header .accessories-header-content+.accessories-header-content{width: 560px;flex-shrink: 0;flex-grow: 0;} .section-accessories .accessories-header .accessories-header-subtitle{font-size: 30px;font-weight: 700;color: var(--shades01);text-transform: uppercase;margin: 0 0 20px;} .section-accessories .accessories-header .accessories-header-title{font-size: 60px;font-weight: 700;color: var(--shades01);text-transform: uppercase;margin: 0;} .section-accessories .accessories-header .accessories-header-description{font-size: 24px;font-weight: 500;color: var(--shades01); line-height: 1.2; padding: 0 0 0 60px; border-left: 2px solid var(--green);} .accessories-spare-parts{position: relative; margin: 100px 0; display: flex; align-items: center;} .accessories-spare-parts .tabs{flex-direction: column;padding: 0;overflow: unset;gap: 20px; flex-shrink: 0;} .accessories-spare-parts .tabs .tab-button{color: var(--shades06);justify-content: flex-start;padding: 0;background-color: transparent;border: none;border-radius: 0;font-size: 50px;text-transform: uppercase;font-weight: 500;font-family: 'Rajdhani', sans-serif;height: 60px;} .accessories-spare-parts .tabs .tab-button.active{color: var(--green); font-weight: 700;} .accessories-spare-parts .tab-container{flex-shrink: 1; flex-grow: 1;} .accessories-spare-parts .spare-parts-image{width: 480px; aspect-ratio: 1/1; margin: auto;} .accessories-spare-parts .spare-parts-image img{width: 100%; height: 100%; object-fit: contain;} .accessories-spare-parts .accessories-action{flex-shrink: 0;} .accessories-spare-parts .accessories-action .btn-action{display: flex;align-items: center;justify-content: center; gap: 8px;position: relative;z-index: 0;} .accessories-spare-parts .accessories-action .btn-action:before{ content: ""; position: absolute;top: 10px;right: 10px;width: 60px;aspect-ratio: 1 / 1;background-color: var(--green);border-radius: 50%;z-index: -1;opacity: 0;transform: translateX(-200%);transition: all 0.3s ease;} .accessories-spare-parts .accessories-action .btn-action:hover:before{opacity: 0.5;transform: translateX(0%);} .accessories-spare-parts .accessories-action .btn-action .btn-text{font-size: 16px;font-weight: 700;color: var(--shades01);text-transform: uppercase;display: flex;align-items: center;max-width: 130px;} .accessories-spare-parts .accessories-action .btn-action .btn-icon{display: flex;height: 80px;} .accessories-spare-parts .accessories-action .btn-action .btn-icon img{width: 100%;height: 100%;object-fit: contain;} /* ********|| SPARE PARTS END ||******** */ /* ********|| ABOUT START ||******** */ .section-about{position: relative; padding: 100px 0; width: 100%; z-index: 0;} .section-about .container{display: flex; gap: 120px;} .section-about .about-content{width: 50%;} .section-about .about-image{position: relative; display: flex; width: 100%;} .section-about .about-image img{width: 100%; height: 100%; object-fit: contain;} .section-about .about-subtitle{font-size: 30px;font-weight: 700;color: var(--shades02);text-transform: uppercase;margin: 0 0 30px;} .section-about .about-subtitle img{height: 20px; margin: 0 0 0 10px;} .section-about .about-title{font-size: 60px;font-weight: 600;color: var(--shades02);margin: 0; line-height: 1; max-width: 600px;} .section-about .about-description{font-size: 24px;font-weight: 400;color: var(--shades02); line-height: 1.4;margin: 30px 0 0;} .section-about .about-actions{display: flex; align-items: center; gap: 24px; margin: 60px 0 0;} .section-about .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 32px; background-color: var(--green); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase;} .section-about .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;} .section-about .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;} .section-about .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);} .section-about .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);} /* ********|| ABOUT END ||******** */ /* ********|| FEATURED START ||******** */ .section-featured{position: relative;width: 100%; z-index: 0;} .section-featured .section-title{text-align: left;margin-top: 40px;} .section-featured .section-subtitle{text-align: left;} .section-featured .brand-logo{position: relative; margin: 40px 0 0;} .section-featured .brand-logo img{width: 100%; height: 100%; object-fit: contain;} .featured-slider{position: relative;padding: 0 0 100px; margin: -120px 0 0;} .featured-slider .swiper-slide{display: flex; height: auto;} .featured-slider .featured-item{position: relative; width: 100%; display: flex; flex-direction: column; margin: 40px 0;} .featured-slider .featured-item .item-tag{display: flex;} .featured-slider .featured-item .item-tag .tag{ position: relative; z-index: 0; height: 40px; display: flex; align-items: center; justify-content: center; background-color: var(--green); padding: 0 16px; font-size: 20px;font-weight: 700;color: var(--shades01);text-transform: uppercase;line-height: 1; } .featured-slider .featured-item .item-tag .tag:after{content:''; position: absolute;top: 0; right: -12px;z-index: -1;width: 40px;height: 100%;background-color: var(--green);transform: skewX(30deg);} .featured-slider .featured-item .item-inner{display: flex; flex-grow: 1; flex-shrink: 1;box-shadow: 0 8px 20px rgba(var(--shades02-rgb), 0.1);color: inherit;text-decoration: none;cursor: pointer;} .featured-slider .featured-item .item-content{position: relative;flex-shrink: 0; flex-grow: 0;width: 45%; max-width: 600px; background-color: var(--gray);display: flex;flex-direction: column; padding: 30px;transition:all 0.3s ease;} .featured-slider .featured-item .item-title{font-size: 60px;font-weight: 700;color: var(--shades01);margin: 0; line-height: 1;text-transform: uppercase;} .featured-slider .featured-item .item-subtitle{font-size: 18px;font-weight: 500;color: var(--shades01);line-height: 1.3;margin: 10px 0 0; max-width: 85%;} .featured-slider .featured-item .item-subtitle p{font: inherit;margin: 0;} .featured-slider .featured-item .item-description{font-size: 20px;font-weight: 400;color: var(--shades01);margin: 20px 0 40px; width: calc(100% - 40px);} .featured-slider .featured-item .item-metas{display: grid; grid-template-columns: 1fr; gap: 14px; margin: 20px 0 20px; position: relative; z-index: 1;} .featured-slider .featured-item .item-metas .meta{display: flex; align-items: center; gap: 10px;} .featured-slider .featured-item .item-metas .meta .meta-icon{width: 24px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; flex-shrink: 0;} .featured-slider .featured-item .item-metas .meta .meta-icon img{width: 100%; height: 100%; object-fit: contain;} .featured-slider .featured-item .item-metas .meta .meta-content{flex-shrink: 1; flex-grow: 1;} .featured-slider .featured-item .item-metas .meta .label{display: block; font-size: 17px; font-weight: 500; color: rgba(var(--shades01-rgb), 0.6); line-height: 1.2;} .featured-slider .featured-item .item-metas .meta .data{display: block; font-size: 17px; font-weight: 700; color: var(--shades01); line-height: 1.2;} .featured-slider .featured-item .item-action{display: flex; align-items: center; gap: 24px; margin: auto 0 0;} .featured-slider .featured-item .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 32px; background-color: var(--shades02); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase;} .featured-slider .featured-item .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;} .featured-slider .featured-item .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;} .featured-slider .featured-item .item-watermark{position: absolute;height: 100%;top: 50%;right: 0;transform: translate(0, -50%);padding: 30px 20px;opacity: 0.1;} .featured-slider .featured-item .item-watermark img{width: 100%; height: 100%; object-fit: contain;} .featured-slider .featured-item .item-image{width: 100%; position: relative; overflow: hidden; background-color: var(--shades01);} .featured-slider .featured-item .item-image img{width: 100%; height: 100%; object-fit: contain;} .featured-slider .featured-item:hover .item-content{background-color: var(--brown);} .featured-slider .featured-item:hover .btn-action{background-color: var(--green);} .featured-slider .featured-item:hover .btn-action:before{transform: skewX(-30deg) translateX(0%);} .featured-slider .featured-item:hover .btn-action:after{transform: skewX(-30deg) translateX(0%);} .featured-slider .swiper-control{position: relative; width: 100%; display: flex; align-items: center; justify-content: center; gap: 48px;padding: 40px 0 0;} .featured-slider .swiper-button{position: relative;display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; border:1px solid var(--shades02); gap: 8px; font-size: 20px; color: var(--shades02); font-weight: 600; cursor: pointer; z-index: 3; flex-shrink: 0; transition: all 0.3s ease;} .featured-slider .swiper-button:hover{background-color: var(--green); border-color: var(--green);color: var(--shades01);} .featured-slider .swiper-pagination.swiper-pagination-progressbar{position: relative;-webkit-mask-image: url(../images/mask-logo.svg); mask-image: url(../images/mask-logo.svg); mask-repeat: no-repeat; mask-size: contain;mask-position: center;height: 48px;width: 600px;background-color: rgba(var(--shades02-rgb), 0.05);} .featured-slider .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--green);} /* ********|| FEATURED END ||******** */ /* ********|| FOOTER START ||******** */ footer{position: relative; padding: 48px 0; overflow: hidden; width: 100%; z-index: 0; background-color: var(--shades02); border-bottom: 4px solid var(--green);} footer .footer-background{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.3;} footer .footer-background img{width: 100%; height: 100%; object-fit: cover;} footer .footer-row{display: flex;align-items: flex-start;gap: 48px;} footer .footer-row+.footer-row{margin: 32px 0 0;padding: 24px 0 0;border-top: 1px solid rgba(var(--shades01-rgb), 0.1);align-items: flex-end;justify-content: space-between;} footer .footer-column{position: relative;display: flex;gap: 48px;} footer .footer-row:first-child .footer-column:first-child{flex-shrink: 0;} footer .footer-row:first-child .footer-column:last-child{flex-grow: 1;} footer .footer-row+.footer-row .footer-column{gap: 8px;} footer .footer-row+.footer-row .footer-column:last-child{align-items: flex-end;} footer .footer-brand{position: relative; height: 60px;} footer .footer-brand .logo{display: flex;width: 100%;height: 100%;} footer .footer-brand .logo img{width: 100%; height: 100%; object-fit: contain; object-position: left;} footer .footer-brand .logo-text{font-size: 16px;font-weight: 700;color: var(--shades01);letter-spacing: 10px;text-transform: uppercase;text-align: center;line-height: 1;} footer .footer-content{position: relative;} footer .footer-title{font-size: 18px;font-weight: 700;color: rgba(var(--shades01-rgb), 0.5);margin: 0 0 16px;text-transform: uppercase;letter-spacing: 1px;} footer .footer-contacts{position: relative;} footer .footer-contacts .contact-item{position: relative;} footer .footer-contacts .contact-item+.contact-item{margin: 10px 0 0;} footer .footer-contacts .contact-link{display: flex; align-items: flex-start; gap: 10px;} footer .footer-contacts .link-icon{font-size: 18px;color: var(--green); flex-shrink: 0; transition: all 0.3s ease;margin-top: 2px;} footer .footer-contacts .link-content{flex-shrink: 1; flex-grow: 1;} footer .footer-contacts .link-label{font-size: 18px; font-weight: 600; line-height: 1.3;display: block;color: var(--shades01);margin: 0 0 2px;} footer .footer-contacts .link-data{font-size: 18px; font-weight: 400;line-height: 1.3; display: inline-block;color: rgba(var(--shades01-rgb), 0.7); transition: all 0.3s ease;} footer .footer-contacts .contact-link:hover .link-icon{color: var(--shades01);} footer .footer-contacts .contact-link:hover .link-data{color: var(--shades01);} footer .footer-links{position: relative;} footer .footer-links .link-item{display: flex;} footer .footer-links .link-item+.link-item{margin: 8px 0 0;} footer .footer-links .link-item .link{font-size: 18px; font-weight: 500;line-height: 1.3; display: inline-block;color: rgba(var(--shades01-rgb), 0.7);} footer .footer-links .link-item .link:hover{color: var(--green);} footer .footer-copyright{font-size: 14px;font-weight: 400;color: rgba(var(--shades01-rgb), 0.4);} footer .social-connect{display: flex; gap: 16px; align-items: center;justify-content: flex-end;} footer .social-connect .social-link{font-size: 18px;color: rgba(var(--shades01-rgb), 0.5);display: block;transition: all 0.3s ease;} footer .social-connect .social-link:hover{color: var(--green);} footer .footer-recaptcha{font-size: 12px;font-weight: 400;color: rgba(var(--shades01-rgb), 0.3);margin: 0;text-align: right;} footer .footer-recaptcha a{color: rgba(var(--shades01-rgb), 0.4);} footer .footer-recaptcha a:hover{color: var(--green);} .grecaptcha-badge{visibility: hidden !important;} /* ********|| FOOTER END ||******** */ /* ********|| BREADCRUMB START ||******** */ .breadcrumb{display: flex; align-items: center; gap: 6px;} .breadcrumb .item{display: flex; position: relative;} .breadcrumb .item+.item:before{content:'/'; display: inline-flex;font-size: 14px; font-weight: 600; color: var(--shades02); margin-right: 6px;} .breadcrumb .item .item-link{font-size: 14px; font-weight: 600; color: var(--shades02); text-transform: uppercase;} /* ********|| BREADCRUMB END ||******** */ /* ********|| BREADCRUMB BAR START ||******** */ .section-breadcrumb{background-color: var(--shades04);} .section-breadcrumb .container{border-top: 1px solid rgba(var(--shades06-rgb), 0.2); padding-top: 20px; padding-bottom: 20px;} .section-breadcrumb .breadcrumb .item+.item:before{color: var(--shades01);} .section-breadcrumb .breadcrumb .item .item-link{color: var(--shades01);} /* ********|| BREADCRUMB BAR END ||******** */ /* ********|| PAGE HEADER START ||******** */ .section-page-header{position: relative; z-index: 1; width: 100%; background-color: var(--shades04); overflow: hidden;} .section-page-header .page-header-background{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;} .section-page-header .page-header-background img{width: 100%; height: 100%; object-fit: cover;} .section-page-header .container{position: relative; z-index: 1;} .section-page-header .page-header-content{position: relative; min-height: 250px; padding: 60px 0; display: flex; flex-direction: column; justify-content: center;} .section-page-header .page-header-title{font-size: 70px; font-weight: 700; color: var(--shades01); line-height: 1; margin: 0; text-transform: uppercase;} .section-page-header .page-header-subtitle{font-size: 30px; font-weight: 500; color: var(--shades01); line-height: 1; margin: 10px 0 0; } /* ********|| PAGE HEADER END ||******** */ /* ********|| PAGE HEADER2 START ||******** */ .section-page-header2{position: relative; z-index: 1; width: 100%; background: #fff; padding: 20px 0;} .section-page-header2.secondary{background: url(/assets/images/header2-bg.png) no-repeat;background-size: cover;height: 250px;max-height: 250px;padding: 75px 0 0 0;} .section-page-header2 .page-header-content{position: relative;} .section-page-header2.secondary .page-header-content{position: relative;display: flex;flex-direction: column;} .section-page-header2 .page-header-title{font-size: 55px; font-weight: 600; color: var(--shades01); line-height: 1; margin: 0; text-transform: uppercase;} .section-page-header2 .page-header-subtitle{font-size: 20px; font-weight: 600; color: var(--shades01); line-height: 1; margin: 10px 0 0; } .section-page-header2 .page-header-subtitle p{margin: 0;font-size: 20px;font-weight: 600;} /* ********|| PAGE HEADER END ||******** */ /* ********|| PRODUCT BANNERS START ||******** */ .section-product-banners{position: relative; overflow: hidden;} .section-product-banners .banner-item{position: relative; padding: 100px 0 130px; z-index: 0; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box;} .section-product-banners .banner-item .item-background-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;} .section-product-banners .banner-item .item-background-image:before{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-color: rgba(var(--shades02-rgb), 0.5); z-index: 1;} .section-product-banners .banner-item .item-background-image:after{content:''; position: absolute;top: 0;right: 0;height: 100%;width: 780px;background-image: url(../images/overlay-shape-02.svg);background-size: cover;background-repeat: no-repeat;background-position: bottom right;z-index: 2;} .section-product-banners .banner-item .item-background-image img{width: 100%; height: 100%; object-fit: cover; pointer-events: none; user-select: none; -webkit-user-drag: none;} .section-product-banners .banner-item .item-brand-logo{display: flex;position: absolute;top: 0;right: 0;height: 100%;padding: 50px;transform: rotate(180deg);opacity: 0.25;z-index: 1;} .section-product-banners .banner-item .item-brand-logo img{width: 100%; height: 100%; object-fit: contain;} .section-product-banners .banner-item .item-inner{position: relative;} .section-product-banners .swiper-slide{overflow: hidden;} .section-product-banners .swiper-slide .item-background-image img{transform: scale(1.08) translateX(3%); transition: transform 6s ease-out;} .section-product-banners .swiper-slide-active .item-background-image img{transform: scale(1) translateX(0);} .section-product-banners .banner-item .item-content{width: 100%; max-width: 760px;} .section-product-banners .banner-item .item-title{font-size: 100px; font-weight: 700; color: var(--shades01); line-height: 0.9; margin: 0 0 20px;} .section-product-banners .banner-item .item-cost{margin: 0 0 30px;} .section-product-banners .banner-item .item-cost .cost-tag{display: flex;} .section-product-banners .banner-item .item-cost .tag{font-size: 16px; font-weight: 600; color: var(--green); line-height: 0.9;position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; height: 22px;padding: 2px 12px 0;margin: 0 0 0 17px;} .section-product-banners .banner-item .item-cost .tag:before{content: ''; position: absolute; width: 100%; height: 100%;top:0; right: 0; background-color: var(--shades01); z-index: -1;transform: skewX(-30deg);} .section-product-banners .banner-item .item-cost .cost-details{display: flex; align-items: center; gap: 32px;} .section-product-banners .banner-item .item-cost .cost-price-breakup{flex-shrink: 0;display: flex; align-items: center; gap: 16px;position: relative; z-index: 0;height: 36px; padding: 3px 28px 0;} .section-product-banners .banner-item .item-cost .cost-price-breakup:before{content: ''; position: absolute; width: 100%; height: 100%;top:0; right: 0; background-color: var(--green); z-index: -1;transform: skewX(-30deg);} .section-product-banners .banner-item .item-cost .cost-price-breakup:after{content: ''; position: absolute; height: 100%;top:0; right: -14px; background-color: var(--green); z-index: -1;transform: skewX(-30deg); border-right:8px solid var(--shades01);} .section-product-banners .banner-item .item-cost .cost-price{position: relative; font-size: 20px; font-weight: 700; color: var(--shades01); line-height: 0.9; flex-shrink: 0; text-decoration: line-through;} .section-product-banners .banner-item .item-cost .sell-price{position: relative; font-size: 30px; font-weight: 700; color: var(--shades01); line-height: 0.9; flex-shrink: 0;} .section-product-banners .banner-item .item-cost .cost-installment{flex-grow: 1; flex-shrink: 1;padding: 4px 0 0;} .section-product-banners .banner-item .item-cost .cost-installment .label{display: block;font-size: 16px; font-weight: 500; color: var(--shades01);line-height: 0.9;} .section-product-banners .banner-item .item-cost .cost-installment .data{display: block;font-size: 16px; font-weight: 700; color: var(--shades01);line-height: 0.9;} .section-product-banners .banner-item .item-description{font-size: 20px; font-weight: 600; color: var(--shades01);line-height: 1.4;margin: 0 0 30px;} .section-product-banners .banner-item .item-metas{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;margin: 0 0 50px;} .section-product-banners .banner-item .meta{display: flex; align-items: center; gap: 16px;} .section-product-banners .banner-item .meta .meta-icon{width: 30px;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center; flex-shrink: 0;} .section-product-banners .banner-item .meta .meta-icon img{width: 100%; height: 100%; object-fit: contain;} .section-product-banners .banner-item .meta .meta-content{flex-shrink: 1; flex-grow: 1;gap: 10px;display: flex;flex-direction: column;} .section-product-banners .banner-item .meta .label{ display: block; font-size: 20px; font-weight: 500; color: var(--shades01);line-height: 0.9;} .section-product-banners .banner-item .meta .data{ display: block; font-size: 20px; font-weight: 700; color: var(--shades01);line-height: 0.9;} .section-product-banners .banner-item .item-actions{display: flex; align-items: center; gap: 20px; margin: auto 0 0;} .section-product-banners .banner-item .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 24px; background-color: var(--green); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase; border:1px solid transparent; text-wrap-mode: nowrap;} .section-product-banners .banner-item .btn-action.alt{background-color: transparent; color: var(--shades01); border-color: var(--shades01);} .section-product-banners .banner-item .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;} .section-product-banners .banner-item .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;} .section-product-banners .banner-item .btn-action.alt:before{background-color: rgba(var(--shades01-rgb), 0.1);} .section-product-banners .banner-item .btn-action.alt:after{background-color: rgba(var(--shades01-rgb), 0.1);} .section-product-banners .banner-item .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);} .section-product-banners .banner-item .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);} .section-product-banners .banner-item .item-image{display: flex;position: absolute;bottom: -130px;right: 0;height: 380px;z-index: 2;} .section-product-banners .banner-item .item-image img{width: 100%; height: 100%; object-fit: contain;} .section-product-banners .banner-swiper-pagination{position: absolute; bottom: 20px !important; left: 0; width: 100%; z-index: 10; display: flex; justify-content: center; gap: 8px;} .section-product-banners .banner-swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; border-radius: 50%; background-color: rgba(var(--shades01-rgb), 0.4); opacity: 1; cursor: pointer; transition: all 0.3s ease;} .section-product-banners .banner-swiper-pagination .swiper-pagination-bullet-active{background-color: var(--green); transform: scale(1.2);} /* ********|| PRODUCT BANNERS END ||******** */ /* ********|| PRODUCT LISTING START ||******** */ .section-product-listing{position: relative; padding: 100px 0; width: 100%; background-color: var(--shades08);} .product-filters{display: flex; align-items: center; justify-content: flex-end; gap: 40px; margin: 0 0 40px;} .product-filters .product-filters-title{font-size: 30px; font-weight: 700; color: var(--shades02); line-height: 1; margin: 0; text-transform: uppercase; margin-right: auto;} .product-filters .filters{display: flex; align-items: center; gap: 16px;} .product-filters .filters .filter-label{font-size: 18px;font-weight: 500;color: var(--shades02);line-height: 0.9;text-transform: uppercase;} .product-filters .filters .dropdown-toggle{min-width: 220px; border:1px solid rgba(var(--shades02-rgb), 0.3); font-weight: 700; font-size: 18px; border-radius:0;} .product-filters .filters .dropdown-toggle:after{font-size: 16px;} .product-listing{position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:24px;} @media screen and (min-width: 1601px) { .product-listing:has(.product:nth-child(3)):not(:has(.product:nth-child(4))){grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 75%; margin-left: auto; margin-right: auto;} .product-listing:has(.product:nth-child(2)):not(:has(.product:nth-child(3))){grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 50%; margin-left: auto; margin-right: auto;} .product-listing:not(:has(.product:nth-child(2))){grid-template-columns: 1fr; max-width: 25%; margin-left: auto; margin-right: auto;} } @media screen and (min-width: 991px) and (max-width: 1600px) { .product-listing:has(.product:nth-child(2)):not(:has(.product:nth-child(3))){grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 66.66%; margin-left: auto; margin-right: auto;} .product-listing:not(:has(.product:nth-child(2))){grid-template-columns: 1fr; max-width: 33.33%; margin-left: auto; margin-right: auto;} } @media screen and (min-width: 641px) and (max-width: 990px) { .product-listing:not(:has(.product:nth-child(2))){grid-template-columns: 1fr; max-width: 50%; margin-left: auto; margin-right: auto;} } .product-listing .product{position: relative; background-color: var(--shades01); border-radius: 10px; box-shadow: 0 0 6px rgba(var(--shades02-rgb), 0.15); overflow: hidden; padding: 20px 16px; transition: all 0.3s ease; display: flex; flex-direction: column;} .product-listing .product:hover{box-shadow: 0 4px 16px rgba(var(--shades02-rgb), 0.2);} .product-listing .product .product-watermark{position: absolute;top: 0;right: 0;height: 100%;transform: rotate(180deg);opacity: 0.2;} .product-listing .product .product-watermark img{width: 100%; height: 100%; object-fit: contain;} .product-listing .product .product-image{display: block; position: relative; width: 100%; aspect-ratio: 3/2; overflow: hidden; border-radius: 4px; margin: 0 0 20px;} .product-listing .product .product-image img{width: 100%; height: 100%; object-fit: contain;} .product-listing .product .product-tag{position: absolute;top: 0;left: 0;height: 36px;display: flex;align-items: center;justify-content: center;border-radius: 36px;padding: 3px 20px 0;font-size: 16px;font-weight: 700;color: var(--shades01);background-color: var(--green);line-height: 1;text-transform: uppercase;z-index: 1;} .product-listing .product .product-content{position: relative;padding: 24px;background-color: var(--shades08);border-radius: 4px;margin: 0 0 20px; flex-grow: 1;} .product-listing .product .product-title{font-size: 40px; font-weight: 700; color: var(--shades02); line-height: 0.9; margin: 0 0 10px;} .product-listing .product .product-cost{position: relative;} .product-listing .product .cost-breakup{display: flex; align-items: center; gap: 12px;} .product-listing .product .cost-breakup .sell-price{font-size: 30px; font-weight: 700; color: var(--green); line-height: 0.9;} .product-listing .product .cost-breakup .cost-price{font-size: 20px; font-weight: 700; color: var(--shades02); line-height: 0.9; text-decoration: line-through;} .product-listing .product .cost-installment{display: flex; align-items: center; gap: 4px;margin: 8px 0 0;} .product-listing .product .cost-installment .label{font-size: 16px; font-weight: 500; color: var(--shades02); line-height: 0.9;} .product-listing .product .cost-installment .data{font-size: 16px; font-weight: 700; color: var(--shades02); line-height: 0.9;} .product-listing .product .product-actions{display: flex; align-items: center; gap:20px;} .product-listing .product .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 42px; padding: 0 20px; background-color: var(--green); border-radius: 4px; font-size: 18px; font-weight: 700; color: var(--shades01); text-transform: uppercase; border:1px solid transparent; white-space: nowrap;} .product-listing .product .btn-action.alt{background-color: var(--shades01); color: var(--shades03); border-color: var(--shades02);} .product-listing .product .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;} .product-listing .product .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;} .product-listing .product .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);} .product-listing .product .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);} .product-listing .product .item-metas{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 0 20px;} .product-listing .product .item-metas .meta{display: flex; align-items: center; gap: 8px;} .product-listing .product .item-metas .meta .meta-icon{width: 20px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; flex-shrink: 0;} .product-listing .product .item-metas .meta .meta-icon img{width: 100%; height: 100%; object-fit: contain; filter: invert(48%) sepia(79%) saturate(427%) hue-rotate(141deg) brightness(93%) contrast(86%);} .product-listing .product .item-metas .meta .meta-content{flex-shrink: 1; flex-grow: 1;} .product-listing .product .item-metas .meta .label{display: block; font-size: 13px; font-weight: 500; color: var(--shades05); line-height: 1.2;} .product-listing .product .item-metas .meta .data{display: block; font-size: 13px; font-weight: 700; color: var(--shades02); line-height: 1.2;} /* ********|| PRODUCT LISTING END ||******** */ .section-catalogue-listing{position: relative; padding: 100px 0; width: 100%; background-color: var(--shades08);} .catalogue-listing{position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:24px;} .catalogue-listing .item{position: relative; background-color: var(--shades01); background-color: var(--shades01); border-radius: 10px; box-shadow: 0 0 6px rgba(var(--shades02-rgb), 0.15); overflow: hidden; padding: 20px 16px; transition: all 0.3s ease;} .catalogue-listing .item:hover{box-shadow: 0 4px 16px rgba(var(--shades02-rgb), 0.2);} .catalogue-listing .item .item-content{position: relative;padding: 24px;background-color: var(--shades08);border-radius: 4px;margin: 0 0 20px;} .catalogue-listing .item .item-title{font-size: 40px; font-weight: 700; color: var(--shades02); line-height: 0.9; margin: 0 0 10px;} /* ********|| BREADCRUMB PRODUCT START ||******** */ /* ********|| BREADCRUMB PRODUCT END ||******** */ /* ********|| PRODUCT DETAILS START ||******** */ .section-product-details{position: relative; padding:40px 0 80px; width: 100%; background-color: var(--shades08);} .product-details-container{display: flex; gap: 36px; align-items: flex-start;} .product-details{position: relative;flex-shrink: 1; flex-grow: 1;} .product-details .product-title{font-size: 36px; font-weight: 700; color: var(--shades07); line-height: 0.9; margin: 0 0 20px;} .product-details .product-cost{margin: 0 0 16px;} .product-details .product-cost .cost-tag{display: flex; margin: 0 0 8px;} .product-details .product-cost .tag{font-size: 20px; font-weight: 600; color: var(--shades01); line-height: 0.9;position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; height: 26px;padding: 2px 12px 0;margin: 0;} .product-details .product-cost .tag:before{content: ''; position: absolute; width: 100%; height: 100%;top:0; right: 0; background-color: var(--shades02); z-index: -1;transform: skewX(-30deg);} .product-details .product-cost .cost-details{display: flex; align-items: center; gap: 16px;} .product-details .product-cost .cost-left{flex: 1;} .product-details .product-cost .cost-left .cost-note{margin: 6px 0 0;} .product-details .product-cost .btn-action.btn-buy{background-color: var(--green); flex-grow: 0; flex-shrink: 0; white-space: nowrap; padding: 0 28px;} .product-details .product-cost .cost-price-breakup{flex-shrink: 0;display: flex; align-items: center; gap: 16px;position: relative; z-index: 0;height: 42px; padding: 3px 28px 0;} .product-details .product-cost .cost-price-breakup:before{content: ''; position: absolute; width: 100%; height: 100%;top:0; right: 0; background-color: var(--green); z-index: -1;transform: skewX(-30deg);} .product-details .product-cost .cost-price-breakup:after{content: ''; position: absolute; height: 100%;top:0; right: -14px; background-color: var(--green); z-index: -1;transform: skewX(-30deg); border-right:8px solid var(--shades02);} .product-details .product-cost .cost-price{position: relative; font-size: 24px; font-weight: 400; color: var(--shades02); line-height: 0.9; flex-shrink: 0; text-decoration: line-through;} .product-details .product-cost .sell-price{position: relative; font-size: 30px; font-weight: 700; color: var(--green); line-height: 0.9; flex-shrink: 0;} .product-details .product-cost .cost-installment{flex-grow: 1; flex-shrink: 1;padding: 4px 0 0;} .product-details .product-cost .cost-installment .label{display: block;font-size: 20px; font-weight: 500; color: var(--shades02);line-height: 0.9;} .product-details .product-cost .cost-installment .data{display: block;font-size: 20px; font-weight: 700; color: var(--shades02);line-height: 0.9;} .product-details .product-cost .cost-note{font-size: 20px; font-weight: 500; color: var(--shades02);line-height: 0.9; margin: 10px 0 0;} .product-details .product-cost .cost-note strong{white-space: nowrap;} .product-details .product-description{font-size: 20px; font-weight: 600; color: var(--shades02);line-height: 1.4;margin: 0 0 30px;} .product-details .additional-sales{padding: 16px 0 0;border-top: 1px solid rgba(0, 0, 0, 0.1);} .product-details .additional-sales h2{margin-top: 0;font-size: 19px;} .product-details .product-metas{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 24px;margin: 16px 0 0;padding: 16px 0 0;border-top: 1px solid rgba(0, 0, 0, 0.1);} .product-details .meta{display: flex; align-items: center; gap: 16px;} .product-details .meta .meta-icon{width: 30px;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center; flex-shrink: 0;} .product-details .meta .meta-icon img{width: 100%; height: 100%; object-fit: contain;} .product-details .meta .meta-content{flex-shrink: 1; flex-grow: 1;gap: 10px;display: flex;flex-direction: column;} .product-details .meta .label{ display: block; font-size: 20px; font-weight: 500; color: var(--shades02);line-height: 0.9;} .product-details .meta .data{ display: block; font-size: 20px; font-weight: 700; color: var(--shades02);line-height: 0.9;} .product-details .product-options{position: relative;margin: 0 0 40px;max-width: 320px;} .product-details .product-options .option-title{font-size: 20px; font-weight: 700; color: var(--shades02); text-transform: uppercase; line-height: 0.9; margin: 0 0 12px;} .product-details .product-avilability{position: relative;margin:0;max-width: 320px;} .product-details .product-avilability .avilability-title{font-size: 20px; font-weight: 700; color: var(--shades02); text-transform: uppercase; line-height: 0.9; margin: 0 0 12px;display: flex;align-items: center;gap: 12px;} .product-details .product-avilability .avilability-title span{display: inline-flex;align-items: center;font-size: 16px;background-color: var(--shades01);padding: 7px 12px 6px;border-radius: 60px;border: 2px solid var(--green);line-height: 1;position: relative;gap: 8px;color: var(--green);} .product-details .product-avilability .avilability-title span:before{content:'\f058'; font-family: 'Font Awesome 6 Pro'; } .product-details .product-avilability .avilability-description{font-size: 20px; font-weight: 500; color: var(--shades02); line-height: 1.2;} .product-details .product-actions{display: flex;align-items: center;gap: 12px;margin: 16px 0 0;padding: 16px 0 0;border-top: 1px solid rgba(0, 0, 0, 0.1);} .product-details .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 12px; background-color: var(--shades02); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase;border:0; cursor: pointer; flex-shrink: 1; flex-grow: 1;} .product-details .btn-action.alt{background-color: var(--green); color: var(--shades01);} .product-details .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades01-rgb), 0.2);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;} .product-details .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades01-rgb), 0.2);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;} .product-details .btn-action.alt:before{background-color: rgba(var(--shades02-rgb), 0.1);} .product-details .btn-action.alt:after{background-color: rgba(var(--shades02-rgb), 0.1);} .product-details .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);} .product-details .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);} .product-details .product-lead{margin: 0 0 20px; font-size: 16px; line-height: 1.5; color: var(--shades05);} .product-content{margin: 50px 0 0;} .product-details-images{position: relative;display: flex;flex-direction: column;gap: 12px;margin: 0 0 16px; width: 560px; max-width: 40%; flex-shrink: 0; overflow: hidden;} .product-details-images .mainSwiper{position: relative;overflow: hidden; border-radius: 4px; box-shadow: 0 2px 10px rgba(var(--shades02-rgb), 0.05); width: 100%; max-width: 100%; flex-shrink: 0;} .product-details-images .mainSwiper .swiper-wrapper{height: auto;} .product-details-images .mainSwiper .swiper-slide{height: auto;} .product-details-images .mainSwiper .icon-zoom{position: absolute;top: 10px;right: 10px;z-index: 2;display: flex;align-items: center;justify-content: center;width: 36px;aspect-ratio: 1 / 1;background-color: var(--green);border-radius: 4px;font-size: 20px;color: var(--shades01);} .product-details-images .mainSwiper .main-image{width: 100%; background-color: var(--shades01); display: flex;} .product-details-images .mainSwiper .main-image img{width: 100%; height: auto; object-fit:contain;} .product-details-images .thumbSwiper{position: relative; padding: 0 36px;margin: 0; flex-shrink: 0; overflow: hidden;} .product-details-images .thumbSwiper .swiper-slide{display: flex;} .product-details-images .thumbSwiper .thumb-image{position: relative; overflow: hidden; background-color: var(--shades01); border-radius: 4px; box-shadow: 0 2px 8px rgba(var(--shades02-rgb), 0.1); cursor: pointer; display: flex;border:2px solid transparent; transition: all 0.3s ease;} .product-details-images .thumbSwiper .thumb-image img{width: 100%; height: auto; object-fit:contain;} .product-details-images .thumbSwiper .swiper-slide-thumb-active .thumb-image{border-color: var(--green);} .product-details-images .swiper-pagination.swiper-pagination-progressbar{position: relative;flex-shrink: 0;background-color: rgba(var(--shades02-rgb), 0.1);height: 4px;width: 100%;border-radius: 10px;z-index: 1;} .product-details-images .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--green);height: 100%;top: 0;border-radius: 10px;z-index: 1;} .product-details-images .thumbSwiper .thumb-button-prev, .product-details-images .thumbSwiper .thumb-button-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 30px; height: calc(100% - 16px); display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.9); cursor: pointer; transition: all 0.3s ease;} .product-details-images .thumbSwiper .thumb-button-prev:hover, .product-details-images .thumbSwiper .thumb-button-next:hover { background: rgba(255, 255, 255, 1);} .product-details-images .thumbSwiper .thumb-button-prev {left: 0;} .product-details-images .thumbSwiper .thumb-button-next {right: 0;} .product-details-images .thumbSwiper .thumb-button-prev.swiper-button-disabled, .product-details-images .thumbSwiper .thumb-button-next.swiper-button-disabled { opacity: 0.35; cursor: not-allowed;} .product-installments{position: relative;border-radius: 4px;box-shadow: 0 2px 10px rgba(var(--shades02-rgb), 0.05);background-color: var(--shades01); margin: 0 0 24px;} .product-installments .installments-title{position: relative;min-height: 42px;padding: 6px 72px 6px 20px;display: flex;align-items: center;font-size: 26px;color: var(--shades01);font-weight: 500; gap: 12px; overflow: hidden; z-index: 0; border-radius: 4px 0 0 0;} .product-installments .installments-title:before{content: "";position: absolute;width: 100%;height: 100%;background-color: var(--shades04);top: 0;left: -60px;transform: skewX(-30deg);z-index: -1;} .product-installments .installments-title:after{content:""; position:absolute;height: 100%;top: 0;right: 42px;z-index: -1;transform: skewX(-30deg);border-right: 8px solid var(--green);} .product-installments .installments-title span{font-weight: 700;} .product-installments .installments-content{position: relative; padding: 16px 16px;} .product-installments .installments-description{font-size: 16px;font-weight: 500;color: var(--shades05);line-height: 1.5;} .product-installments .installments-provider{display: flex;gap: 8px;flex-wrap: wrap; padding: 12px 0;} .product-installments .installments-provider .provider{position: relative; overflow: hidden;} .product-installments .installments-provider .provider .provider-input{position: absolute;margin: 0;z-index: 1;cursor: pointer;width: 100%;height: 100%;opacity: 0;} .product-installments .installments-provider .provider .provider-logo{width: 100%;height: 36px;display: flex;padding: 7px 16px;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 60px;transition: all 0.3s ease;} .product-installments .installments-provider .provider .provider-logo img{width: 100%; height: 100%; object-fit: contain;filter: grayscale(1);opacity: 0.5; transition: all 0.3s ease;} .product-installments .installments-provider .provider .provider-input:checked ~ .provider-logo{border-color: var(--green);} .product-installments .installments-provider .provider .provider-input:checked ~ .provider-logo img{filter: grayscale(0);opacity: 1;} .product-installments .installments-provider .provider .pm-comment-icon{position: absolute;top: -6px;right: -6px;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 2;color: var(--shades04);font-size: 14px;} .product-installments .installments-provider .provider .pm-comment-content{display: none;position: fixed;left: 16px;right: 16px;bottom: auto;width: auto;min-width: 0;max-width: none;padding: 10px 14px;background: var(--shades04);color: #fff;font-size: 13px;font-weight: 400;line-height: 1.5;border-radius: 6px;box-shadow: 0 4px 12px rgba(0,0,0,0.15);z-index: 100;text-align: left;} .product-installments .installments-provider .provider:has(.pm-comment-content){overflow: visible;} .product-installments .installments-provider .provider .pm-comment-icon.active ~ .pm-comment-content{display: block;} .product-installments .installments-actions{display: flex;align-items: center;gap: 16px;} .product-installments .installments-actions .installment-tenure{flex-grow: 1; flex-shrink: 1;} .product-installments .installments-actions .installment-tenure .dropdown .dropdown-toggle{border: 1px solid rgba(0,0,0,0.2); font-size: 16px; height:44px;} .product-installments .installments-actions .installment-action{flex-shrink: 0;} .product-installments .installments-actions .installment-action .installment-price-display{display: flex; align-items: center; justify-content: center; height: 44px; min-width: 120px; padding: 0 16px; font-size: 20px; font-weight: 700; color: var(--green); border: 1px solid var(--green); border-radius: 4px; white-space: nowrap;} .product-facilities{flex-shrink: 0; width: 100%; max-width: 280px;} .product-enquiry{position: relative;border-radius: 4px;box-shadow: 0 2px 10px rgba(var(--shades02-rgb), 0.05);background-color: var(--shades01); margin: 0 0 16px; overflow: hidden; z-index: 0;} .product-enquiry .enquiry-inner{padding: 16px 84px 16px 16px;position: relative;} .product-enquiry .image{position: absolute;height: 70%;bottom: 0;right: 24px;z-index: -1;} .product-enquiry .image img{width: 100%; height: 100%; object-fit: contain; object-position: bottom right;} .product-enquiry .title{font-weight: 600;font-size: 14px;color: var(--green);margin: 0 0 12px;} .product-enquiry .subtitle{font-size: 16px;font-weight: 600;margin: 0 0 16px;} .product-enquiry .contact{position: relative;display: flex;flex-direction: column;gap: 12px;} .product-enquiry .contact .contact-item{position: relative;} .product-enquiry .contact .item-label{font-size: 14px; font-weight: 600;} .product-enquiry .contact .item-data{font-size: 16px; font-weight: 600;} .product-enquiry .contact .item-data a{color: var(--shades02);} .product-enquiry .contact .item-data a:hover{color: var(--green);} .product-enquiry .actions{ display: flex;} .product-enquiry .actions .enquiry-btn-action{width: 100%;display: flex;align-items: center;justify-content: center;height: 40px;position: relative;overflow: hidden;border: 0;background-color: var(--shades01);font-size: 16px;font-weight: 600;text-transform: uppercase;color: var(--shades01); padding: 0; z-index: 0; cursor: pointer;} .product-enquiry .actions .enquiry-btn-action:before{content: "";position: absolute;width: 100%;height: 100%;background-color: var(--green);top: 0;left: -30px;transform: skewX(-30deg);z-index: -1;} .product-enquiry .actions .enquiry-btn-action:after{content:""; position:absolute;height: 100%;top: 0;right: 16px;z-index: -1;transform: skewX(-30deg);border-right: 8px solid var(--green);} .product-transportation{position: relative;border-radius: 4px;box-shadow: 0 2px 10px rgba(var(--shades02-rgb), 0.05);background-color: var(--shades01); margin: 0 0 16px; overflow: hidden; z-index: 0;display: flex;} .product-transportation .content{ padding: 16px; flex-shrink: 1; flex-grow: 1;} .product-transportation .title{font-size: 16px;font-weight: 700;text-transform: uppercase;margin: 0 0 4px;} .product-transportation .description{font-size: 15px; font-weight: 400;} .product-transportation .decor{flex-shrink: 0;background-color: var(--green);display: flex;align-items: center;justify-content: center;padding: 16px 16px;position: relative; z-index: 0;} .product-transportation .decor:before{content:""; position:absolute;background-color: var(--green);height: calc(50% + 0.5px);aspect-ratio: 1 / 1;transform: skewX(-30deg);top: 0;left: -10px;z-index: -1;} .product-transportation .decor:after{content:""; position:absolute;background-color: var(--green);height: calc(50% + 0.5px);aspect-ratio: 1 / 1;transform: skewX(30deg);bottom: 0;left: -10px;z-index: -1;} .product-transportation .image{height: 24px; display: flex;position: relative; z-index: 0;} .product-transportation .image:before{content:""; position:absolute;height: 16px;width: 4px;background-color: var(--shades01);transform: skewX(-30deg);left: -20px;top: -4px;} .product-transportation .image:after{content:""; position:absolute;height: 16px;width: 4px;background-color: var(--shades01);transform: skewX(30deg);left: -20px;bottom: -4px;} .product-transportation .image img{width: 100%; height: 100%; object-fit: contain;} .product-instruction{position: relative;border-radius: 4px;box-shadow: 0 2px 10px rgba(var(--shades02-rgb), 0.05);background-color: var(--shades01); margin: 0 0 16px; overflow: hidden; z-index: 0; padding: 16px 16px;} .product-instruction .title{font-size: 20px; font-weight: 600;margin: 0 0 16px;} .product-instruction .title span{color: var(--green); font-weight: 700;} .product-instruction .description{margin: 0 0 16px;font-size: 16px;line-height: 1.4;color: var(--gray);} .product-instruction .actions{display: flex; align-items: center; justify-content: center; margin: 40px 0 16px;} .product-instruction .actions .action-link{font-size: 16px;color: var(--gray); text-decoration: underline;} .product-instruction .actions .action-link:hover{color: var(--green);} .product-instruction .associates{display: flex;flex-wrap: wrap;gap: 4px;} .product-instruction .associates .associate{border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 60px;padding: 4px 8px;height: 28px; display: flex;} .product-instruction .associates .associate img{width: 100%; height: 100%; object-fit: contain;} .section-product-specification .product-content{font-size:20px;line-height:1.5;color:var(--shades05);font-weight:500;} .section-product-specification .product-content h1{font-size:40px;margin:40px 0 16px;line-height:1.2;font-weight:600;} .section-product-specification .product-content h2{font-size:32px;margin:40px 0 16px;line-height:1.2;font-weight:600;} .section-product-specification .product-content h3{font-size:28px;margin:40px 0 16px;line-height:1.2;font-weight:600;} .section-product-specification .product-content h4{font-size:24px;margin:40px 0 16px;line-height:1.2;font-weight:600;} .section-product-specification .product-content h5{font-size:20px;margin:40px 0 16px;line-height:1.2;font-weight:600;} .section-product-specification .product-content h6{font-size:16px;margin:40px 0 16px;line-height:1.2;font-weight:600;} .section-product-specification .product-content p{margin:0 0 16px;font-size:20px;line-height:1.6;color:var(--shades05);font-weight:500;} .section-product-specification .product-content img{max-width:100%;height:auto;display:inline-block} .section-product-specification .product-content img.img-align-left{display:block;float:left;margin:20px 30px 20px 0} .section-product-specification .product-content img.img-align-right{display:block;float:right;margin:20px 0 30px 20px} .section-product-specification .product-content img.img-align-center{display:block;margin:10px auto} .section-product-specification .product-content a{text-decoration:none;transition:all .3s ease} .section-product-specification .product-content a:hover{color:var(--green);text-decoration:underline} .section-product-specification .product-content pre{text-decoration:none} .section-product-specification .product-content hr{border:0 none;height:1px;background-color:rgba(0, 0, 0, 0.1);position:relative;clear:both;margin:20px 0!important} .section-product-specification .product-content blockquote{font:inherit;display:block;position:relative;clear:both;overflow-x:auto;white-space:pre-wrap;white-space:-moz-pre-wrap!important;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;padding:20px;border-radius:4px;font-weight:500;font-size:20px;line-height:1.5;color:var(--shades-01)} .section-product-specification .product-content ul{margin:20px 0!important;padding:0;list-style-type:disc;padding:0 0 0 20px} .section-product-specification .product-content ul li{padding:0;line-height:1.5;font-weight:500;color:var(--shades05);font-size:20px;} .section-product-specification .product-content ol{margin:20px 0!important;padding:0;list-style-type:decimal;padding:0 0 0 20px} .section-product-specification .product-content ol li{padding:0;line-height:1.5;font-weight:500;color:var(--shades05);font-size:20px;} .section-product-specification .product-content table td{font-size:16px;line-height:1.5;font-weight:500;color:var(--gray)} .section-product-specification .product-content table.blog{width:100%;border-collapse:collapse} .section-product-specification .product-content table.blog td,.product-content table.blog th{border:1px solid rgba(0, 0, 0, 0.1);padding:5px 10px} /* ********|| PRODUCT DETAILS END ||******** */ .product-details .extra-services {} .product-details .extra-services .item {overflow: hidden;margin-top: 12px;} .product-details .extra-services .item .item-row{display: flex;justify-content: space-between;padding: 2px 0 0;} .product-details .extra-services .item .address-row{position: relative;display: flex;justify-content: space-between;border-top: 1px solid rgba(var(--shades04-rgb), 0.2);} .product-details .extra-services .item .address-row input{border: 0 none;background: transparent;padding: 16px;width: 100%;} .product-details .extra-services .item .address-row input.error{background: var(--red);color: var(--shades01);} .product-details .extra-services .item .address-row button{border: 0 none;background: var(--shades07);position: absolute;top: 7px;right: 7px;width: 40px;height: 40px;border-radius: 20px;display: flex;justify-content: center;align-items: center;} .product-details .extra-services .item .address-row button:hover{background: var(--shades06);} .product-details .extra-services .item .address-row input.error + button{color: var(--shades01);} .product-details .extra-services .item .additional-sales-title{font-weight: bold;font-size: 15px;color: var(--purple);} .product-details .extra-services .item .checkbox{padding-top: 0;} .product-details .extra-services .item .checkbox-label{} .product-details .extra-services .item .checkbox-label:before{top: -2px;} .product-details .extra-services .item .checkbox-label:after{top: -2px;} .product-details .extra-services .service-tooltip {display: flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: 50%;background: #959595;margin: 0 5px;float: right;} .product-details .extra-services .service-tooltip img {display: block;width: 12px;height: 12px;} .product-details .extra-services .service-distance-remark{padding: 5px 16px 0;margin-left: 30px;display: flex;justify-content: space-between;line-height: 1.3;} .product-details .extra-services .service-distance-remark .remark-label{} .product-details .extra-services .service-distance-remark .remark-label div + div{margin-top: 6px;} .product-details .extra-services .service-distance-remark .remark-price{white-space: nowrap;} .product-details .extra-services .service-distance-remark .address-string{font-weight: bold;} .product-details .extra-services .service-distance-remark .edit-address-btn{font-size: 10px;background: var(--purple);color: var(--shades01);display: inline-block;padding: 4px 5px;border-radius: 4px;cursor: pointer;top: -2px;position: relative;margin-left: 6px;} .product-details .extra-services .service-text {padding: 6px 16px 16px;margin-left: 30px;} .product-details .extra-services .service-text .service-link {color: var(--shades04);font-size: 13px;} .product-details .extra-services .service-text .service-link:hover {color: var(--purple);} .product-details .extra-services .service-price {font-weight: bold;font-size: 15px;color: var(--purple);display: flex;white-space: nowrap;} /* ********|| PRODUCT OVERVIEW START ||******** */ .section-product-overview{position: relative; width: 100%; padding: 100px 0; background-color: var(--shades07);} .section-product-overview .overview-title{font-size: 70px; font-weight: 700; color: var(--shades01); line-height: 0.9; text-transform: uppercase; margin: 0 0 60px;text-align: center;} .section-product-overview .overview-description{font-size: 30px; color: var(--shades01); line-height: 1.4; text-align: center;} .section-product-overview .overview-description p{margin: 0 0 30px;} /* ********|| PRODUCT OVERVIEW END ||******** */ /* ********|| PRODUCT FEATURES START ||******** */ .section-product-features{position: relative; width: 100%; padding: 100px 0; background-color: var(--shades04);} .section-product-features .product-features-subtitle{font-size: 30px;font-weight: 700; color: var(--green);line-height: 0.9; text-transform: uppercase; margin: 0 0 30px;text-align: center;} .section-product-features .product-features-title{font-size: 60px; font-weight: 700; color: var(--shades01); line-height: 0.9; text-transform: uppercase; margin: 0 0 60px;text-align: center;} /* .product-features{position: relative; margin: 100px 0 0;} */ .section-feature{position: relative; padding: 10px 0; width: 100%;background-color: var(--shades04);} .section-feature .feature{position: relative; overflow: hidden; border-radius: 10px; height: 360px; padding: 70px 100px;z-index: 0;} .section-feature .feature .feature-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;} .section-feature .feature .feature-image img{width: 100%; height: 100%; object-fit: cover;} .section-feature .feature .feature-image img+img{display: none;} .section-feature .feature .feature-title{font-size: 60px; font-weight: 700; color: var(--shades01); line-height: 0.9; text-transform: uppercase; margin: 0 0 20px; text-shadow: 2px 2px 6px rgba(0,0,0,0.4);} .section-feature .feature .feature-description{font-size: 30px; color: var(--shades01); line-height: 1.4; max-width: 60%; text-shadow: 2px 2px 12px rgba(0,0,0,0.2)} .section-feature.right .feature .feature-title{text-align: right;} .section-feature.right .feature .feature-description{text-align: right; margin-left: auto;} /* ********|| PRODUCT FEATURES END ||******** */ /* ********|| PRODUCT DETAILS CTA START ||******** */ .section-product-cta{position: relative; padding: 100px 0; display: flex; align-items: center; overflow: hidden; width: 100%; height: 100vh; z-index: 0;} .section-product-cta .product-cta-background-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;} .section-product-cta .product-cta-background-image:before{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-color: rgba(var(--shades02-rgb), 0.25);} .section-product-cta .product-cta-background-image img{width: 100%; height: 100%; object-fit: cover;} .section-product-cta .product-cta-background-image img+img{display: none;} .section-product-cta .product-cta-content{position: relative; width: 100%; max-width: 480px;} .section-product-cta .product-cta-content .product-cta-title{font-size: 60px; font-weight: 700; color: var(--shades01); line-height: 0.9; text-transform: uppercase; margin: 0 0 20px;} .section-product-cta .product-cta-content .product-cta-description{font-size: 30px; color: var(--shades01); line-height: 1.4;} .section-product-cta .product-cta-content .product-cta-actions{display: flex; align-items: center; gap:24px; margin: 60px 0 0;} .section-product-cta .product-cta-content .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 32px; background-color: var(--green); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase;} .section-product-cta .product-cta-content .btn-action.alt{background-color: var(--shades01); color: var(--shades03);} .section-product-cta .product-cta-content .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;} .section-product-cta .product-cta-content .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;} .section-product-cta .product-cta-content .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);} .section-product-cta .product-cta-content .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);} .section-product-cta .product-cta-content .btn-action-alt{ position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; height: 36px; padding: 0 12px;font-size: 20px; font-weight: 700; color: var(--shades01); text-transform: uppercase; z-index: 0;} .section-product-cta .product-cta-content .btn-action-alt i{font-size: 24px;} .section-product-cta .product-cta-content .btn-action-alt:before{content: ''; position: absolute; width: 50%; height: 100%;top:0; right: 0; background-color: var(--green); z-index: -1;transform: skewX(-30deg);} .section-product-cta .product-cta-content .btn-action-alt:after{content: ''; position: absolute; height: 100%;top:0; right: -14px; background-color: var(--green); z-index: -1;transform: skewX(-30deg); border-right:8px solid var(--green);} /* ********|| PRODUCT DETAILS CTA END ||******** */ /* ********|| PRODUCT CONTENT START ||******** */ .section-product-content{position: relative; width: 100%; padding: 40px 0; background-color: #EBEBEB;} .section-product-content .product-content{margin: 0;} .section-product-content .product-content{font-size:20px;line-height:1.5;color:var(--shades05);font-weight:500;} .section-product-content .product-content h1{font-size:40px;margin:40px 0 16px;line-height:1.2;font-weight:600;} .section-product-content .product-content h1:first-child{margin-top:0;} .section-product-content .product-content h2{font-size:32px;margin:40px 0 16px;line-height:1.2;font-weight:600;} .section-product-content .product-content h2:first-child{margin-top:0;} .section-product-content .product-content h3{font-size:28px;margin:40px 0 16px;line-height:1.2;font-weight:600;} .section-product-content .product-content h3:first-child{margin-top:0;} .section-product-content .product-content h4{font-size:24px;margin:40px 0 16px;line-height:1.2;font-weight:600;} .section-product-content .product-content h5{font-size:20px;margin:40px 0 16px;line-height:1.2;font-weight:600;} .section-product-content .product-content h6{font-size:16px;margin:40px 0 16px;line-height:1.2;font-weight:600;} .section-product-content .product-content p{margin:0 0 16px;font-size:20px;line-height:1.6;color:var(--shades05);font-weight:500;} .section-product-content .product-content p:last-child{margin-bottom:0;} .section-product-content .product-content img{max-width:100%;height:auto;display:inline-block} .section-product-content .product-content a{text-decoration:none;transition:all .3s ease} .section-product-content .product-content a:hover{color:var(--green);text-decoration:underline} .section-product-content .product-content hr{border:0 none;height:1px;background-color:rgba(0, 0, 0, 0.1);position:relative;clear:both;margin:20px 0!important} .section-product-content .product-content ul{margin:20px 0!important;padding:0 0 0 20px;list-style-type:disc;} .section-product-content .product-content ul li{padding:0;line-height:1.5;font-weight:500;color:var(--shades05);font-size:20px;} .section-product-content .product-content ol{margin:20px 0!important;padding:0 0 0 20px;list-style-type:decimal;} .section-product-content .product-content ol li{padding:0;line-height:1.5;font-weight:500;color:var(--shades05);font-size:20px;} /* ********|| PRODUCT CONTENT END ||******** */ /* ********|| PRODUCT SPECIFICATIONS START ||******** */ .section-product-specification{position: relative; width: 100%; padding: 100px 0;background-color: var(--shades08);} .section-product-specification .product-specification-subtitle{font-size: 30px;font-weight: 700; color: var(--green);line-height: 0.9; text-transform: uppercase; margin: 0 0 30px;text-align: center;} .section-product-specification .product-specification-title{font-size: 60px; font-weight: 700; color: var(--shades02); line-height: 0.9; text-transform: uppercase; margin: 0 0 60px;text-align: center;} .product-specification{display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(0, 1fr);grid-column-gap: 30px;grid-row-gap: 30px;} .product-specification .specification{position: relative; background-color: var(--shades07);box-shadow: 0 0 20px rgba(var(--shades02-rgb), 0.1);} .product-specification .specification:nth-child(1) { grid-area: auto / auto / auto / auto; } .product-specification .specification:nth-child(2) { grid-area: auto / auto / auto / auto; } .product-specification .specification:nth-child(3) { grid-area: auto / auto / auto / auto; } .product-specification .specification:nth-child(4) { grid-area: auto / auto / auto / auto; } .product-specification .specification .specification-header{position: relative; height: 80px; padding: 0 30px; display: flex; align-items: center;z-index: 0; overflow: hidden;} .product-specification .specification .specification-header:before{content:""; position: absolute;top: 0;left: 0;width: 100%;z-index: -2; border-top: 10px solid var(--green);} .product-specification .specification .specification-header:after{content:""; position: absolute;bottom: 0;left: -80px;width: 100%;height: 100%;background-color: var(--shades01);z-index: -1;transform: skewX(-30deg);} .product-specification .specification .header-title{font-size: 30px; font-weight: 700; line-height: 0.9; color: var(--green); text-transform: uppercase;margin: 0;} .product-specification .specification .specification-body{position: relative; padding: 30px;} .product-specification .specification .specification-item{display: flex; align-items: center; justify-content: space-between; min-height: 80px; gap: 40px;} .product-specification .specification .specification-item+.specification-item{border-top: 1px solid rgba(var(--shades01-rgb), 0.2);} .product-specification .specification .specification-label{font-size: 18px; font-weight: 700; line-height: 0.9; color: var(--shades01); flex-shrink: 0;} .product-specification .specification .specification-data{font-size: 18px; font-weight: 500; line-height: 0.9; color: var(--shades01); text-align: right;} /* ********|| PRODUCT SPECIFICATIONS END ||******** */ /* ********|| PRODUCT GALLERY START ||******** */ .section-product-gallery{position: relative; width: 100%; padding: 100px 0;background-color: var(--shades08);} .section-product-gallery .product-gallery-subtitle{font-size: 30px;font-weight: 700; color: var(--green);line-height: 0.9; text-transform: uppercase; margin: 0 0 30px;text-align: center;} .section-product-gallery .product-gallery-title{font-size: 60px; font-weight: 700; color: var(--shades02); line-height: 0.9; text-transform: uppercase; margin: 0 0 60px;text-align: center;} .product-gallery{position: relative; margin: 100px 0 0;} .product-gallery .gallery-item{position: relative; width: 100%; aspect-ratio: 1/1; overflow: hidden;display: flex;} .product-gallery .gallery-item img{width: 100%; height: 100%; object-fit: cover;} /* ********|| PRODUCT GALLERY END ||******** */ /* ********|| PAGE BANNER START ||******** */ .section-page-banner{ position: relative; width: 100%; height: 600px; overflow: hidden;padding: 40px 0 60px;display: flex; align-items: center;z-index: 0;} .section-page-banner .page-banner-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;} .section-page-banner .page-banner-image:before{content: '';position: absolute;width: 100%;height: 100%;z-index: 0;background: radial-gradient(circle farthest-corner at 60% 50%, transparent, var(--shades02));} .section-page-banner .page-banner-image img{width: 100%; height: 100%; object-fit: cover;} .section-page-banner .page-banner-image img+img{display: none;} .section-page-banner .page-banner-title{font-size: 70px; font-weight: 700; color: var(--shades01); line-height: 0.9; margin: 0; text-transform: uppercase;} /* ********|| PAGE BANNER END ||******** */ /* ********|| CONTACT START ||******** */ .section-contact {position: relative; width: 100%; padding: 100px 0;background-color: var(--shades08);} div .section-contact {position: relative; width: 100%; padding: 20px 0;background-color: var(--shades08);} .get-in-touch{display: flex; gap: 80px;} .get-in-touch .get-in-touch-content{flex-grow: 1; flex-shrink: 1;} .get-in-touch .get-in-touch-title{font-size: 60px; font-weight: 700; color: var(--shades02); line-height: 0.9; margin: 0 0 20px; text-transform: uppercase;} .get-in-touch .get-in-touch-subtitle{font-size: 30px; font-weight: 500; color: var(--shades02); line-height: 1.2; margin: 0 0 20px;} .get-in-touch .get-in-touch-form{position: relative; margin: 24px 0 0;} .get-in-touch .get-in-touch-form .row{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;} .get-in-touch .get-in-touch-form .form-group{position: relative; margin: 0 0 14px;} .get-in-touch .get-in-touch-form .form-control{min-height: 42px; font-size: 16px; padding: 6px 12px;} .get-in-touch .get-in-touch-form textarea.form-control{min-height: 90px;} .get-in-touch .get-in-touch-form .form-action{display: flex; align-items: center;} .get-in-touch .get-in-touch-form .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 44px; padding: 0 28px; background-color: var(--green); border-radius: 4px; font-size: 15px; font-weight: 700; color: var(--shades01); text-transform: uppercase;} .get-in-touch .get-in-touch-form .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;} .get-in-touch .get-in-touch-form .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;} .get-in-touch .get-in-touch-form .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);} .get-in-touch .get-in-touch-form .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);} .get-in-touch .get-in-touch-form .btn-action input{position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;} .get-in-touch .get-in-touch-image{width: 100%; height: 100%; overflow: hidden; border-radius: 20px; flex-shrink: 0; max-width: 640px;display: flex;} .get-in-touch .get-in-touch-image img{ width: 100%; height: 100%; object-fit: cover;} .contact-locations-container{position: relative; margin: 80px 0 0; padding: 80px 0 0; border-top: 1px solid rgba(var(--shades02-rgb), 0.1); display: flex; flex-direction: column; gap: 160px;} .contact-location{flex-grow: 1; flex-shrink: 1; position: relative; padding: 0 80px 0 0;} .contact-location .locations{position: relative;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 48px;} .contact-location .locations .location{display: flex; gap: 60px;flex-direction: column;} .contact-location .locations .location .location-content{ flex-grow: 1; flex-shrink: 1;} .contact-location .locations .location .location-title{font-size: 40px; font-weight: 700; line-height: 0.9; color: var(--shades02); text-transform: uppercase;margin: 0 0 24px;} .contact-location .locations .location .location-meta{position: relative;} .contact-location .locations .location .location-meta .meta{display: flex;align-items: flex-start;gap: 24px;} .contact-location .locations .location .location-meta .meta+.meta{margin: 24px 0 0;} .contact-location .locations .location .location-meta .meta-icon{font-size: 24px;color: var(--shades05);flex-shrink: 0; padding: 4px 0 0; transition:all 0.3s ease;} .contact-location .locations .location .location-meta .meta-data{font-size: 30px; line-height: 1;color: var(--shades02); transition:all 0.3s ease;} .contact-location .locations .location .location-meta .meta-data a{color: var(--shades02);} .contact-location .locations .location .location-meta .meta:hover .meta-icon{color: var(--green);} .contact-location .locations .location .location-meta .meta:hover .meta-data{color: var(--green);} .contact-location .locations .location .location-meta .meta:hover .meta-data a{color: var(--green);} .contact-location .locations .location-action{display: flex; margin: 40px 0 0; padding: 0 0 0 52px;} .contact-location .locations .location-action .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 44px; padding: 0 32px; background-color: var(--shades01); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--green); text-transform: uppercase; border:1px solid var(--green)} .contact-location .locations .location-action .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;} .contact-location .locations .location-action .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;} .contact-location .locations .location-action .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);} .contact-location .locations .location-action .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);} .contact-location .locations .location-image{width: 100%; aspect-ratio: 5 / 3; overflow: hidden; border-radius: 20px; flex-shrink: 0; display: flex;} .contact-location .locations .location-image img{width: 100%; height: 100%; object-fit: cover;} .contact-location-map{flex-grow: 1; flex-shrink: 1; position: relative; display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 0;} .contact-location-map .map-image{display: flex;margin: 0 auto;width: 100%; max-width: 700px;} .contact-location-map .map-image img{width: 100%; height: 100%; object-fit: cover;} .contact-location-map .location-watermark{position: absolute;bottom: 0;left: 0;width: 100%;opacity: 1;z-index: -1;} .contact-location-map .location-watermark img{width: 100%; height: 100%; object-fit: contain;} /* ********|| CONTACT END ||******** */ /* ********|| TEST DRIVE START ||******** */ .section-test-drive{position: relative; padding: 40px 0 0; overflow: hidden; width: 100%;background-color: var(--shades08);} .section-test-drive .container{position: relative;z-index: 0;} .test-drive-content{width: 50%;padding: 100px 0 30px;} .test-drive-content .test-drive-title{font-size: 60px; font-weight: 700; line-height: 0.9; color: var(--shades02); text-transform: uppercase;margin: 0 0 30px;} .test-drive-content .test-drive-title p{font: inherit;} .test-drive-content .test-drive-title span, .test-drive-content .test-drive-title strong{color: var(--green);} .test-drive-content .test-drive-description{font-size: 30px; font-weight: 500; line-height: 1.2; color: var(--shades02);} .test-drive-content .test-drive-description p{font: inherit;} .test-drive-content .test-drive-form{position: relative; margin: 50px 0 0;} .test-drive-content .test-drive-form .row{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px;} .test-drive-content .test-drive-form .form-group{position: relative; margin: 0 0 30px;} .test-drive-content .test-drive-form .form-action{display: flex; align-items: center;} .test-drive-content .test-drive-form .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 32px; background-color: var(--green); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase;} .test-drive-content .test-drive-form .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;} .test-drive-content .test-drive-form .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;} .test-drive-content .test-drive-form .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);} .test-drive-content .test-drive-form .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);} .test-drive-content .test-drive-form .btn-action input{position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;} .test-drive-image{width: 50%;overflow: hidden;position: absolute;bottom: 0;right: 0;display: flex;flex-direction: column;z-index: -1;} .test-drive-image img{width: 100%; height: 100%; object-fit: contain;} .test-drive-product-info{position: relative;z-index: 1;padding: 0 30px 30px;} .test-drive-product-info .product-info-inner{background-color: var(--gray);padding: 24px 28px;border-radius: 0;} .test-drive-product-info .product-info-name{font-size: 28px;font-weight: 700;color: var(--shades01);text-transform: uppercase;line-height: 1;margin: 0;} .test-drive-product-info .product-info-intro{font-size: 16px;font-weight: 500;color: rgba(var(--shades01-rgb), 0.7);text-transform: uppercase;line-height: 1.2;margin: 6px 0 0;} .test-drive-product-info .product-info-metas{display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px;margin: 16px 0 0;} .test-drive-product-info .product-info-metas .meta{display: flex;align-items: center;gap: 10px;} .test-drive-product-info .product-info-metas .meta .meta-icon{width: 20px;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;flex-shrink: 0;} .test-drive-product-info .product-info-metas .meta .meta-icon img{width: 100%;height: 100%;object-fit: contain;} .test-drive-product-info .product-info-metas .meta .meta-content{flex-shrink: 1;flex-grow: 1;} .test-drive-product-info .product-info-metas .meta .label{display: block;font-size: 12px;font-weight: 500;color: rgba(var(--shades01-rgb), 0.5);line-height: 1.2;} .test-drive-product-info .product-info-metas .meta .data{display: block;font-size: 14px;font-weight: 700;color: var(--shades01);line-height: 1.2;} .test-drive-product-info .product-info-link{display: inline-flex;align-items: center;gap: 8px;margin: 18px 0 0;font-size: 14px;font-weight: 700;color: var(--green);text-transform: uppercase;text-decoration: none;transition: gap 0.3s ease;} .test-drive-product-info .product-info-link:hover{gap: 14px;} .test-drive-product-info .product-info-link i{font-size: 16px;transition: transform 0.3s ease;} /* ********|| TEST DRIVE END ||******** */ /* ********|| SERVICE PACKAGES START ||******** */ .section-service-packages{position: relative;width: 100%;padding: 100px 0;background-color: var(--shades08);} .service-packages-subtitle{font-size: 16px;font-weight: 600;color: var(--green);text-transform: uppercase;letter-spacing: 2px;margin: 0 0 10px;} .service-packages-title{font-size: 48px;font-weight: 700;color: var(--shades02);line-height: 1;margin: 0 0 20px;text-transform: uppercase;} .service-packages-description{font-size: 16px;color: var(--shades06);line-height: 1.6;max-width: 600px;margin: 0 0 48px;} .service-packages-description p{margin: 0;} .service-packages-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 24px;} .service-package{position: relative;background-color: var(--shades01);border-radius: 12px;overflow: hidden;display: flex;flex-direction: column;border: 1px solid rgba(var(--shades02-rgb), 0.08);transition: box-shadow 0.3s ease, transform 0.3s ease;} .service-package:hover{box-shadow: 0 8px 30px rgba(var(--shades02-rgb), 0.12);transform: translateY(-4px);} .service-package.featured{border-color: var(--green);box-shadow: 0 4px 20px rgba(var(--green-rgb), 0.15);} .service-package.featured:hover{box-shadow: 0 8px 30px rgba(var(--green-rgb), 0.25);} .service-package-badge{position: absolute;top: 16px;right: 16px;background-color: var(--green);color: var(--shades01);font-size: 12px;font-weight: 600;padding: 4px 12px;border-radius: 20px;text-transform: uppercase;letter-spacing: 1px;} .service-package-header{padding: 32px 28px 24px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.06);} .service-package-name{font-size: 24px;font-weight: 700;color: var(--shades02);margin: 0 0 8px;text-transform: uppercase;} .service-package-price{font-size: 16px;color: var(--shades06);} .service-package-price strong{font-size: 32px;font-weight: 700;color: var(--green);} .service-package-body{padding: 24px 28px;flex: 1;} .service-package-description{font-size: 16px;color: var(--shades06);line-height: 1.5;margin: 0 0 20px;} .service-package-features{list-style: none;padding: 0;margin: 0;} .service-package-features li{display: flex;align-items: flex-start;gap: 10px;font-size: 16px;color: var(--shades04);line-height: 1.4;padding: 6px 0;} .service-package-features li i{color: var(--green);font-size: 16px;flex-shrink: 0;margin-top: 2px;} .service-package-footer{padding: 0 28px 28px;} .service-package-footer .btn-action{position: relative;z-index: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;width: 100%;height: 44px;background-color: var(--green);border-radius: 6px;font-size: 15px;font-weight: 600;color: var(--shades01);text-transform: uppercase;border: 1px solid var(--green);transition: background-color 0.2s ease, color 0.2s ease;} .service-package-footer .btn-action:hover{background-color: var(--shades01);color: var(--green);} .service-package-image{width: 100%;aspect-ratio: 16 / 9;overflow: hidden;} .service-package-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;} .service-package:hover .service-package-image img{transform: scale(1.05);} /* ********|| SERVICE PACKAGES END ||******** */ /* ********|| SERVICE PRICELIST START ||******** */ .section-service-pricelist{position: relative;width: 100%;padding: 100px 0;background-color: var(--shades08);} .service-pricelist-subtitle{font-size: 16px;font-weight: 600;color: var(--green);text-transform: uppercase;letter-spacing: 2px;margin: 0 0 10px;} .service-pricelist-title{font-size: 48px;font-weight: 700;color: var(--shades02);line-height: 1;margin: 0 0 12px;text-transform: uppercase;} .service-pricelist-description{font-size: 17px;color: var(--shades06);line-height: 1.6;max-width: 720px;margin: 0 0 48px;} .service-pricelist-description p{margin: 0;} .service-pricelist-grid{display: grid;grid-template-columns: 1fr 380px;gap: 24px;align-items: start;} .service-pricelist-card{background-color: var(--shades01);border-radius: 12px;overflow: hidden;border: 1px solid rgba(var(--shades02-rgb), 0.08);transition: box-shadow 0.3s ease;} .service-pricelist-card:hover{box-shadow: 0 8px 30px rgba(var(--shades02-rgb), 0.08);} .service-pricelist-card-header{padding: 28px 28px 20px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.06);} .service-pricelist-card-header h3{font-size: 22px;font-weight: 700;color: var(--shades02);margin: 0;text-transform: uppercase;} .service-pricelist-card-body{padding: 0;} .service-pricelist-table{width: 100%;border-collapse: collapse;} .service-pricelist-table tr{border-bottom: 1px solid rgba(var(--shades02-rgb), 0.06);transition: background-color 0.2s ease;} .service-pricelist-table tr:last-child{border-bottom: none;} .service-pricelist-table tr:hover{background-color: rgba(var(--green-rgb), 0.04);} .service-pricelist-table td{padding: 16px 28px;font-size: 17px;color: var(--shades04);line-height: 1.4;vertical-align: middle;} .service-pricelist-table td:first-child{font-weight: 500;} .service-pricelist-table td:last-child{text-align: right;white-space: nowrap;font-weight: 600;color: var(--green);min-width: 120px;} .service-pricelist-table td.pricelist-note{color: var(--shades04);font-style: normal;font-weight: 500;text-align: left;font-size: 17px;padding: 16px 28px;} .service-pricelist-card.services-card .service-pricelist-card-body{padding: 24px 28px;} .service-pricelist-services{list-style: none;padding: 0;margin: 0;} .service-pricelist-services li{display: flex;align-items: flex-start;gap: 10px;font-size: 17px;color: var(--shades04);line-height: 1.4;padding: 4px 0;} .service-pricelist-services li i{color: var(--green);font-size: 14px;flex-shrink: 0;margin-top: 4px;} /* ********|| SERVICE PRICELIST END ||******** */ /* ********|| CART START ||******** */ .section-cart{position: relative; padding: 40px 0;} .section-cart .cart-content{display: flex; align-items: flex-start; gap: 30px;} .section-cart .cart-product-panel{width: 320px; flex-shrink: 0;} /* ==============| Cart Product List |=============== */ .section-cart .cart-product-list{position: relative;} .section-cart .cart-product-list .cart-item{position: relative;background-color: var(--shades01);overflow: hidden;box-shadow: 0 2px 10px rgba(var(--shades04-rgb), 0.2);} .section-cart .cart-product-list .cart-item+.cart-item{margin: 16px 0 0;} .section-cart .cart-product-list .cart-item .item-image{width: 100%;max-width: 160px;aspect-ratio: 1 / 1;margin: 20px auto;} .section-cart .cart-product-list .cart-item .item-image img{width: 100%; height: 100%; object-fit: contain;} .section-cart .cart-product-list .cart-item .item-content{position: relative; padding: 0 20px 0;} .section-cart .cart-product-list .cart-item .item-title{font-size: 14px;line-height: 1.2;text-align: center;font-weight: 500;margin: 0;} .section-cart .cart-product-list .cart-item .item-price{font-size: 16px;font-weight: 600;color: var(--green);text-align: center;margin: 10px 0 0;} .section-cart .cart-product-list .cart-item .item-quantity{display: flex; align-items: center; justify-content: center; gap: 2px;margin: 10px 0 0;} .section-cart .cart-product-list .cart-item .item-quantity .btn-quantity{width: 24px;aspect-ratio: 1 / 1;background-color: var(--green);color: var(--shades01);display: flex;align-items: center;justify-content: center;border: 0;border-radius: 4px;font-size: 16px;} .section-cart .cart-product-list .cart-item .item-quantity .input-quantity{width: 48px;aspect-ratio: 2 / 1;border-radius: 4px;border: 1px solid rgba(var(--shades04-rgb), 0.2);text-align: center;font-weight: 500;color: var(--shades02);} .section-cart .cart-product-list .cart-item .item-quantity .input-quantity::-webkit-inner-spin-button,.section-cart .cart-product-list .cart-item .item-quantity .input-quantity::-webkit-outer-spin-button{-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0; } .section-cart .cart-product-list .cart-item .item-rate{margin: 10px 0 0;text-align: center;font-size: 12px;font-weight: 500;color: var(--shades04);} .section-cart .cart-product-list .cart-item .item-action{display: flex;} .section-cart .cart-product-list .cart-item .btn-action{width: 100%;display: flex;align-items: center;justify-content: center;height: 36px;border: none;background-color: rgba(var(--green-rgb), 0.1);color: var(--green);text-transform: uppercase;font-size: 12px;font-weight: 500;} .section-cart .cart-product-list .cart-item .btn-action:hover{ background-color: var(--green); color: var(--shades01);} /* ==============| Cart Summary |=============== */ .section-cart .cart-summary{position: relative;padding: 20px 40px;background-color: var(--shades01);overflow: hidden;box-shadow: 0 2px 10px rgba(var(--shades04-rgb), 0.2);margin: 20px 0 0;} .section-cart .cart-summary .summary-content{position: relative;} .section-cart .cart-summary .summary-title{font-size: 12px;text-transform: uppercase;text-align: center;} .section-cart .cart-summary .summary-total{font-size: 24px;font-weight: 600;text-align: center;padding: 16px 0;color: var(--green);} .section-cart .cart-summary .summary-actions{display: flex;border-top: 1px solid rgba(var(--shades04-rgb), 0.2);padding: 10px 0 0;} .section-cart .cart-summary .btn-action{width: 100%;display: flex;align-items: center;justify-content: center;border: none;background-color: transparent;font-size: 14px;font-weight: 500;color: var(--shades04);padding: 0;} .section-cart .cart-summary .btn-action:hover{color: var(--green);} /* ==============| Cart Coupon |=============== */ .section-cart .cart-coupon{position: relative;padding: 20px 40px;background-color: var(--shades01);overflow: hidden;box-shadow: 0 2px 10px rgba(var(--shades04-rgb), 0.2);margin: 20px 0 0;} .section-cart .cart-coupon .cart-coupon-title{font-size: 12px;text-transform: uppercase;text-align: center;margin: 0 0 20px;} .section-cart .cart-coupon .coupon-form{position: relative;} .section-cart .cart-coupon .form-group{position: relative; margin: 0 0 16px;} .section-cart .cart-coupon .form-control{padding: 6px 12px;border: 1px solid var(--shades07);box-shadow: none;font-size: 14px;height: 40px;border-radius: 6px;} .section-cart .cart-coupon .form-control:focus{border-color: var(--green);} .section-cart .cart-coupon .form-action{display: flex;} .section-cart .cart-coupon .btn-action{font-size: 16px;font-weight: 500; width: 100%; display: flex;align-items: center;justify-content: center;height: 36px;background-color: var(--green);color: var(--shades01);padding: 0 20px; border:1px solid var(--green); border-radius: 6px;} .section-cart .cart-coupon .btn-action:hover{background-color: var(--shades01); color: var(--green);} /* ==============| Cart Information |=============== */ .section-cart .cart-information-panel{width: 100%; flex-shrink: 1;position: relative;background-color: var(--shades01);overflow: hidden;box-shadow: 0 2px 10px rgba(var(--shades04-rgb), 0.2); padding: 20px;} .section-cart .cart-information-block{position: relative;} .section-cart .cart-information-block+.cart-information-block{margin: 30px 0 0;} .section-cart .cart-information-block .cart-block-title{font-size: 24px;font-weight: 500;color: var(--green);line-height: 1.2;margin: 0;} .section-cart .cart-information-block .information-row{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px;} .section-cart .cart-information-block .information-row .information-cell{display: flex; align-items: center;flex-wrap: wrap; padding: 6px;} .section-cart .cart-information-block .information-row .information-cell.column-2{grid-column: span 2 / span 2;} .section-cart .cart-information-block .information-row .information-label{font-size: 14px;color: var(--shades04);font-weight: 400;} .section-cart .cart-information-block .information-row .form-group{width: 100%;} .section-cart .cart-information-block .information-row .form-control{padding: 6px 12px;border: 1px solid var(--shades07);box-shadow: none;font-size: 14px;height: 40px;border-radius: 6px;} .section-cart .cart-information-block .information-row textarea.form-control{min-height: 120px; resize: none;} .section-cart .cart-information-block .information-row .telephone-group{display: flex; gap: 16px; width: 100%;} .section-cart .cart-information-block .information-row .telephone-group .form-group{width: 100px; flex-shrink: 0;} .section-cart .cart-information-block .information-row .telephone-group .form-group+.form-group{width: 100%; flex-shrink: 1;} .section-cart .cart-information-block .information-row .telephone-group .form-group:first-child .form-control{text-align: right;} .section-cart .cart-information-block .information-row .checkbox-group{display: grid;grid-template-columns: repeat(1, minmax(0, 1fr));gap: 8px;} .section-cart .cart-information-block .information-row .checkbox-group span{background-color: rgba(var(--green-rgb), 0.1);font-size: 12px;font-weight: 500;color: rgba(var(--green-rgb), 0.5);padding: 3px 6px;border-radius: 20px;} .section-cart .cart-information-block .information-row .data-block{width: 100%; padding: 10px 0;} .section-cart .cart-information-block .information-row .data-block+.data-block{border-top:1px solid rgba(var(--shades04-rgb), 0.1)} .section-cart .cart-information-block .information-row .control-label{font-size: 15px;color: var(--shades04);font-weight: 600;} .section-cart .cart-information-block .information-row .data-block .checkbox-group{margin: 10px 0 0;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 8px;} .section-cart .cart-information-block .information-row .checkbox{display: block;width: 100%;} .section-cart .cart-information-block.payment-methods .data-block{width: 100%; padding: 10px 0;} .section-cart .cart-information-block.payment-methods .data-block+.data-block{border-top:1px solid rgba(var(--shades04-rgb), 0.1)} .section-cart .cart-information-block.payment-methods .control-label{font-size: 15px;color: var(--shades04);font-weight: 600;margin-top: 16px;} .section-cart .cart-information-block.payment-methods .data-block:first-child .control-label{margin-top: 0;} .section-cart .cart-information-block.payment-methods .data-block .checkbox-group{margin: 10px 0 0;display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 8px;} .section-cart .cart-information-block.payment-methods .data-block .checkbox-group .pm-note{background-color: rgba(var(--green-rgb), 0.1);font-size: 12px;font-weight: 500;color: rgba(var(--green-rgb), 0.5);padding: 3px 6px;border-radius: 20px;} .section-cart .cart-information-block.payment-methods .image-checkbox{padding: 0;width: auto;display: flex;} .section-cart .cart-information-block.payment-methods .image-checkbox .checkbox-label{border: 1px solid rgba(var(--shades04-rgb), 0.1); border-radius: 6px; padding: 12px 16px;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: border-color 0.15s ease, box-shadow 0.15s ease;cursor: pointer;flex: 1;} .section-cart .cart-information-block.payment-methods .image-checkbox .checkbox-input:checked + .checkbox-label{border-color: var(--green);box-shadow: 0 0 0 1px var(--green);} .section-cart .cart-information-block.payment-methods .image-checkbox .checkbox-label:before{display: none;} .section-cart .cart-information-block.payment-methods .image-checkbox .checkbox-label:after{display: none;} .section-cart .cart-information-block.payment-methods .image-checkbox .checkbox-image{width: 90px;height: 30px;} .section-cart .cart-information-block.payment-methods .image-checkbox .checkbox-image img{width: 100%;height: 100%;object-fit: contain;display: block;} .section-cart .cart-information-block.payment-methods .image-checkbox .checkbox-label{position: relative;} .section-cart .cart-information-block.payment-methods .image-checkbox .pm-short-description{display: inline-block;font-size: 12px;font-weight: 500;line-height: 1.3;color: rgba(var(--green-rgb), 0.85);background-color: rgba(var(--green-rgb), 0.1);margin-top: 6px;text-align: center;padding: 3px 6px;border-radius: 20px;} .section-cart .cart-information-block.payment-methods .image-checkbox .pm-short-description:empty{display: none;} .section-cart .cart-information-block.payment-methods .image-checkbox .pm-comment-icon{position: absolute;top: -6px;right: -6px;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 2;color: var(--shades04);font-size: 14px;} .section-cart .cart-information-block.payment-methods .image-checkbox .pm-comment-content{display: none;position: fixed;left: 16px;right: 16px;bottom: auto;width: auto;min-width: 0;max-width: none;padding: 15px;background: var(--shades04);color: #fff;font-size: 13px;font-weight: 400;line-height: 1.3;border-radius: 6px;box-shadow: 0 4px 12px rgba(0,0,0,0.15);z-index: 1000;text-align: left;cursor: default;} .section-cart .cart-information-block.payment-methods .image-checkbox .pm-comment-icon.active ~ .pm-comment-content{display: block;} .section-cart .cart-information-block .information-row .payable{display: flex; align-items: center; gap: 10px;width: 100%;margin: 30px 0 0;} .section-cart .cart-information-block .information-row .payable .payable-label{font-size: 13px;text-transform: uppercase; line-height: 1;} .section-cart .cart-information-block .information-row .payable .payable-data{font-size: 20px;font-weight: 500;color: var(--green); line-height: 1;} .section-cart .cart-information-block .information-row .actions{display: flex; align-items: center; margin: 20px 0 0; width: 100%;} .section-cart .cart-information-block .information-row .btn-action{font-size: 18px;font-weight: 500;width: 100%;display: flex;align-items: center;justify-content: center;height: 44px;background-color: var(--green);color: var(--shades01);padding: 0 20px;border: 1px solid var(--green);border-radius: 6px;} .section-cart .cart-information-block .information-row .btn-action:hover{background-color: var(--shades01); color: var(--green);} .section-cart .cart-product-list .cart-item .extra-services{padding: 8px;} .section-cart .cart-product-list .cart-item .extra-services .item{font-size: 13px;margin-top: 12px;border: 1px solid rgba(var(--shades04-rgb), 0.2);border-radius: 6px;background-color: var(--shades01);} .section-cart .cart-product-list .cart-item .extra-services .item .item-row{padding: 16px;} .section-cart .cart-product-list .cart-item .extra-services .item .checkbox{display: block; padding-top: 0;} .section-cart .cart-product-list .cart-item .extra-services .item .checkbox-label{display: flex; align-items: center; justify-content: space-between; gap: 12px;} .section-cart .cart-product-list .cart-item .extra-services .item .checkbox-label:before{top: 50%; transform: translateY(-50%);} .section-cart .cart-product-list .cart-item .extra-services .item .checkbox-label:after{top: 50%; transform: translateY(-50%);} .section-cart .cart-product-list .cart-item .extra-services .service-price{margin-top: 0; white-space: nowrap;} .section-cart .cart-product-list .cart-item .extra-services .additional-sales-title{font-weight: bold;color: var(--purple);} .section-cart .cart-product-list .cart-item .extra-services .service-tooltip{float: right;display: flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: 50%;background: #959595;margin-left: 5px;} .section-cart .cart-product-list .cart-item .extra-services .service-tooltip img{display: block;width: 12px;height: 12px;} .section-cart .cart-product-list .cart-item .extra-services .service-price {font-weight: bold;color: var(--shades02);display: flex;align-items: center;margin-top: 6px;} .section-cart .cart-product-list .cart-item .extra-services .item .service-distance-remark{padding: 16px;border-top: 1px solid rgba(var(--shades04-rgb), 0.2);} .section-cart .cart-product-list .cart-item .extra-services .item .remark-label{} .section-cart .cart-product-list .cart-item .extra-services .item .remark-label .address{font-weight: bold;margin-top: 4px;} .section-cart .cart-product-list .cart-item .extra-services .item .remark-price{margin-top: 6px;} @media screen and (max-width: 1000px) { .section-cart .cart-product-list .cart-item .extra-services .item .checkbox-label{flex-wrap: wrap; gap: 2px;} .section-cart .cart-product-list .cart-item .extra-services .service-price{width: 100%;} .section-cart .cart-product-list .cart-item .extra-services .service-tooltip{display: none;} } @media screen and (min-width: 990px) { .section-cart .cart-information-block.payment-methods .image-checkbox .pm-comment-icon{display: none;} .section-cart .cart-information-block.payment-methods .image-checkbox .pm-comment-content{position: absolute;left: 50%;right: auto;bottom: calc(100% + 8px);top: auto;transform: translateX(-50%);width: auto;min-width: 200px;max-width: 300px;z-index: 1000;} .section-cart .cart-information-block.payment-methods .image-checkbox .pm-comment-content::after{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 6px solid transparent;border-top-color: var(--shades04);} .section-cart .cart-information-block.payment-methods .image-checkbox:hover{z-index: 10;} .section-cart .cart-information-block.payment-methods .image-checkbox:hover .pm-comment-content{display: block;} .product-installments .installments-provider .provider .pm-comment-icon{display: none;} .product-installments .installments-provider .provider .pm-comment-content{position: absolute;left: 50%;right: auto;bottom: calc(100% + 8px);top: auto;transform: translateX(-50%);width: auto;min-width: 200px;max-width: 300px;} .product-installments .installments-provider .provider .pm-comment-content::after{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 6px solid transparent;border-top-color: var(--shades04);} .product-installments .installments-provider .provider:hover .pm-comment-content{display: block;} } /* ********|| CART END ||******** */ .site-message {padding: 20px 20px;display: flex;align-items: center;border-radius: 5px;font-size: 14px;font-weight: 500;margin-top: 20px;} .site-message + * {margin-top: 30px;} .site-message .site-message-icon {margin-right: 20px;font-size: 42px;display: flex;align-items: center;justify-content: center;width: 52px;min-width: 52px;} .site-message .message {font-size: 14px;line-height: 1.4;font-weight: 500;} .site-message.success-message {background: #e9ffee;border: 1px solid #cff1d7;} .site-message.success-message .site-message-icon {color: #1fb141;} .site-message.success-message .message {color: #1fb141;} .site-message.error-message {background: #fff3f3;border: 1px solid #fddada;} .site-message.error-message .site-message-icon {color: #e52030;} .site-message.error-message .message {color: #e52030;} .site-message.info-message {background: #eff5ff;border: 1px solid #e0ecff;} .site-message.info-message .site-message-icon {color: #003282;} .site-message.info-message .message {color: #003282;} .content-styles { padding-top: 40px; padding-bottom: 60px; } .content-styles ol > li { font-size: 21px; line-height: 1.5; } .content-styles ul > li { font-size: 21px; line-height: 1.5; } .content-styles ul, ol { list-style: none; padding: 0; margin: 0; } .content-styles ul li, ol li { margin: 0.5em 0; display: flex; align-items: flex-start; position: relative; } .content-styles ol { counter-reset: li; } .content-styles ol li::before { counter-increment: li; content: counter(li); display: inline-block; width: 24px; height: 24px; background-color: var(--green); color: white; font-weight: bold; font-size: 14px; text-align: center; line-height: 24px; min-width: 24px; border-radius: 20%; margin-top: 4px; margin-right: 1.5em; margin-bottom: 1.5em; } .content-styles ul li::before { content: ''; display: inline-block; width: 24px; height: 24px; min-width: 24px; background-color: black; border-radius: 50%; margin-right: 0.5em; position: relative; } .content-styles ul li::after { content: ''; position: absolute; width: 13px; height: 13px; background-color: white; mask: url('/assets/images/arrow.svg') no-repeat center; -webkit-mask: url('/assets/images/arrow.svg') no-repeat center; background-size: contain; mask-size: contain; top: 5px; left: 6px; } .content-styles ul li ul { margin-left: 2em; } .content-styles ol > li > ul li::after { top: 9px; } .content-styles ul li ul li::after { background-color: gray; } @media screen and (max-width: 1600px) { .section-page-header2.secondary {background-position: right;} } /* ********|| RESPONSIVE START ||******** */ @media screen and (max-width: 1600px) { .product-listing{grid-template-columns: repeat(3, minmax(0, 1fr));} header .navigation-menu .menu-link{padding: 0 15px;} .mega-dropdown-menu .menu-categories{gap: 80px;} .mega-dropdown-menu .menu-category-item{width: calc(29% - 30px);} .mega-dropdown-menu .category-content{top: 24px; left: -24px; padding: 14px 24px;} .mega-dropdown-menu .category-title{font-size: 38px;} .mega-dropdown-menu .menu-category-item:before{width: 90px; height: 43px; right: -50px; top: -8px;} .mega-dropdown-menu .menu-category-item:after{width: 90px; height: 43px; left: -50px; bottom: -8px;} .page-categories{padding: 40px 0; gap: 80px;} .page-categories .category-item{width: calc(29% - 30px);} .page-categories .category-item .item-content{top: 24px; left: -24px; padding: 14px 24px;} .page-categories .category-item .item-title{font-size: 38px;} .page-categories .category-item:before{width: 90px; height: 43px; right: -50px; top: -8px;} .page-categories .category-item:after{width: 90px; height: 43px; left: -50px; bottom: -8px;} .hero-slider .swiper-content{max-width: 500px;} .hero-slider .swiper-content .swiper-title{font-size: 56px;} .hero-slider .swiper-content .swiper-description{font-size: 24px;line-height: 1.2; max-width: 90%;margin: 10px 0 0;} .hero-slider .swiper-content .swiper-actions{margin: 20px 0 0;} .hero-slider .swiper-content .swiper-action-alt{margin: 80px 0 0;} .hero-slider-options .hero-swiper-button{bottom: 160px;} .section-title{font-size: 52px;} .section-subtitle{font-size: 24px;} .categories{margin: 80px 0 0;} .categories .category-item .item-title{font-size: 32px;} .categories .category-item .item-subtitle{font-size: 20px;} .section-accessories .accessories-header .accessories-header-subtitle{font-size: 24px;margin: 0 0 10px;} .section-accessories .accessories-header .accessories-header-title{font-size: 52px;} .section-accessories .accessories-header .accessories-header-content+.accessories-header-content{width: 520px;} .section-accessories .accessories-header .accessories-header-description{font-size: 20px;line-height: 1.4;} .accessories-spare-parts .tabs .tab-button{font-size: 44px;} .section-about .about-subtitle{font-size: 24px;} .section-about .about-subtitle img{height: 16px;} .section-about .about-title{font-size: 52px; max-width: 520px;} .section-about .about-description{font-size: 20px;max-width: 560px;} .featured-slider .featured-item .item-tag .tag{font-size: 18px;} .featured-slider .featured-item .item-content{width: 44%;} .featured-slider .featured-item .item-title{font-size: 48px;} .featured-slider .featured-item .item-subtitle{font-size: 24px;} .featured-slider .featured-item .item-description{font-size: 18px;} footer .footer-row{gap: 36px;} footer .footer-column{gap: 36px;} .section-page-header .page-header-title{font-size: 56px;} .section-page-header .page-header-subtitle{font-size: 24px;} .section-product-banners .banner-item .item-title{font-size: 80px;} .product-details .product-title{font-size: 56px;} .section-product-overview .overview-title{font-size: 56px;} .section-product-overview .overview-description{font-size: 24px;} .section-product-features .product-features-subtitle{font-size: 24px;} .section-product-features .product-features-title{font-size: 52px;} .section-feature .feature .feature-title{font-size: 52px;} .section-feature .feature .feature-description{font-size: 24px;max-width: 50%;} .section-product-cta .product-cta-content{max-width: 420px;} .section-product-cta .product-cta-content .product-cta-title{font-size: 52px;} .section-product-cta .product-cta-content .product-cta-description{font-size: 24px;} .section-product-specification .product-specification-subtitle{font-size: 24px;} .section-product-specification .product-specification-title{font-size: 52px;} .section-product-gallery .product-gallery-subtitle{font-size: 24px;} .section-product-gallery .product-gallery-title{font-size: 52px;} .section-page-banner{height: 520px;} .section-page-banner .page-banner-title{font-size: 56px;} .get-in-touch .get-in-touch-title{font-size: 52px;} .get-in-touch .get-in-touch-subtitle{font-size: 24px;} .get-in-touch .get-in-touch-form .row{gap: 20px;} .contact-location .locations .location .location-title{font-size: 36px;} .contact-location .locations .location .location-meta .meta-data{font-size: 24px;} .test-drive-content .test-drive-title{font-size: 52px;} .test-drive-content .test-drive-description{font-size: 24px;} .test-drive-content .test-drive-form .row{gap: 20px;} .product-details-container{gap: 16px;} } @media screen and (max-width: 1540px) { header .navigation-menu .menu-link{font-size: 18px;} header .search .search-input{font-size: 18px;} .section-hero{ padding: 240px 0 0; align-items: unset;} } @media screen and (max-width: 1440px) { .mega-dropdown-menu .menu-categories{gap: 60px;} .page-categories{gap: 60px;} .page-categories .category-item .item-content{top: 20px; left: -20px; padding: 12px 20px;} .page-categories .category-item .item-title{font-size: 32px;} .page-categories .category-item .item-slogan{font-size: 11px; margin: 4px 0 0;} .page-categories .category-item:before{width: 80px; height: 38px; right: -40px; top: -6px;} .page-categories .category-item:after{width: 80px; height: 38px; left: -40px; bottom: -6px;} header .cart{margin: 0 0 0 40px;} .section-product-banners .banner-item .item-background-image:after{background-position: 70px 0px;} .product-listing .product .product-tag{height: 32px;padding: 2px 12px 0;font-size: 14px;} .product-listing .product .product-content{padding: 20px;} .product-listing .product .product-title{font-size: 32px;} .product-listing .product .cost-breakup .sell-price{font-size: 24px;} .product-listing .product .cost-breakup .cost-price{font-size: 18px;} .product-listing .product .product-actions{gap: 12px;} .product-listing .product .btn-action{padding: 0 12px; flex-grow: 1; flex-shrink: 1;font-size: 16px;} .catalogue-listing .item .item-content{padding: 20px;} .product-installments .installments-title{font-size: 24px;padding: 6px 48px 6px 20px;} .product-installments .installments-title:before{left: -30px;} .product-installments .installments-title:after{right: 16px;} .product-details .additional-sales h2{font-size: 17px;} .product-details .product-metas{row-gap: 24px; column-gap: 12px; margin: 12px 0 0; padding: 12px 0 0;} .product-details .meta{gap: 12px;} .product-details .meta .label, .product-details .meta .data{font-size: 18px;} .product-installments .installments-provider .provider .provider-logo{ padding: 8px 12px;} } @media screen and (max-width: 1366px) { header .brand{height: 36px;} header .search{margin: 0 0 0 30px;} header .cart{margin: 0 0 0 30px;} .page-categories{padding: 20px 0; gap: 45px;} .page-categories .category-item .item-content{top: 16px; left: -16px; padding: 10px 16px;} .page-categories .category-item .item-title{font-size: 28px;} .page-categories .category-item .item-slogan{font-size: 10px; margin: 3px 0 0;} .page-categories .category-item:before{width: 65px; height: 31px; right: -30px; top: -5px;} .page-categories .category-item:after{width: 65px; height: 31px; left: -30px; bottom: -5px;} .hero-slider .swiper-content .swiper-title{font-size: 48px;} .hero-slider .swiper-content .swiper-description{font-size: 20px; margin: 20px 0 0;max-width: 420px;} .hero-slider .swiper-content .swiper-actions{ margin: 30px 0 0;} .section-title{font-size: 44px;} .section-subtitle{font-size: 20px;margin: 20px 0 0;} .categories{margin: 60px 0 0;gap: 16px;} .categories .category-item .item-content{ padding: 20px;} .categories .category-item .item-content:after{height: calc(100% + 30px);} .categories .category-item .item-title{font-size: 28px;top: 20px; left: 20px;} .categories .category-item .item-subtitle{font-size: 18px;} .categories .category-item .item-action .item-action-label{font-size: 14px;} .categories .category-item .item-action .item-action-icon{font-size: 20px;} .section-accessories .accessories-header .accessories-header-content+.accessories-header-content{width: 480px;} .section-accessories .accessories-header .accessories-header-subtitle{font-size: 20px;margin: 0 0 6px;} .section-accessories .accessories-header .accessories-header-title{font-size: 44px;} .section-accessories .accessories-header .accessories-header-description{font-size: 18px;line-height: 1.5;} .accessories-spare-parts{margin: 100px 0 0;} .accessories-spare-parts .tabs .tab-button{height: 52px;font-size: 40px;} .accessories-spare-parts .accessories-action .btn-action:before{width: 40px;} .accessories-spare-parts .accessories-action .btn-action .btn-text{max-width: 110px;font-size: 14px;} .accessories-spare-parts .accessories-action .btn-action .btn-icon{height: 60px;} .section-about .about-title{font-size: 44px;max-width: 440px;} .section-about .about-description{font-size: 18px; line-height: 1.5;} .section-about .about-actions{margin: 40px 0 0;} .featured-slider .featured-item .item-tag .tag{font-size: 16px;height: 32px;} .featured-slider .featured-item .item-content{padding: 20px;} .featured-slider .featured-item .item-title{font-size: 40px;} .featured-slider .featured-item .item-subtitle{font-size: 20px;} .featured-slider .featured-item .item-description{font-size: 16px;margin: 20px 0;line-height: 1.2;} .featured-slider .swiper-pagination.swiper-pagination-progressbar{height: 40px; width: 500px;} footer .footer-row{gap: 24px;} footer .footer-column{gap: 24px;} .section-page-header .page-header-content{min-height: 200px; padding: 40px 0;} .section-page-header .page-header-title{font-size: 48px;} .section-page-header .page-header-subtitle{font-size: 20px;} .section-product-banners .banner-item .item-content{max-width: 440px;} .section-product-banners .banner-item .item-title{font-size: 64px;} .section-product-banners .banner-item .item-description{font-size: 18px; font-weight: 500;} .section-product-banners .banner-item .meta .label{font-size: 18px;} .section-product-banners .banner-item .item-image{height: 320px;} .section-product-banners .banner-item .item-brand-logo{padding: 50px 30px;} .section-product-banners .banner-item .item-image{right: 40px;} .section-product-banners .banner-item .item-background-image:before{background-color: rgba(var(--shades02-rgb), 0.4);} .section-product-banners .banner-item .item-background-image:after{background-position: 120px 0px;} .product-listing{gap: 16px;} .product-listing .product .product-content{padding: 16px 12px;} .product-listing .product .cost-installment .label{font-size: 14px;} .product-listing .product .cost-installment .data{font-size: 14px;} .product-details .product-cost{margin: 0 0 20px;} .product-details .product-cost .tag{font-size: 18px;} .product-details .product-cost .cost-installment .label{font-size: 18px;line-height:1} .product-details .product-cost .cost-installment .data{font-size: 18px;line-height:1} .product-details .product-cost .cost-note{ font-size: 18px;} .product-details .additional-sales{padding: 12px 0 0;} .product-details .additional-sales h2{font-size: 16px;} .product-details .product-metas{margin: 10px 0 0; padding: 10px 0 0;} .product-details .meta .label{font-size: 18px;line-height:1} .product-details .meta .data{font-size: 18px;line-height:1} .product-details .product-options{margin: 0 0 20px;} .product-details .product-options .option-title{ font-size: 18px;} .product-details .product-options .dropdown .dropdown-toggle{font-size: 18px;} .product-details .product-avilability .avilability-title{font-size: 18px;} .product-details .product-avilability .avilability-description{font-size: 18px;} .product-installments .installments-provider{gap: 4px;} .product-installments .installments-title{font-size: 20px; padding: 6px 48px 6px 16px;} .product-installments .installments-provider .provider .provider-logo{padding: 6px 10px;height: 32px;} .product-installments .installments-actions .installment-action .installment-price-display{ min-width: 0; padding: 0 12px;} .product-details .product-actions{flex-wrap: wrap;} .product-details .product-actions .btn-action:nth-child(3){width: 100%;} .section-product-overview .overview-title{font-size: 48px;} .section-product-overview .overview-description{font-size: 20px;} .section-product-features .product-features-subtitle{font-size: 20px;} .section-product-features .product-features-title{font-size: 48px;} .section-feature .feature{height: 280px; padding: 50px 80px;} .section-feature .feature .feature-title{font-size: 48px;} .section-feature .feature .feature-description{font-size: 20px;} .section-product-cta .product-cta-content .product-cta-title{font-size: 48px;} .section-product-cta .product-cta-content .product-cta-description{font-size: 20px;} .section-product-specification .product-specification-subtitle{font-size: 20px;} .section-product-specification .product-specification-title{font-size: 48px;} .product-specification .specification .specification-header{height: 70px;} .product-specification .specification .header-title{font-size: 24px;} .product-specification .specification .specification-item{min-height: 70px;} .product-specification .specification .specification-label{font-size: 16px;} .product-specification .specification .specification-data{font-size: 16px;} .section-product-gallery .product-gallery-subtitle{font-size: 20px;} .section-product-gallery .product-gallery-title{font-size: 48px;} .section-page-banner{height: 480px;} .section-page-banner .page-banner-title{font-size: 48px;} .get-in-touch .get-in-touch-title{font-size: 48px;} .get-in-touch .get-in-touch-subtitle{font-size: 20px;} .get-in-touch .get-in-touch-image{max-width: 560px;} .contact-location .locations .location .location-meta .meta{gap: 16px;} .contact-location .locations .location .location-title{font-size: 32px;} .contact-location .locations .location .location-meta .meta-icon{font-size: 20px; padding: 0;} .contact-location .locations .location .location-meta .meta-data{font-size: 20px;} .contact-location .locations .location-action{padding: 0 0 0 42px;} .contact-location-map .map-image{max-width: 560px;} .test-drive-content .test-drive-title{font-size: 48px;} .test-drive-content .test-drive-description{font-size: 20px;} .catalogue-listing .item .item-content{padding: 16px 12px;} } @media screen and (max-width: 1200px) { .product-details .product-cost .cost-details{flex-wrap: wrap;} .product-details .product-cost .cost-left{width: 100%;} .product-details .product-cost .btn-action.btn-buy{width: 100%;} } @media screen and (max-width: 1150px) { .form-control{font-size: 16px;} header.isBanner{background-color: var(--shades04);} header .working-hours{display: none;} header .header-content+.header-content{margin: 0 auto;} header .header-main{height: 80px;} header .navigation{position: absolute;top: 100%;left: 0;width: 100%;max-width: 320px;bottom: auto;height: calc(100vh - 100%);background-color: var(--shades07);z-index: 9;display: flex; flex-direction: column;padding: 40px 40px; gap: 20px;transform: translateX(calc(-100% - 40px)); transition: all 0.3s ease; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;} header .navigation.active{transform: translateX(0); } header .navigation .working-hours{display: flex;flex-direction: column;text-align: center;background-color: rgba(var(--shades02-rgb), 0.2);margin: 0 auto;flex-shrink: 0;border-radius: 10px;padding: 16px;gap: unset;} header .navigation .working-hours .icon{color: var(--green); margin: 0 0 10px;} header .navigation .working-hours .label:after{display: none;} header .navigation .working-hours .data{max-width: 200px;margin: 0 auto;} header .navigation-menu{flex-direction: column;align-items: flex-start;flex-shrink: 1;flex-grow: 1;overflow: auto;margin: 0 -40px;padding: 0;} header .navigation-menu .menu-item{width: 100%;} header .navigation-menu .menu-link{font-size: 24px;height: auto; padding: 4px 40px 4px 36px; justify-content: flex-start; border-left: 4px solid transparent;} header .navigation-menu .menu-item[data-menu-id="1022"] .menu-link:before, header .navigation-menu .menu-item[data-menu-id="1022"] .menu-link:after, header .navigation-menu .menu-item[data-menu-id="1022"]::after{display: none;} header .navigation-menu .menu-link:hover, header .navigation-menu .menu-link.active{border-color: var(--green);} header .navigation-menu .mega-dropdown .menu-link:after{content:'\f078';font-family:'Font Awesome 6 Pro';font-weight:400;font-size:12px;margin-left:8px;transition:transform 0.3s ease;} header .navigation-menu .mega-dropdown.active .menu-link:after{transform:rotate(180deg);} header .navigation-menu .mega-dropdown.active .menu-link{border-color: var(--green);} header .menu-toggle{display: flex;} header .menu-overlay{display: block;position: absolute;top: 100%;left: 0;width: 100vw;height: calc(100vh - 100%);z-index: -1;background-color: var(--shades02);opacity: 0;visibility: hidden;transition: all 0.3s ease;} header .menu-overlay.active{ opacity: 0.8; visibility: visible; transition: all 0.3s ease;} header .navigation-menu .menu-item{position: relative;} header .navigation-menu .mega-dropdown-menu{position: relative;width: 100%;top: auto;left: auto;background-color: transparent;box-shadow: none;opacity: 1;visibility: visible;display: none;transition: none;} header .navigation-menu .mega-dropdown.active .mega-dropdown-menu{display: block;} .mega-dropdown-menu .menu-categories{border: 0; padding: 8px 0 8px 20px; gap: 0;flex-direction: column;} .mega-dropdown-menu .menu-category-item{width: 100%;height: auto;} .mega-dropdown-menu .menu-category-item:before, .mega-dropdown-menu .menu-category-item:after{display: none;} .mega-dropdown-menu .category-image{display: none;} .mega-dropdown-menu .category-content{position: relative; top: auto; left: auto; padding: 12px 0;} .mega-dropdown-menu .category-title{font-size: 20px; text-shadow: none;color: rgba(var(--shades01-rgb), 0.7);} .mega-dropdown-menu .menu-category-item:hover .category-title{color: var(--green);} .mega-dropdown-menu .category-slogan{display: none;} .mega-dropdown-menu .mega-dropdown-menu-spacer{display: none;} .section-hero{padding: 0;align-items: center;} .hero-slider-image .slider-image:after{content: '';position: absolute;width: 100%;height: 100%;top: 0; left: 0;z-index: 0;background: linear-gradient(to left, rgba(var(--shades02-rgb),0.8), transparent, rgba(var(--shades02-rgb),0.8));} .hero-slider-options .hero-swiper-button{bottom: 120px;} .hero-slider .swiper-slide{display: flex; height: 100vh; align-items: center; padding: 0;} .hero-slider .swiper-content{max-width: 45%;position: unset;} .hero-slider .swiper-content .swiper-title{max-width: 400px;} .hero-slider .swiper-content .swiper-actions .btn-action{height: 48px; padding: 0 24px;} .hero-slider .swiper-content .swiper-action-alt{position: absolute;bottom: 116px;left: 50%;transform: translateX(-50%);z-index: 1;} .categories{margin: 40px -15px 0; gap: 0; display: flex; flex-wrap: wrap; justify-content: center;} .categories .category-item{width: 33.33%; max-width: calc(33.33% - 30px); margin: 15px;} .categories .category-item .item-title{font-size: 32px;top: 30px;left: 30px;} .categories .category-item .item-content{padding: 30px;} .categories .category-item .item-subtitle{ font-size: 22px;} .categories .category-item .item-action .item-action-label{font-size: 16px;} .categories .category-item .item-action .item-action-icon{font-size: 24px;} .section-accessories .accessories-header{flex-direction: column;align-items: flex-start;} .section-accessories .accessories-header .accessories-header-description{border: 0; padding: 30px 0 0 0;} .accessories-spare-parts{margin: 60px 0 0;flex-direction: column;} .accessories-spare-parts .tabs{width: 100%;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0;margin: 0 0 60px;} .accessories-spare-parts .tabs .tab-button{width: 100%;font-size: 24px;display: flex;align-items: center;justify-content: center;border: 1px solid var(--shades06);} .accessories-spare-parts .tabs .tab-button.active{border-color: var(--green);} .accessories-spare-parts .accessories-action{margin: 40px 0 0;} .section-about .container{gap: 80px;} .section-about .btn-action{height: 48px;} .featured-slider{margin: -80px 0 0;} .featured-slider .featured-item .item-tag{position: absolute;z-index: 1;left: 0;top: 208px;} .featured-slider .featured-item .item-inner{flex-direction: column-reverse;} .featured-slider .featured-item .item-content{width: 100%; flex-shrink: 1; flex-grow: 1;} .featured-slider .featured-item .item-image{width: 100%;height: 240px; flex-shrink: 0;} .featured-slider .featured-item .btn-action{height: 48px;} .featured-slider .swiper-pagination.swiper-pagination-progressbar{height: 30px; width: 380px;} footer .footer-column{width: auto;flex-grow: 1; flex-shrink: 1;} .section-product-banners .banner-item .item-background-image:before{background-color: rgba(var(--shades02-rgb), 0.75);} .section-product-banners .banner-item .item-background-image img{filter: grayscale(1);} .section-product-details{padding: 40px 0;} .product-details .product-cost .tag{font-size: 16px;} .product-details .product-cost .cost-price{font-size: 24px;} .product-details .product-cost .sell-price{font-size: 24px;} .product-details .product-cost .cost-installment .label{font-size: 16px;} .product-details .product-cost .cost-installment .data{font-size: 16px;} .product-details .product-cost .cost-note{font-size: 16px;} .product-details .meta .label{font-size: 16px;} .product-details .meta .data{font-size: 16px;} .product-details .product-options .dropdown .dropdown-toggle{font-size: 16px;} .product-details .product-avilability .avilability-description{font-size: 16px;} .product-details .btn-action{height: 48px; padding: 0 24px;} .product-details-container{flex-wrap: wrap;} .product-details-images{width: auto; max-width: calc(100% - 296px);} .product-details-images .mainSwiper{width: 100%;} .product-details{max-width: calc(100% - 296px); order: 3;} .product-details .product-actions{flex-wrap: nowrap;} .product-details .btn-action{padding: 0 16px;} .product-details .product-actions .btn-action:nth-child(3){width: auto;} .product-facilities{order: 2; position: sticky; top: 100px;} .product-instruction{margin: 0;} .section-feature .feature{height: 240px; padding: 40px 40px;} .section-product-cta{height: 80vh;} .product-specification{grid-column-gap: 16px; grid-row-gap: 16px;} .product-specification .specification .specification-body{padding: 20px 16px;} .contact-locations-container{gap: 100px;} .get-in-touch{gap: 40px;} .get-in-touch .get-in-touch-form .form-group{margin: 0 0 12px;} .get-in-touch .get-in-touch-image{max-width: 480px;} .contact-location{padding: 0;} .contact-location .locations{gap: 24px;} .contact-location .locations .location .location-title{font-size: 28px;} .contact-location .locations .location .location-meta .meta-data{font-size: 18px;} .contact-location .locations .location-action .btn-action{height: 40px; padding: 0 24px;} .contact-location-map .map-image{max-width: 480px;} .test-drive-content .test-drive-form .form-group{margin: 0 0 20px;} .test-drive-product-info .product-info-metas{grid-template-columns: 1fr;} .section-cart .cart-content{gap: 20px;} .section-cart .cart-product-panel{width: 260px;} .section-cart .cart-product-list .cart-item .item-image{max-width: 120px;} .section-cart .cart-product-list .cart-item .item-content{padding: 0 20px 20px;} .section-cart .cart-product-list .cart-item .extra-services {margin: 0;} .section-cart .cart-summary{padding: 20px 20px;} .section-cart .cart-coupon{padding: 20px 20px;} .section-cart .cart-coupon .btn-action{font-size: 14px;} .section-cart .cart-information-block .cart-block-title{font-size: 18px;} .section-cart .cart-information-block .information-row{grid-template-columns: repeat(4, minmax(0, 1fr));} .section-cart .cart-information-block .information-row .information-cell.column-2{grid-column: span 3 / span 3;} .section-cart .cart-information-block .information-row .image-checkbox .checkbox-image{height: 24px;} .section-cart .cart-information-block.payment-methods .data-block .checkbox-group{grid-template-columns: repeat(4, minmax(0, 1fr));} .section-cart .cart-information-block .information-row .btn-action{font-size: 16px;} .catalogue-listing{grid-template-columns: repeat(3, minmax(0, 1fr));} .section-page-header2 {padding: 20px 0;} } @media screen and (max-width: 990px) { .section-hero{min-height: 640px;} .hero-slider-image .slider-image img{object-position: 30%;} .hero-slider .swiper-slide{padding: 40px 0;align-items: flex-end; min-height: 640px;} .hero-slider .container{justify-content: center;} .hero-slider .swiper-content{max-width: 480px;} .hero-slider .swiper-content .swiper-title{max-width: none; text-align: center;} .hero-slider .swiper-content .swiper-description{max-width: none; text-align: center;} .hero-slider .swiper-content .swiper-actions{justify-content: center;} .categories{margin: 40px -10px 0;} .categories .category-item{width: 50%;max-width: calc(50% - 20px);margin: 10px;} .categories .category-item .item-subtitle{font-size: 24px;} .section-accessories .accessories-header{align-items: center;} .section-accessories .accessories-header .accessories-header-subtitle{text-align: center;} .section-accessories .accessories-header .accessories-header-title{text-align: center;} .section-accessories .accessories-header .accessories-header-content+.accessories-header-content{text-align: center;} .section-about .container{flex-direction: column;} .section-about .about-content{width: 100%;} .section-about .about-subtitle{text-align: center;} .section-about .about-title{max-width: none;text-align: center;} .section-about .about-description{max-width: none;text-align: center;} .section-about .about-actions{justify-content: center;} .section-featured .section-title{text-align: center;} .section-featured .section-subtitle{text-align: center;} .featured-slider{margin: -60px 0 0;} footer .footer-row{flex-wrap: wrap;gap: 24px;} footer .footer-column{width: 100%;gap: 24px;} footer .footer-brand{margin: 0 auto 16px;} footer .footer-row+.footer-row{flex-wrap: nowrap; justify-content: space-between;} footer .footer-row+.footer-row .footer-column{width: auto;} footer .footer-content, footer .footer-content+.footer-content{width: 50%;} .section-product-banners .banner-item{padding: 60px 60px 0;} .section-product-banners .banner-item .item-content{max-width: none;} .section-product-banners .banner-item .item-metas{max-width: 440px;} .section-product-banners .banner-item .item-background-image:after{background-image: url(../images/overlay-shape-04.svg);width: 700px;height: auto;aspect-ratio: 300 / 77;background-size: 100%;background-position: 0;top: auto;bottom: 0;right: 0;} .section-product-banners .banner-item .item-brand-logo{display: none;} .section-product-banners .banner-item .item-image{position: relative;right: auto;left: auto;bottom: auto;margin: 80px 0 0;} .product-listing{grid-template-columns: repeat(2, minmax(0, 1fr));} .product-details .product-cost{padding-left: 20px;} .product-details .product-cost .tag{font-size: 20px;} .product-details .product-cost .cost-price{font-size: 30px;} .product-details .product-cost .sell-price{font-size: 30px;} .product-details .product-cost .cost-installment{padding: 0;} .product-details .product-cost .cost-installment .label{font-size: 20px;} .product-details .product-cost .cost-installment .data{font-size: 20px;} .product-details .product-cost .cost-note{font-size: 20px;} .product-details .meta .label{font-size: 20px;} .product-details .meta .data{font-size: 20px;} .product-details .product-options .option-title{font-size: 20px;} .product-details .product-options .dropdown .dropdown-toggle{font-size: 20px;} .product-details .product-avilability .avilability-title{font-size: 20px;} .product-details .product-avilability .avilability-description{font-size: 20px;} .section-feature .feature{min-height: 200px; height:auto;} .section-feature .feature .feature-title{font-size: 40px;} .section-feature .feature .feature-description{font-size: 16px; max-width: 60%;} .section-product-cta{height: 600px;} .section-product-cta .product-cta-content{padding: 0 30px;} .product-specification{grid-template-columns: repeat(2, 1fr); grid-template-rows: unset;} .product-specification .specification{grid-area: unset !important;} .get-in-touch{flex-direction: column;} .get-in-touch .get-in-touch-image{max-width: none;aspect-ratio: 2 / 1;} .contact-location .locations{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 40px;} .contact-location .locations .location{flex-direction: row;} .contact-location .locations .location-image{width: 300px; aspect-ratio: 3/2;} .contact-location .locations .location .location-meta .meta-label{font-size: 20px;} .contact-location .locations .location .location-meta .meta-data{font-size: 20px;} .contact-location .locations .location-action{margin: 20px 0 0;} .test-drive-content{width: 100%;} .test-drive-image{position: relative;bottom: auto;right: auto;margin: 0 auto;} .test-drive-product-info{padding: 0 0 20px;} .test-drive-product-info .product-info-metas{grid-template-columns: repeat(2, 1fr);} .service-packages-title{font-size: 40px;} .service-packages-grid{grid-template-columns: repeat(2, minmax(0, 1fr));} .service-pricelist-title{font-size: 40px;} .service-pricelist-grid{grid-template-columns: 1fr 320px;} .section-cart .cart-content{gap: 12px;} .section-cart .cart-product-panel{width: 240px;} .section-cart .cart-information-block .cart-block-title{font-size: 16px;} .section-cart .cart-information-block .information-row{grid-template-columns: repeat(4, minmax(0, 1fr));row-gap: 0; column-gap: 10px;} .section-cart .cart-information-block .information-row .information-cell:first-child{grid-column: span 4 / span 4; padding:12px 6px 0;} .section-cart .cart-information-block .information-row .information-cell{grid-column: span 2 / span 2;} .section-cart .cart-information-block .information-row .information-cell.column-2{grid-column: span 4 / span 4;} } @media screen and (max-width: 990px) { .section-page-header2.secondary { background-image: url(/assets/images/header2-bg-responsive.png); } } @media screen and (max-width: 700px) { .page-categories{gap: 30px; padding: 30px 35px;} .page-categories .category-item{width: 100%; height: auto; aspect-ratio: 2 / 1;} .page-categories .category-item .item-title{font-size: 22px;} .page-categories .category-item .item-slogan{font-size: 10px;} .page-categories .category-item .item-content{top: 16px; left: 0; padding: 10px 16px;} .page-categories .category-item:before{width: 65px; height: 31px; right: -27px; top: -5px;} .page-categories .category-item:after{width: 65px; height: 31px; left: -27px; bottom: -5px;} } @media screen and (max-width: 640px) { .product-listing{grid-template-columns: repeat(1, minmax(0, 1fr));} .product-details-images, .product-details{max-width: 100%; width: 100%;} .product-details{margin: 0; order: 2;} .product-details .product-actions{flex-wrap: wrap;} .product-details .product-actions .btn-action:nth-child(3){width: 100%;} .product-facilities{max-width: 100%;} .section-page-header2 { padding-top: 20px; } .section-cart { margin-top: 0 !important; } header .header-bar{padding: 4px 0;} header .header-bar-left .label{display: none;} header .header-bar-left .data{font-size: 12px;} header .header-bar-right{flex-direction: row; gap: 14px;} header .header-bar-contact{gap: 4px;} header .header-bar-contact .contact-city{font-size: 11px; min-width: auto;} header .header-bar-contact .contact-detail{display: none;} header .header-bar-contact .header-bar-item{font-size: 0; gap: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;} header .header-bar-contact .header-bar-item i{font-size: 14px;} header .header-content+.header-content{margin: 0 auto; width: 100%;justify-content: center;} header .contacts{gap: 0;width: 100%; justify-content: space-between;} header .contacts .contact-item{flex-direction: column;gap: 4px;padding: 0 8px; position: relative;flex-grow: 1; flex-shrink: 1;} header .contacts .contact-item+.contact-item:before{content:'';border-right: 1px solid var(--shades01);display: inline-block;height: 14px;position: absolute;top: 2px;left: 0;} header .contacts .contact-label:after{display: none;} header .contacts .contact-label{font-size: 14px;} header .contacts .contact-data{font-size: 14px;} header .header-main, header.scrolled .header-main{height: 70px;} header .brand{height: 30px;} header .brand .brand-subtitle{font-size: 10px;} header .navigation{padding: 40px 20px;max-width: 50%;} header .navigation .working-hours .label{font-size: 14px;} header .navigation .working-hours .data{font-size: 14px;} header .navigation-menu{margin: 0 -20px;} header .navigation-menu .menu-link{font-size: 20px;padding: 12px 20px 12px 16px;} .mega-dropdown-menu .menu-categories{padding: 8px 0 8px 16px;} .mega-dropdown-menu .category-title{font-size: 18px;} header .search{position: fixed;top: 0;left: 0;width: 100%;height: 70px;background-color: var(--shades07);padding: 30px 20px 15px;z-index:10;margin: 0;border: 0;transform: translateY(-100%); transition: all 0.3s ease;} header .search.active{transform: translateY(0%);} header .search form{flex: 1;min-width: 0;} header .search .search-input{font-size: 20px;height: 40px; border-bottom: 1px solid var(--shades01);width: 100%;max-width: none;} header .search .search-results{left: 0;right: 0;width: 100vw;margin: 0;border-radius: 0;} header .search .search-close{display: flex;} header .search-toggle{display: flex;margin: 0 0 0 4px;} header .cart{ margin: 0;} header .cart .cart-toggle{gap: 4px;} header .menu-toggle{ margin: 0 0 0 20px;} header .menu-overlay{top: 70px;height: calc(100vh - 70px);} header .menu-overlay.search-overlay{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 9;} .hero-slider .swiper-slide{padding: 20px 0;} header .header-brands{display: none;} .hero-slider .swiper-content{margin-bottom: 48px;} .hero-slider-options .hero-logo{display: none;} .hero-slider .swiper-content .swiper-title{font-size: 45px;text-align: left;} .hero-slider .swiper-content .swiper-description{font-size: 24px; text-align: left;margin: 10px 0 0;} .hero-slider .swiper-content .swiper-actions{gap: 16px;margin: 20px 0 0;} .hero-slider .swiper-content .swiper-actions .btn-action{flex-grow: 1; flex-shrink: 1;} .hero-slider .swiper-content .swiper-action-alt{bottom: 78px;} .hero-slider-options .hero-swiper-button{display: none;} .hero-slider-options .hero-swiper-pagination{display: flex;justify-content: center;gap: 8px;padding: 16px 0;} .hero-slider-options .hero-swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background-color: rgba(var(--shades01-rgb), 0.4);opacity: 1;border-radius: 50%;transition: all 0.3s ease;cursor: pointer;} .hero-slider-options .hero-swiper-pagination .swiper-pagination-bullet-active{background-color: var(--shades01);transform: scale(1.2);} .section-title{font-size: 45px;max-width:90%; margin-left: auto; margin-right: auto;} .section-subtitle{font-size: 30px;max-width:90%; margin-left: auto; margin-right: auto;} .section-category{padding: 60px 0;} .categories {gap: 10px;} .categories .category-item{width: 100%; max-width: calc(100% - 20px); margin: 0 10px;} .categories .category-item .item-image{aspect-ratio: 2/0.9;} .categories .category-item .item-image:before{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right,rgba(var(--shades02-rgb),0.8), transparent);z-index: 1;} .categories .category-item .item-image img{display: block;} .categories .category-item .item-image img+img{display: block;} .categories .category-item .item-content{padding: 60px 24px 12px;height: 100%;display: flex;flex-direction: column;z-index: 2;} .categories .category-item .item-content:after{background-image: url(../images/overlay-shape-03.svg);height: calc(50% + 30px); background-size: contain;} .categories .category-item .item-title{font-size: 26px;top: 24px; left: 24px;} .categories .category-item .item-subtitle{font-size: 18px; font-weight: 400; margin: 0 0 10px;} .categories .category-item .item-action{margin: auto 0 0;} .section-accessories{padding: 60px 0;} .section-accessories .accessories-header .accessories-header-content+.accessories-header-content{width: 100%;} .section-accessories .accessories-header .accessories-header-subtitle{font-size: 24px; text-align: left;margin: 0 0 10px;} .section-accessories .accessories-header .accessories-header-title{font-size: 45px; text-align: left;line-height: 0.9;} .section-accessories .accessories-header .accessories-header-description{font-size: 24px;text-align: left;} .accessories-spare-parts .tabs{margin: 0 0 20px;} .accessories-spare-parts .tabs .tab-button{font-size: 18px;height: 40px;} .accessories-spare-parts .spare-parts-image{width: 100%;padding: 20px;} .accessories-spare-parts .accessories-action{justify-content: center; display: flex;} .section-about{padding: 60px 0;} .section-about .container{gap: 40px;} .section-about .about-subtitle{text-align: left;} .section-about .about-subtitle img{height: 20px;} .section-about .about-title{font-size: 45px; text-align: left;} .section-about .about-description{font-size: 20px; text-align: left;} .section-about .about-actions{justify-content: flex-start;} .section-featured .section-title{text-align: left;max-width: none;} .section-featured .section-subtitle{text-align: left;max-width: none;} .section-featured .brand-logo{display: none;} .featured-slider .featured-item .item-watermark{padding: 0;right: -20px;opacity: 0.06;} .section-product-banners{display: none;} .featured-slider{margin: 0;padding: 0 0 60px;} .featured-slider .featured-item .item-tag .tag{font-size: 20px;} .featured-slider .featured-item .item-title{font-size: 45px;} .featured-slider .featured-item .item-subtitle{font-size: 24px;} .featured-slider .featured-item .item-description{font-size: 18px;margin: 20px 0 30px;} .featured-slider .swiper-control{gap: 16px; padding: 0 15px;} .featured-slider .swiper-button{width: 30px; height: 30px;font-size: 16px;} .featured-slider .swiper-pagination.swiper-pagination-progressbar{width: 100%;} footer{padding: 28px 0;} footer .footer-row{gap: 0;} footer .footer-column{flex-direction: column;gap: 28px;} footer .footer-content, footer .footer-content+.footer-content{width: 100%;} footer{text-align: center;} footer .footer-row{justify-content: center;} footer .footer-row+.footer-row{flex-direction: column;gap: 12px;margin: 20px 0 0;padding: 20px 0 0;align-items: center;} footer .footer-brand{height: 40px;} footer .footer-brand .logo img{object-position: center;} footer .footer-title{font-size: 17px;margin: 0 0 10px;} footer .footer-contacts .contact-item+.contact-item{margin: 8px 0 0;} footer .footer-contacts .contact-link{gap: 0;justify-content: center;} footer .footer-contacts .link-icon{display: none;} footer .footer-contacts .link-icon{font-size: 17px;} footer .footer-contacts .link-label{font-size: 17px;margin: 0 0 1px;} footer .footer-contacts .link-data{font-size: 17px;} footer .footer-links .link-item{justify-content: center;} footer .footer-links .link-item+.link-item{margin: 6px 0 0;} footer .footer-links .link-item .link{font-size: 17px;} footer .footer-copyright{font-size: 12px;text-align: center;} footer .footer-recaptcha{text-align: center;} footer .social-connect{margin-left: 0;gap: 14px;justify-content: center;} footer .social-connect .social-link{font-size: 16px;} .section-page-header .page-header-content{min-height: 180px; padding: 30px 0;} .section-page-header .page-header-title{font-size: 36px;} .section-page-header .page-header-subtitle{font-size: 16px; line-height: 1.2;} .section-product-banners .banner-item{padding: 60px 0 0;} .section-product-banners .banner-item .item-title{font-size: 45px;} .section-product-banners .banner-item .item-cost .cost-tag{margin: 0 0 -2px;} .section-product-banners .banner-item .item-cost .cost-price-breakup{padding: 0px 28px;} .section-product-banners .banner-item .item-cost .cost-installment{padding: 0;} .section-product-banners .banner-item .item-cost .cost-installment .label{line-height: 1.2;} .section-product-banners .banner-item .item-cost .cost-installment .data{line-height: 1.2;} .section-product-banners .banner-item .item-description{font-size: 16px;font-weight: 400;line-height: 1.5;} .section-product-banners .banner-item .item-metas{gap: 12px;} .section-product-banners .banner-item .meta .label{font-size: 16px;line-height: 1.2;} .section-product-banners .banner-item .meta .data{font-size: 16px;line-height: 1.2;} .section-product-banners .banner-item .item-actions{gap: 12px;} .section-product-banners .banner-item .btn-action{height: 40px; padding: 0 12px;font-size: 14px;flex-grow: 1; flex-shrink: 1;} .section-product-banners .banner-item .item-image{bottom: -40px; margin: 20px 0 0px;} .section-product-banners .banner-item .item-background-image:after{width: calc(100% - 30px);} .section-product-listing{padding: 60px 0;} .product-filters{justify-content: flex-start; gap: 16px; flex-wrap: wrap;} .product-filters .product-filters-title{font-size: 24px; width: 100%;} .product-filters .filters{flex-direction: column; align-items: unset; gap: 8px;width: 50%;} .product-filters .filters .filter-label{font-size: 16px;} .product-filters .filters .dropdown-toggle{min-width: 0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 12px;width: 100%;font-size: 16px;} .product-filters .filters .dropdown-menu .dropdown-menu-item{font-size: 16px;padding: 0 12px; height: 32px;} .product-listing{gap: 24px;} .product-listing .product .product-tag{height: 36px; padding: 3px 16px 0; font-size: 16px;} .product-listing .product .product-title{font-size: 40px;} .product-listing .product .cost-breakup .sell-price{font-size: 30px;} .product-listing .product .cost-breakup .cost-price{font-size: 20px;} .product-listing .product .cost-installment .label{font-size: 16px;} .product-listing .product .cost-installment .data{font-size: 16px;} .product-listing .product .btn-action{font-size: 18px; flex-grow: 0; flex-shrink: 0;} .section-product-details{padding: 50px 0 40px;} .product-details{padding: 0;} .product-details .product-cost{padding-left: 10px;} .product-details .product-cost .tag{font-size: 16px;} .product-details .product-cost .cost-price-breakup{padding: 2px 20px 0;gap: 8px;} .product-details .product-cost .cost-price{font-size: 20px;} .product-details .product-cost .sell-price{font-size: 20px;} .product-details .product-cost .cost-installment .label{font-size: 16px;} .product-details .product-cost .cost-installment .data{font-size: 16px;} .product-details .product-cost .cost-note{font-size: 18px;} .product-details .additional-sales{padding: 10px 0 0;} .product-details .additional-sales h2{font-size: 15px;} .product-details .product-metas{gap: 12px; margin: 8px 0 0; padding: 8px 0 0;} .product-details .meta{gap: 8px;} .product-details .meta .label{font-size: 16px;} .product-details .meta .data{font-size: 16px;} .product-details .product-options{max-width: none;} .product-details .btn-action{flex-grow: 1; flex-shrink: 1;} .product-details .btn-action:before{right: 95%;} .product-details .btn-action:after{left: 95%;} .section-product-overview{padding: 60px 0;} .section-product-overview .overview-title{font-size: 45px; margin: 0 0 40px;} .section-product-overview .overview-description{font-size: 24px;} .section-product-features{padding: 60px 0} .section-product-features .product-features-subtitle{font-size: 30px;} .section-product-features .product-features-title{font-size: 45px;} .section-feature .feature{min-height: 0; height: auto; width: 100%; aspect-ratio: 1/1;display: flex;flex-direction: column;justify-content: flex-end;padding: 30px 30px;} .section-feature .feature .feature-image:after{content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(var(--shades02-rgb), 0.8), transparent);z-index: 1;} .section-catalogue-listing{padding: 60px 0;} .catalogue-listing{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 24px;} .catalogue-listing .item .item-title{font-size: 40px;} .section-feature .feature .feature-image img+img{display: block;} .section-feature .feature .feature-title{font-size: 45px;margin: 0 0 10px;} .section-feature .feature .feature-description{font-size: 18px; font-weight: 400; max-width: none;} .section-feature:nth-child(odd) .feature .feature-title{text-align: left;} .section-feature:nth-child(odd) .feature .feature-description{text-align: left; margin: 0;} .section-product-cta{padding: 60px 0; align-items: flex-end;} .section-product-cta .product-cta-content{padding: 0;} .section-product-cta .product-cta-background-image:before{content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(var(--shades02-rgb), 0.8), transparent);z-index: 1;} .section-product-cta .product-cta-background-image img{display: none;} .section-product-cta .product-cta-background-image img+img{display: block;} .section-product-cta .product-cta-content .product-cta-title{font-size: 45px;} .section-product-cta .product-cta-content .product-cta-description{font-size: 24px; font-weight: 500;} .section-product-cta .product-cta-content .product-cta-actions{margin: 20px 0 0;} .section-product-cta .product-cta-content .btn-action{height: 48px; padding: 0 24px;} .section-product-specification{padding: 60px 0 40px;} .section-product-specification .product-specification-subtitle{font-size: 30px;margin: 0 0 20px;} .section-product-specification .product-specification-title{font-size: 45px;} .product-specification{grid-template-columns: repeat(1, 1fr);} .product-specification .specification .specification-header{height: 80px;padding: 0 20px;} .product-specification .specification .header-title{font-size: 30px;} .product-specification .specification .specification-item{height: 80px;} .product-specification .specification .specification-label{font-size: 18px;} .product-specification .specification .specification-data{font-size: 16px;} .section-product-gallery{padding: 60px 0;} .section-product-gallery .product-gallery-subtitle{font-size: 30px;margin: 0 0 20px;} .section-product-gallery .product-gallery-title{font-size: 45px;margin: 0 0 20px;} .product-gallery{margin: 40px 0 0;} .section-page-banner{height: 560px;align-items: flex-end;} .section-page-banner .page-banner-image:before{background: linear-gradient(to top, rgba(var(--shades02-rgb), 0.9), transparent 75%);} .section-page-banner .page-banner-image img{display: block;} .section-page-banner .page-banner-image img+img{display: block;} .section-page-banner .page-banner-title{font-size: 45px;} .section-contact{padding: 60px 0;} .get-in-touch .get-in-touch-title{font-size: 45px;} .get-in-touch .get-in-touch-subtitle{font-size: 24px;} .get-in-touch .get-in-touch-form{margin: 20px 0 0;} .get-in-touch .get-in-touch-form .row{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 0;} .get-in-touch .get-in-touch-image{aspect-ratio: 1 / 1;} .contact-locations-container{margin: 40px 0 0; padding: 40px 0 0;} .contact-location .locations .location{flex-direction: column;gap: 30px;} .contact-location .locations .location .location-title{font-size: 30px;} .contact-location .locations .location .location-meta .meta-icon{font-size: 24px; padding: 2px 0 0;} .contact-location .locations .location .location-meta .meta-data{font-size: 24px;} .contact-location .locations .location-action .btn-action{height: 44px;} .contact-location .locations .location-image{width: 100%; aspect-ratio: 5/3;} .section-test-drive{padding: 40px 0 0;} .test-drive-content{padding: 60px 0;} .test-drive-content .test-drive-title{font-size: 45px;} .test-drive-content .test-drive-description{font-size: 24px;} .test-drive-content .test-drive-form .row{grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0;} .test-drive-content .test-drive-form .btn-action{width: 100%;} .test-drive-content .test-drive-form .btn-action:before{transform: skewX(-30deg) translateX(-1500%);} .test-drive-content .test-drive-form .btn-action:after{transform: skewX(-30deg) translateX(1500%);} .test-drive-image{width: 100%;} .test-drive-product-info .product-info-name{font-size: 22px;} .test-drive-product-info .product-info-metas{grid-template-columns: 1fr;} .section-service-packages{padding: 60px 0;} .service-packages-title{font-size: 36px;} .service-packages-grid{grid-template-columns: 1fr;max-width: 480px;} .section-service-pricelist{padding: 60px 0;} .service-pricelist-title{font-size: 36px;} .service-pricelist-grid{grid-template-columns: 1fr;} .service-pricelist-table tr{display: flex;flex-direction: column;padding: 12px 20px;} .service-pricelist-table td{padding: 0;} .service-pricelist-table td:first-child{font-size: 15px;} .service-pricelist-table td:last-child{text-align: left;min-width: 0;white-space: normal;margin-top: 4px;font-size: 14px;} .service-pricelist-table td.pricelist-note{padding: 0;font-size: 13px;} .service-pricelist-card.services-card .service-pricelist-card-body{padding: 20px;} .service-pricelist-card-header{padding: 20px;} .service-pricelist-card-header h3{font-size: 18px;} .section-cart .cart-content{gap: 20px; flex-direction: column;} .section-cart .cart-product-panel{width: 100%;} .section-cart .cart-information-panel{padding: 20px 10px;} .section-cart .cart-information-block .cart-block-title{font-size: 20px;} .section-cart .cart-information-block .information-row{gap: 0;} .section-cart .cart-information-block .information-row .telephone-group{gap: 12px;} .section-cart .cart-information-block .information-row .image-checkbox .checkbox-image{height: 22px;} .section-cart .cart-information-block.payment-methods .data-block .checkbox-group{grid-template-columns: repeat(2, minmax(0, 1fr));} .swiper-action-alt .btn-action{height: 36px;font-size: 20px;} .swiper-action-alt .btn-action i{font-size: 16px; margin-top: -3px;} .swiper-action-alt .btn-action:before{width: 40%; height: 90%; top:0; right: 8px;} .swiper-action-alt .btn-action:after{height: 90%;top:0; right: -5px;} .play-btn-icon { margin-right: 10px; } } /* ********|| RESPONSIVE END ||******** */ .shopcart-confirmation { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); align-items: center; padding: 20px; z-index: 9999; } .shopcart-confirmation.active { display: flex; } .shopcart-confirmation .shopcart-confirmation-inner { position: relative; background: #fff; width: 480px; max-width: 100%; padding: 50px 20px; margin: 0 auto 0; text-align: center; border-radius: 5px; } .shopcart-confirmation .confirmation-title { font-size: 24px; text-align: center; color: var(--shades02); margin: 0 0 20px; } .shopcart-confirmation .shopcart-confirmation-options { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; margin: 0 0 -6px -6px; } .shopcart-confirmation .shopcart-confirmation-options .option { display: inline-flex; margin: 0 0 6px 6px; justify-content: center; align-items: center; height: 44px; font-size: 16px; font-weight: 500; border-radius: 22px; padding: 0 18px; border: 2px solid var(--green); } .shopcart-confirmation .shopcart-confirmation-options .continue-shopping { border-color: var(--green); background-color: var(--shades01); color: var(--green); } .shopcart-confirmation .shopcart-confirmation-options .continue-shopping:hover { background-color: var(--shades01); color: var(--shades02); } .shopcart-confirmation .shopcart-confirmation-options .goto-checkout { background-color: var(--green); color: var(--shades01); border: 2px solid var(--green); } .shopcart-confirmation .shopcart-confirmation-options .goto-checkout:hover { border-color: var(--shades02); background-color: var(--shades02); } .mega-dropdown-menu-spacer { bottom: 0; z-index: -2; height: 40px; } .social-connect { display: none !important; } .additional-sales-modal { display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; padding: 8px; } .additional-sales-modal-text { display: flex; flex-direction: column; gap: 6px; } .additional-sales-modal-name { color: var(--green); font-size: 17px; font-weight: 700; } .additional-sales-modal-price { color: var(--green); font-size: 15px; font-weight: 600; } .additional-sales-modal-intro, .additional-sales-modal-intro p { color: #646464; font-size: 15px; font-weight: 400; } .additional-sales-modal-image { min-width: 120px; } .tooltip-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; justify-content: center; align-items: center; } .tooltip-modal-overlay.show { display: flex; } .tooltip-modal-content { background: #fff; color: #000; padding: 20px; border-radius: 10px; width: 90%; max-width: 400px; position: relative; } .tooltip-close { position: absolute; top: 10px; right: 15px; font-size: 24px; cursor: pointer; } .tooltip-html { font-size: 16px; } .tooltip-box { position: absolute; background: #FAFAF8; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 8px 16px 0 rgba(0, 0, 0, 0.1); color: #000; padding: 10px; border-radius: 16px; max-width: 400px; z-index: 1000; pointer-events: none; font-size: 14px; font-weight: 400; display: none; } .tooltip-box::after { content: ""; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid rgb(250, 250, 248); } .tooltip-box.show { display: block; } @media screen and (min-width: 990px) { .service-tooltip { display: none !important; } } #i2zc { font-size: 21px; line-height: 1.5; } #i2zc h3 { margin-bottom: 0; margin-top: 0; padding: 5px; } #i2zc table { width: 100%; } #i2zc table thead tr th { text-align: left; padding: 5px; } #i2zc table tbody tr td { padding: 5px 8px; } #i2zc table tbody tr:nth-child(even) { background: #f5f5f5; } #i2zc .gjs-row { padding: 0; } #i2zc .gjs-cell { padding: 0; } #ivhg-2 { } #ivhg-2 p { margin: 15px 0 0 0; padding: 5px; } #i67v-2 { margin-bottom: 40px; }