@import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;700&display=swap'); *, *::before, *::after { box-sizing: border-box; } html, body, div, span, h1, h2, h3, p, a, form, input, textarea, button, ul, li { margin: 0; padding: 0; border: 0; } body { min-width: 320px; line-height: 1; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a, a:link, a:visited { color: inherit; text-decoration: none; } ul { list-style: none; } button, input, textarea { font: inherit; } .ladi-wraper { width: 100%; min-height: 100%; overflow: hidden; touch-action: manipulation; } .ladi-container { position: relative; height: 100%; margin: 0 auto; } .ladi-element { position: absolute; } .ladi-transition { transition: all 150ms linear 0s; } .z-index-1 { z-index: 1; } .ladi-hidden { display: none !important; } .ladi-box, .ladi-frame, .ladi-group, .ladi-button { position: absolute; width: 100%; height: 100%; } .ladi-box, .ladi-frame, .ladi-button { overflow: hidden; } .ladi-frame-bg .ladi-frame-background, .ladi-button .ladi-button-background { width: 100%; height: 100%; pointer-events: none; transition: inherit; } .ladi-frame-bg:not(.ladi-frame) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .ladi-headline, .ladi-paragraph { display: inline-block; width: 100%; word-break: break-word; } .ladi-shape { position: absolute; width: 100%; height: 100%; pointer-events: none; } .ladi-form { position: absolute; width: 100%; height: 100%; } .ladi-form .ladi-form-item-container, .ladi-form .ladi-form-item, .ladi-form .ladi-form-item-background { position: absolute; width: 100%; height: 100%; } .ladi-form .ladi-form-item-background { top: 0; left: 0; pointer-events: none; } .ladi-form .ladi-form-control { width: 100%; height: 100%; min-width: 100%; min-height: 100%; max-width: 100%; max-height: 100%; padding: 0 5px; border: 0; background: transparent; color: inherit; font-size: inherit; outline: none; } .ladi-form textarea.ladi-form-control { resize: none; padding: 5px; } .ladi-button { cursor: pointer; } .ladi-button>.ladi-button-headline, .ladi-button>.ladi-button-shape { display: table; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; user-select: none; } .ladi-button>.ladi-button-headline .ladi-headline { display: table-cell; vertical-align: middle; } body.lazyload .ladi-overlay, body.lazyload .ladi-box, body.lazyload .ladi-button-background, body.lazyload .ladi-collection-item:before, body.lazyload .ladi-countdown-background, body.lazyload .ladi-form-item-background, body.lazyload .ladi-form-label-container .ladi-form-label-item.image, body.lazyload .ladi-frame-background, body.lazyload .ladi-gallery-view-item, body.lazyload .ladi-gallery-control-item, body.lazyload .ladi-headline, body.lazyload .ladi-image-background, body.lazyload .ladi-image-compare, body.lazyload .ladi-list-paragraph ul li:before, body.lazyload .ladi-section-background, body.lazyload .ladi-survey-option-background, body.lazyload .ladi-survey-option-image, body.lazyload .ladi-tabs-background, body.lazyload .ladi-video-background, body.lazyload .ladi-banner, body.lazyload .ladi-spin-lucky-screen, body.lazyload .ladi-spin-lucky-start { background-image: none !important; } body { direction: ltr; } @media (min-width: 768px) { .ladi-section .ladi-container { width: 1200px; } } @media (max-width: 767px) { .ladi-section .ladi-container { width: 420px; } } body { font-family: Mulish, sans-serif } body { font-family: Exo, sans-serif !important; } #BODY_BACKGROUND { height: 0px; } #BODY_BACKGROUND>.ladi-section-background, #SECTION5>.ladi-section-background, #SECTION10>.ladi-section-background, #SECTION12>.ladi-section-background { background-color: rgb(52, 69, 61); } #SECTION6>.ladi-section-background, #BOX47>.ladi-box, #BOX71>.ladi-box { background-size: cover; background-origin: content-box; background-position: 50% 50%; background-repeat: repeat; background-attachment: scroll; } #SECTION7>.ladi-section-background { background-color: rgb(255, 255, 255); } #CAROUSEL1 .ladi-carousel .ladi-carousel-arrow { display: none; } #CAROUSEL_ITEM7, #FRAME8, #FRAME8>.ladi-frame, #FRAME9>.ladi-frame, #FRAME10>.ladi-frame, #FRAME11>.ladi-frame, #FRAME12>.ladi-frame, #FRAME40>.ladi-frame, #FRAME41>.ladi-frame, #FRAME42>.ladi-frame, #FRAME43>.ladi-frame, #FRAME44>.ladi-frame, #FRAME14, #FRAME14>.ladi-frame, #FRAME15>.ladi-frame, #FRAME16>.ladi-frame, #FRAME17>.ladi-frame, #FRAME18>.ladi-frame, #FRAME45>.ladi-frame, #FRAME46>.ladi-frame, #FRAME47>.ladi-frame, #FRAME48>.ladi-frame, #FRAME49>.ladi-frame, #FRAME20, #FRAME20>.ladi-frame, #FRAME21>.ladi-frame, #FRAME22>.ladi-frame, #FRAME23>.ladi-frame, #FRAME24>.ladi-frame, #FRAME50>.ladi-frame, #FRAME51>.ladi-frame, #FRAME52>.ladi-frame, #FRAME53>.ladi-frame, #FRAME54>.ladi-frame, #FRAME26, #FRAME26>.ladi-frame, #FRAME27>.ladi-frame, #FRAME28>.ladi-frame, #FRAME29>.ladi-frame, #FRAME30>.ladi-frame, #FRAME55>.ladi-frame, #FRAME56>.ladi-frame, #FRAME57>.ladi-frame, #FRAME58>.ladi-frame, #FRAME59>.ladi-frame, #FRAME32, #FRAME32>.ladi-frame, #FRAME33>.ladi-frame, #FRAME34>.ladi-frame, #FRAME35>.ladi-frame, #FRAME36>.ladi-frame, #FRAME60>.ladi-frame, #FRAME61>.ladi-frame, #FRAME62>.ladi-frame, #FRAME63>.ladi-frame, #FRAME64>.ladi-frame, #BUTTON6, #FRAME65>.ladi-frame, #CAROUSEL_ITEM66, #FRAME67>.ladi-frame, #FRAME68>.ladi-frame, #FRAME69>.ladi-frame, #FRAME70>.ladi-frame, #FRAME73>.ladi-frame, #FRAME74>.ladi-frame, #FRAME75>.ladi-frame, #FRAME76>.ladi-frame, #FRAME79>.ladi-frame, #FRAME80>.ladi-frame, #FRAME81>.ladi-frame, #FRAME82>.ladi-frame, #FRAME85>.ladi-frame, #FRAME86>.ladi-frame, #FRAME87>.ladi-frame, #FRAME88>.ladi-frame, #FRAME91>.ladi-frame, #FRAME92>.ladi-frame, #FRAME93>.ladi-frame, #FRAME94>.ladi-frame, #FORM_ITEM8 { top: 0px; left: 0px; } #CAROUSEL_ITEM7>.ladi-frame-bg>.ladi-frame-background, #CAROUSEL_ITEM13>.ladi-frame-bg>.ladi-frame-background, #CAROUSEL_ITEM19>.ladi-frame-bg>.ladi-frame-background, #CAROUSEL_ITEM25>.ladi-frame-bg>.ladi-frame-background, #CAROUSEL_ITEM31>.ladi-frame-bg>.ladi-frame-background, #CAROUSEL_ITEM66>.ladi-frame-bg>.ladi-frame-background, #CAROUSEL_ITEM72>.ladi-frame-bg>.ladi-frame-background, #CAROUSEL_ITEM78>.ladi-frame-bg>.ladi-frame-background, #CAROUSEL_ITEM84>.ladi-frame-bg>.ladi-frame-background, #CAROUSEL_ITEM90>.ladi-frame-bg>.ladi-frame-background { background-size: cover; background-origin: content-box; background-position: 50% 0%; background-repeat: repeat; background-attachment: scroll; } #CAROUSEL_ITEM7>.ladi-frame:hover, #CAROUSEL_ITEM7>.ladi-frame:hover~.ladi-frame-bg, #BOX5>.ladi-box:hover, #BOX6>.ladi-box:hover, #BOX7>.ladi-box:hover, #BOX8>.ladi-box:hover, #BOX27>.ladi-box:hover, #BOX28>.ladi-box:hover, #BOX29>.ladi-box:hover, #BOX30>.ladi-box:hover, #CAROUSEL_ITEM13>.ladi-frame:hover, #CAROUSEL_ITEM13>.ladi-frame:hover~.ladi-frame-bg, #BOX9>.ladi-box:hover, #BOX10>.ladi-box:hover, #BOX11>.ladi-box:hover, #BOX12>.ladi-box:hover, #BOX31>.ladi-box:hover, #BOX32>.ladi-box:hover, #BOX33>.ladi-box:hover, #BOX34>.ladi-box:hover, #CAROUSEL_ITEM19>.ladi-frame:hover, #CAROUSEL_ITEM19>.ladi-frame:hover~.ladi-frame-bg, #BOX13>.ladi-box:hover, #BOX14>.ladi-box:hover, #BOX15>.ladi-box:hover, #BOX16>.ladi-box:hover, #BOX35>.ladi-box:hover, #BOX36>.ladi-box:hover, #BOX37>.ladi-box:hover, #BOX38>.ladi-box:hover, #CAROUSEL_ITEM25>.ladi-frame:hover, #CAROUSEL_ITEM25>.ladi-frame:hover~.ladi-frame-bg, #BOX17>.ladi-box:hover, #BOX18>.ladi-box:hover, #BOX19>.ladi-box:hover, #BOX20>.ladi-box:hover, #BOX39>.ladi-box:hover, #BOX40>.ladi-box:hover, #BOX41>.ladi-box:hover, #BOX42>.ladi-box:hover, #CAROUSEL_ITEM31>.ladi-frame:hover, #CAROUSEL_ITEM31>.ladi-frame:hover~.ladi-frame-bg, #BOX21>.ladi-box:hover, #BOX22>.ladi-box:hover, #BOX23>.ladi-box:hover, #BOX24>.ladi-box:hover, #BOX43>.ladi-box:hover, #BOX44>.ladi-box:hover, #BOX45>.ladi-box:hover, #BOX46>.ladi-box:hover, #HEADLINE84>.ladi-headline:hover, #BUTTON13>.ladi-button:hover, #BUTTON_TEXT13>.ladi-headline:hover, #CAROUSEL_ITEM66>.ladi-frame:hover, #CAROUSEL_ITEM66>.ladi-frame:hover~.ladi-frame-bg, #BOX50>.ladi-box:hover, #BOX51>.ladi-box:hover, #BOX52>.ladi-box:hover, #CAROUSEL_ITEM72>.ladi-frame:hover, #CAROUSEL_ITEM72>.ladi-frame:hover~.ladi-frame-bg, #BOX54>.ladi-box:hover, #BOX55>.ladi-box:hover, #BOX56>.ladi-box:hover, #CAROUSEL_ITEM78>.ladi-frame:hover, #CAROUSEL_ITEM78>.ladi-frame:hover~.ladi-frame-bg, #BOX58>.ladi-box:hover, #BOX59>.ladi-box:hover, #BOX60>.ladi-box:hover, #CAROUSEL_ITEM84>.ladi-frame:hover, #CAROUSEL_ITEM84>.ladi-frame:hover~.ladi-frame-bg, #BOX62>.ladi-box:hover, #BOX63>.ladi-box:hover, #BOX64>.ladi-box:hover, #CAROUSEL_ITEM90>.ladi-frame:hover, #CAROUSEL_ITEM90>.ladi-frame:hover~.ladi-frame-bg, #BOX66>.ladi-box:hover, #BOX67>.ladi-box:hover, #BOX68>.ladi-box:hover, #HEADLINE106>.ladi-headline:hover { opacity: 1; } #GROUP13, #GROUP14, #GROUP15, #GROUP16, #GROUP17 { width: 1200px; height: 980.333px; } #GROUP13, #GROUP14, #GROUP15, #GROUP16, #GROUP17, #FRAME67, #FRAME73, #FRAME79, #FRAME85, #FRAME91 { top: 56.9167px; left: 62px; } #FRAME8, #FRAME9, #FRAME10, #FRAME11, #FRAME12, #FRAME40, #FRAME41, #FRAME42, #FRAME43, #FRAME44, #FRAME14, #FRAME15, #FRAME16, #FRAME17, #FRAME18, #FRAME45, #FRAME46, #FRAME47, #FRAME48, #FRAME49, #FRAME20, #FRAME21, #FRAME22, #FRAME23, #FRAME24, #FRAME50, #FRAME51, #FRAME52, #FRAME53, #FRAME54, #FRAME26, #FRAME27, #FRAME28, #FRAME29, #FRAME30, #FRAME55, #FRAME56, #FRAME57, #FRAME58, #FRAME59, #FRAME32, #FRAME33, #FRAME34, #FRAME35, #FRAME36, #FRAME60, #FRAME61, #FRAME62, #FRAME63, #FRAME64, #FRAME65, #FRAME67, #FRAME68, #FRAME69, #FRAME70, #FRAME73, #FRAME74, #FRAME75, #FRAME76, #FRAME79, #FRAME80, #FRAME81, #FRAME82, #FRAME85, #FRAME86, #FRAME87, #FRAME88, #FRAME91, #FRAME92, #FRAME93, #FRAME94 { width: auto !important; height: auto !important; } #FRAME8>.ladi-frame, #FRAME9>.ladi-frame, #FRAME10>.ladi-frame, #FRAME11>.ladi-frame, #FRAME12>.ladi-frame, #FRAME40>.ladi-frame, #FRAME41>.ladi-frame, #FRAME42>.ladi-frame, #FRAME43>.ladi-frame, #FRAME44>.ladi-frame, #FRAME14>.ladi-frame, #FRAME15>.ladi-frame, #FRAME16>.ladi-frame, #FRAME17>.ladi-frame, #FRAME18>.ladi-frame, #FRAME45>.ladi-frame, #FRAME46>.ladi-frame, #FRAME47>.ladi-frame, #FRAME48>.ladi-frame, #FRAME49>.ladi-frame, #FRAME20>.ladi-frame, #FRAME21>.ladi-frame, #FRAME22>.ladi-frame, #FRAME23>.ladi-frame, #FRAME24>.ladi-frame, #FRAME50>.ladi-frame, #FRAME51>.ladi-frame, #FRAME52>.ladi-frame, #FRAME53>.ladi-frame, #FRAME54>.ladi-frame, #FRAME26>.ladi-frame, #FRAME27>.ladi-frame, #FRAME28>.ladi-frame, #FRAME29>.ladi-frame, #FRAME30>.ladi-frame, #FRAME55>.ladi-frame, #FRAME56>.ladi-frame, #FRAME57>.ladi-frame, #FRAME58>.ladi-frame, #FRAME59>.ladi-frame, #FRAME32>.ladi-frame, #FRAME33>.ladi-frame, #FRAME34>.ladi-frame, #FRAME35>.ladi-frame, #FRAME36>.ladi-frame, #FRAME60>.ladi-frame, #FRAME61>.ladi-frame, #FRAME62>.ladi-frame, #FRAME63>.ladi-frame, #FRAME64>.ladi-frame, #FRAME65>.ladi-frame, #FRAME67>.ladi-frame, #FRAME68>.ladi-frame, #FRAME69>.ladi-frame, #FRAME70>.ladi-frame, #FRAME73>.ladi-frame, #FRAME74>.ladi-frame, #FRAME75>.ladi-frame, #FRAME76>.ladi-frame, #FRAME79>.ladi-frame, #FRAME80>.ladi-frame, #FRAME81>.ladi-frame, #FRAME82>.ladi-frame, #FRAME85>.ladi-frame, #FRAME86>.ladi-frame, #FRAME87>.ladi-frame, #FRAME88>.ladi-frame, #FRAME91>.ladi-frame, #FRAME92>.ladi-frame, #FRAME93>.ladi-frame, #FRAME94>.ladi-frame { width: max-content; height: max-content; } #FRAME8>.ladi-frame, #FRAME40>.ladi-frame, #FRAME14>.ladi-frame, #FRAME45>.ladi-frame, #FRAME20>.ladi-frame, #FRAME50>.ladi-frame, #FRAME26>.ladi-frame, #FRAME55>.ladi-frame, #FRAME32>.ladi-frame, #FRAME60>.ladi-frame, #FRAME67>.ladi-frame, #FRAME73>.ladi-frame, #FRAME79>.ladi-frame, #FRAME85>.ladi-frame, #FRAME91>.ladi-frame { position: relative; display: inline-flex; flex-direction: row; gap: 40px; padding: 0px; margin: 0px auto auto 0px; overflow: initial; } #FRAME8>.ladi-frame>.ladi-element, #FRAME40>.ladi-frame>.ladi-element, #FRAME14>.ladi-frame>.ladi-element, #FRAME45>.ladi-frame>.ladi-element, #FRAME20>.ladi-frame>.ladi-element, #FRAME50>.ladi-frame>.ladi-element, #FRAME26>.ladi-frame>.ladi-element, #FRAME55>.ladi-frame>.ladi-element, #FRAME32>.ladi-frame>.ladi-element, #FRAME60>.ladi-frame>.ladi-element, #FRAME67>.ladi-frame>.ladi-element, #FRAME73>.ladi-frame>.ladi-element, #FRAME79>.ladi-frame>.ladi-element, #FRAME85>.ladi-frame>.ladi-element, #FRAME91>.ladi-frame>.ladi-element { position: relative; right: 0px; bottom: 0px; display: inline-block; vertical-align: top; margin: 0px auto auto 0px; } #FRAME9, #BOX5, #HEADLINE30, #PARAGRAPH7, #FRAME10, #BOX6, #HEADLINE31, #PARAGRAPH8, #FRAME11, #BOX7, #HEADLINE32, #PARAGRAPH9, #FRAME12, #BOX8, #HEADLINE33, #PARAGRAPH10, #FRAME41, #BOX27, #HEADLINE64, #PARAGRAPH31, #FRAME42, #BOX28, #HEADLINE65, #PARAGRAPH32, #FRAME43, #BOX29, #HEADLINE66, #PARAGRAPH33, #FRAME44, #BOX30, #HEADLINE67, #PARAGRAPH34, #FRAME15, #BOX9, #HEADLINE34, #PARAGRAPH11, #FRAME16, #BOX10, #HEADLINE35, #PARAGRAPH12, #FRAME17, #BOX11, #HEADLINE36, #PARAGRAPH13, #FRAME18, #BOX12, #HEADLINE37, #PARAGRAPH14, #FRAME46, #BOX31, #HEADLINE68, #PARAGRAPH35, #FRAME47, #BOX32, #HEADLINE69, #PARAGRAPH36, #FRAME48, #BOX33, #HEADLINE70, #PARAGRAPH37, #FRAME49, #BOX34, #HEADLINE71, #PARAGRAPH38, #FRAME21, #BOX13, #HEADLINE38, #PARAGRAPH15, #FRAME22, #BOX14, #HEADLINE39, #PARAGRAPH16, #FRAME23, #BOX15, #HEADLINE40, #PARAGRAPH17, #FRAME24, #BOX16, #HEADLINE41, #PARAGRAPH18, #FRAME51, #BOX35, #HEADLINE72, #PARAGRAPH39, #FRAME52, #BOX36, #HEADLINE73, #PARAGRAPH40, #FRAME53, #BOX37, #HEADLINE74, #PARAGRAPH41, #FRAME54, #BOX38, #HEADLINE75, #PARAGRAPH42, #FRAME27, #BOX17, #HEADLINE42, #PARAGRAPH19, #FRAME28, #BOX18, #HEADLINE43, #PARAGRAPH20, #FRAME29, #BOX19, #HEADLINE44, #PARAGRAPH21, #FRAME30, #BOX20, #HEADLINE45, #PARAGRAPH22, #FRAME56, #BOX39, #HEADLINE76, #PARAGRAPH43, #FRAME57, #BOX40, #HEADLINE77, #PARAGRAPH44, #FRAME58, #BOX41, #HEADLINE78, #PARAGRAPH45, #FRAME59, #BOX42, #HEADLINE79, #PARAGRAPH46, #FRAME33, #BOX21, #HEADLINE46, #PARAGRAPH23, #FRAME34, #BOX22, #HEADLINE47, #PARAGRAPH24, #FRAME35, #BOX23, #HEADLINE48, #PARAGRAPH25, #FRAME36, #BOX24, #HEADLINE49, #PARAGRAPH26, #FRAME61, #BOX43, #HEADLINE80, #PARAGRAPH47, #FRAME62, #BOX44, #HEADLINE81, #PARAGRAPH48, #FRAME63, #BOX45, #HEADLINE82, #PARAGRAPH49, #FRAME64, #BOX46, #HEADLINE83, #PARAGRAPH50, #HEADLINE84, #PARAGRAPH51, #BUTTON13, #FRAME68, #BOX50, #HEADLINE86, #PARAGRAPH52, #FRAME69, #BOX51, #HEADLINE87, #PARAGRAPH53, #FRAME70, #BOX52, #HEADLINE88, #PARAGRAPH54, #FRAME74, #BOX54, #HEADLINE90, #PARAGRAPH56, #FRAME75, #BOX55, #HEADLINE91, #PARAGRAPH57, #FRAME76, #BOX56, #HEADLINE92, #PARAGRAPH58, #FRAME80, #BOX58, #HEADLINE94, #PARAGRAPH60, #FRAME81, #BOX59, #HEADLINE95, #PARAGRAPH61, #FRAME82, #BOX60, #HEADLINE96, #PARAGRAPH62, #FRAME86, #BOX62, #HEADLINE98, #PARAGRAPH64, #FRAME87, #BOX63, #HEADLINE99, #PARAGRAPH65, #FRAME88, #BOX64, #HEADLINE100, #PARAGRAPH66, #FRAME92, #BOX66, #HEADLINE102, #PARAGRAPH68, #FRAME93, #BOX67, #HEADLINE103, #PARAGRAPH69, #FRAME94, #BOX68, #HEADLINE104, #PARAGRAPH70 { top: 0px !important; left: 0px !important; } #FRAME9>.ladi-frame:hover, #FRAME9>.ladi-frame:hover~.ladi-frame-bg, #FRAME10>.ladi-frame:hover, #FRAME10>.ladi-frame:hover~.ladi-frame-bg, #FRAME11>.ladi-frame:hover, #FRAME11>.ladi-frame:hover~.ladi-frame-bg, #FRAME12>.ladi-frame:hover, #FRAME12>.ladi-frame:hover~.ladi-frame-bg, #FRAME41>.ladi-frame:hover, #FRAME41>.ladi-frame:hover~.ladi-frame-bg, #FRAME42>.ladi-frame:hover, #FRAME42>.ladi-frame:hover~.ladi-frame-bg, #FRAME43>.ladi-frame:hover, #FRAME43>.ladi-frame:hover~.ladi-frame-bg, #FRAME44>.ladi-frame:hover, #FRAME44>.ladi-frame:hover~.ladi-frame-bg, #FRAME15>.ladi-frame:hover, #FRAME15>.ladi-frame:hover~.ladi-frame-bg, #FRAME16>.ladi-frame:hover, #FRAME16>.ladi-frame:hover~.ladi-frame-bg, #FRAME17>.ladi-frame:hover, #FRAME17>.ladi-frame:hover~.ladi-frame-bg, #FRAME18>.ladi-frame:hover, #FRAME18>.ladi-frame:hover~.ladi-frame-bg, #FRAME46>.ladi-frame:hover, #FRAME46>.ladi-frame:hover~.ladi-frame-bg, #FRAME47>.ladi-frame:hover, #FRAME47>.ladi-frame:hover~.ladi-frame-bg, #FRAME48>.ladi-frame:hover, #FRAME48>.ladi-frame:hover~.ladi-frame-bg, #FRAME49>.ladi-frame:hover, #FRAME49>.ladi-frame:hover~.ladi-frame-bg, #FRAME21>.ladi-frame:hover, #FRAME21>.ladi-frame:hover~.ladi-frame-bg, #FRAME22>.ladi-frame:hover, #FRAME22>.ladi-frame:hover~.ladi-frame-bg, #FRAME23>.ladi-frame:hover, #FRAME23>.ladi-frame:hover~.ladi-frame-bg, #FRAME24>.ladi-frame:hover, #FRAME24>.ladi-frame:hover~.ladi-frame-bg, #FRAME51>.ladi-frame:hover, #FRAME51>.ladi-frame:hover~.ladi-frame-bg, #FRAME52>.ladi-frame:hover, #FRAME52>.ladi-frame:hover~.ladi-frame-bg, #FRAME53>.ladi-frame:hover, #FRAME53>.ladi-frame:hover~.ladi-frame-bg, #FRAME54>.ladi-frame:hover, #FRAME54>.ladi-frame:hover~.ladi-frame-bg, #FRAME27>.ladi-frame:hover, #FRAME27>.ladi-frame:hover~.ladi-frame-bg, #FRAME28>.ladi-frame:hover, #FRAME28>.ladi-frame:hover~.ladi-frame-bg, #FRAME29>.ladi-frame:hover, #FRAME29>.ladi-frame:hover~.ladi-frame-bg, #FRAME30>.ladi-frame:hover, #FRAME30>.ladi-frame:hover~.ladi-frame-bg, #FRAME56>.ladi-frame:hover, #FRAME56>.ladi-frame:hover~.ladi-frame-bg, #FRAME57>.ladi-frame:hover, #FRAME57>.ladi-frame:hover~.ladi-frame-bg, #FRAME58>.ladi-frame:hover, #FRAME58>.ladi-frame:hover~.ladi-frame-bg, #FRAME59>.ladi-frame:hover, #FRAME59>.ladi-frame:hover~.ladi-frame-bg, #FRAME33>.ladi-frame:hover, #FRAME33>.ladi-frame:hover~.ladi-frame-bg, #FRAME34>.ladi-frame:hover, #FRAME34>.ladi-frame:hover~.ladi-frame-bg, #FRAME35>.ladi-frame:hover, #FRAME35>.ladi-frame:hover~.ladi-frame-bg, #FRAME36>.ladi-frame:hover, #FRAME36>.ladi-frame:hover~.ladi-frame-bg, #FRAME61>.ladi-frame:hover, #FRAME61>.ladi-frame:hover~.ladi-frame-bg, #FRAME62>.ladi-frame:hover, #FRAME62>.ladi-frame:hover~.ladi-frame-bg, #FRAME63>.ladi-frame:hover, #FRAME63>.ladi-frame:hover~.ladi-frame-bg, #FRAME64>.ladi-frame:hover, #FRAME64>.ladi-frame:hover~.ladi-frame-bg, #FRAME68>.ladi-frame:hover, #FRAME68>.ladi-frame:hover~.ladi-frame-bg, #FRAME69>.ladi-frame:hover, #FRAME69>.ladi-frame:hover~.ladi-frame-bg, #FRAME70>.ladi-frame:hover, #FRAME70>.ladi-frame:hover~.ladi-frame-bg, #FRAME74>.ladi-frame:hover, #FRAME74>.ladi-frame:hover~.ladi-frame-bg, #FRAME75>.ladi-frame:hover, #FRAME75>.ladi-frame:hover~.ladi-frame-bg, #FRAME76>.ladi-frame:hover, #FRAME76>.ladi-frame:hover~.ladi-frame-bg, #FRAME80>.ladi-frame:hover, #FRAME80>.ladi-frame:hover~.ladi-frame-bg, #FRAME81>.ladi-frame:hover, #FRAME81>.ladi-frame:hover~.ladi-frame-bg, #FRAME82>.ladi-frame:hover, #FRAME82>.ladi-frame:hover~.ladi-frame-bg, #FRAME86>.ladi-frame:hover, #FRAME86>.ladi-frame:hover~.ladi-frame-bg, #FRAME87>.ladi-frame:hover, #FRAME87>.ladi-frame:hover~.ladi-frame-bg, #FRAME88>.ladi-frame:hover, #FRAME88>.ladi-frame:hover~.ladi-frame-bg, #FRAME92>.ladi-frame:hover, #FRAME92>.ladi-frame:hover~.ladi-frame-bg, #FRAME93>.ladi-frame:hover, #FRAME93>.ladi-frame:hover~.ladi-frame-bg, #FRAME94>.ladi-frame:hover, #FRAME94>.ladi-frame:hover~.ladi-frame-bg { transform: scale(1.1); opacity: 1; } #FRAME9.selected>.ladi-frame, #FRAME9.selected>.ladi-frame~.ladi-frame-bg, #FRAME11.selected>.ladi-frame, #FRAME11.selected>.ladi-frame~.ladi-frame-bg, #FRAME41.selected>.ladi-frame, #FRAME41.selected>.ladi-frame~.ladi-frame-bg, #FRAME43.selected>.ladi-frame, #FRAME43.selected>.ladi-frame~.ladi-frame-bg, #FRAME46.selected>.ladi-frame, #FRAME46.selected>.ladi-frame~.ladi-frame-bg, #FRAME48.selected>.ladi-frame, #FRAME48.selected>.ladi-frame~.ladi-frame-bg, #FRAME51.selected>.ladi-frame, #FRAME51.selected>.ladi-frame~.ladi-frame-bg, #FRAME53.selected>.ladi-frame, #FRAME53.selected>.ladi-frame~.ladi-frame-bg, #FRAME56.selected>.ladi-frame, #FRAME56.selected>.ladi-frame~.ladi-frame-bg, #FRAME58.selected>.ladi-frame, #FRAME58.selected>.ladi-frame~.ladi-frame-bg, #FRAME61.selected>.ladi-frame, #FRAME61.selected>.ladi-frame~.ladi-frame-bg, #FRAME63.selected>.ladi-frame, #FRAME63.selected>.ladi-frame~.ladi-frame-bg, #FRAME68.selected>.ladi-frame, #FRAME68.selected>.ladi-frame~.ladi-frame-bg, #FRAME70.selected>.ladi-frame, #FRAME70.selected>.ladi-frame~.ladi-frame-bg { transform: scale(1) !important; } #FRAME9>.ladi-frame, #FRAME41>.ladi-frame, #FRAME15>.ladi-frame, #FRAME46>.ladi-frame, #FRAME21>.ladi-frame, #FRAME51>.ladi-frame, #FRAME27>.ladi-frame, #FRAME56>.ladi-frame, #FRAME33>.ladi-frame, #FRAME61>.ladi-frame, #FRAME68>.ladi-frame, #FRAME74>.ladi-frame, #FRAME80>.ladi-frame, #FRAME86>.ladi-frame, #FRAME92>.ladi-frame { position: relative; display: inline-flex; flex-direction: column; gap: 16px; padding: 0px; margin: 0px auto auto 0px; overflow: initial; } #FRAME9>.ladi-frame>.ladi-element, #FRAME10>.ladi-frame>.ladi-element, #FRAME11>.ladi-frame>.ladi-element, #FRAME12>.ladi-frame>.ladi-element, #FRAME41>.ladi-frame>.ladi-element, #FRAME42>.ladi-frame>.ladi-element, #FRAME43>.ladi-frame>.ladi-element, #FRAME44>.ladi-frame>.ladi-element, #FRAME15>.ladi-frame>.ladi-element, #FRAME16>.ladi-frame>.ladi-element, #FRAME17>.ladi-frame>.ladi-element, #FRAME18>.ladi-frame>.ladi-element, #FRAME46>.ladi-frame>.ladi-element, #FRAME47>.ladi-frame>.ladi-element, #FRAME48>.ladi-frame>.ladi-element, #FRAME49>.ladi-frame>.ladi-element, #FRAME21>.ladi-frame>.ladi-element, #FRAME22>.ladi-frame>.ladi-element, #FRAME23>.ladi-frame>.ladi-element, #FRAME24>.ladi-frame>.ladi-element, #FRAME51>.ladi-frame>.ladi-element, #FRAME52>.ladi-frame>.ladi-element, #FRAME53>.ladi-frame>.ladi-element, #FRAME54>.ladi-frame>.ladi-element, #FRAME27>.ladi-frame>.ladi-element, #FRAME28>.ladi-frame>.ladi-element, #FRAME29>.ladi-frame>.ladi-element, #FRAME30>.ladi-frame>.ladi-element, #FRAME56>.ladi-frame>.ladi-element, #FRAME57>.ladi-frame>.ladi-element, #FRAME58>.ladi-frame>.ladi-element, #FRAME59>.ladi-frame>.ladi-element, #FRAME33>.ladi-frame>.ladi-element, #FRAME34>.ladi-frame>.ladi-element, #FRAME35>.ladi-frame>.ladi-element, #FRAME36>.ladi-frame>.ladi-element, #FRAME61>.ladi-frame>.ladi-element, #FRAME62>.ladi-frame>.ladi-element, #FRAME63>.ladi-frame>.ladi-element, #FRAME64>.ladi-frame>.ladi-element, #FRAME65>.ladi-frame>.ladi-element, #FRAME68>.ladi-frame>.ladi-element, #FRAME69>.ladi-frame>.ladi-element, #FRAME70>.ladi-frame>.ladi-element, #FRAME74>.ladi-frame>.ladi-element, #FRAME75>.ladi-frame>.ladi-element, #FRAME76>.ladi-frame>.ladi-element, #FRAME80>.ladi-frame>.ladi-element, #FRAME81>.ladi-frame>.ladi-element, #FRAME82>.ladi-frame>.ladi-element, #FRAME86>.ladi-frame>.ladi-element, #FRAME87>.ladi-frame>.ladi-element, #FRAME88>.ladi-frame>.ladi-element, #FRAME92>.ladi-frame>.ladi-element, #FRAME93>.ladi-frame>.ladi-element, #FRAME94>.ladi-frame>.ladi-element { position: relative; right: 0px; bottom: 0px; margin: 0px auto auto 0px; } #BOX5, #BOX6, #BOX7, #BOX8, #BOX27, #BOX28, #BOX29, #BOX30, #BOX9, #BOX10, #BOX11, #BOX12, #BOX31, #BOX32, #BOX33, #BOX34, #BOX13, #BOX14, #BOX15, #BOX16, #BOX35, #BOX36, #BOX37, #BOX38, #BOX17, #BOX18, #BOX19, #BOX20, #BOX39, #BOX40, #BOX41, #BOX42, #BOX21, #BOX22, #BOX23, #BOX24, #BOX43, #BOX44, #BOX45, #BOX46, #BOX50, #BOX51, #BOX52, #BOX54, #BOX55, #BOX56, #BOX58, #BOX59, #BOX60, #BOX62, #BOX63, #BOX64, #BOX66, #BOX67, #BOX68 { width: 270px; height: 360px; } #BOX5>.ladi-box, #BOX6>.ladi-box, #BOX7>.ladi-box, #BOX8>.ladi-box, #BOX27>.ladi-box, #BOX28>.ladi-box, #BOX29>.ladi-box, #BOX30>.ladi-box, #BOX9>.ladi-box, #BOX10>.ladi-box, #BOX11>.ladi-box, #BOX12>.ladi-box, #BOX31>.ladi-box, #BOX32>.ladi-box, #BOX33>.ladi-box, #BOX34>.ladi-box, #BOX13>.ladi-box, #BOX14>.ladi-box, #BOX15>.ladi-box, #BOX16>.ladi-box, #BOX35>.ladi-box, #BOX36>.ladi-box, #BOX37>.ladi-box, #BOX38>.ladi-box, #BOX17>.ladi-box, #BOX18>.ladi-box, #BOX19>.ladi-box, #BOX20>.ladi-box, #BOX39>.ladi-box, #BOX40>.ladi-box, #BOX41>.ladi-box, #BOX42>.ladi-box, #BOX21>.ladi-box, #BOX22>.ladi-box, #BOX23>.ladi-box, #BOX24>.ladi-box, #BOX43>.ladi-box, #BOX44>.ladi-box, #BOX45>.ladi-box, #BOX46>.ladi-box, #BOX50>.ladi-box, #BOX51>.ladi-box, #BOX52>.ladi-box, #BOX54>.ladi-box, #BOX55>.ladi-box, #BOX56>.ladi-box, #BOX58>.ladi-box, #BOX59>.ladi-box, #BOX60>.ladi-box, #BOX62>.ladi-box, #BOX63>.ladi-box, #BOX64>.ladi-box, #BOX66>.ladi-box, #BOX67>.ladi-box, #BOX68>.ladi-box { border-radius: 200px 200px 0px 0px; } #BOX5>.ladi-box, #BOX27>.ladi-box, #BOX31>.ladi-box, #BOX35>.ladi-box, #BOX39>.ladi-box, #BOX43>.ladi-box, #BOX50>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 100% 0%; background-repeat: repeat; background-attachment: scroll; } #HEADLINE30, #HEADLINE31, #HEADLINE32, #HEADLINE64, #HEADLINE65, #HEADLINE66, #HEADLINE34, #HEADLINE35, #HEADLINE36, #HEADLINE68, #HEADLINE69, #HEADLINE70, #HEADLINE38, #HEADLINE39, #HEADLINE40, #HEADLINE72, #HEADLINE73, #HEADLINE74, #HEADLINE42, #HEADLINE43, #HEADLINE44, #HEADLINE76, #HEADLINE77, #HEADLINE78, #HEADLINE46, #HEADLINE47, #HEADLINE48, #HEADLINE80, #HEADLINE81, #HEADLINE82, #HEADLINE86, #HEADLINE87, #HEADLINE88, #HEADLINE90, #HEADLINE91, #HEADLINE92, #HEADLINE94, #HEADLINE95, #HEADLINE96, #HEADLINE98, #HEADLINE99, #HEADLINE100, #HEADLINE102, #HEADLINE103, #HEADLINE104 { width: 200px; } #HEADLINE30>.ladi-headline, #HEADLINE31>.ladi-headline, #HEADLINE32>.ladi-headline, #HEADLINE33>.ladi-headline, #HEADLINE64>.ladi-headline, #HEADLINE65>.ladi-headline, #HEADLINE66>.ladi-headline, #HEADLINE67>.ladi-headline, #HEADLINE34>.ladi-headline, #HEADLINE35>.ladi-headline, #HEADLINE36>.ladi-headline, #HEADLINE37>.ladi-headline, #HEADLINE68>.ladi-headline, #HEADLINE69>.ladi-headline, #HEADLINE70>.ladi-headline, #HEADLINE71>.ladi-headline, #HEADLINE38>.ladi-headline, #HEADLINE39>.ladi-headline, #HEADLINE40>.ladi-headline, #HEADLINE41>.ladi-headline, #HEADLINE72>.ladi-headline, #HEADLINE73>.ladi-headline, #HEADLINE74>.ladi-headline, #HEADLINE75>.ladi-headline, #HEADLINE42>.ladi-headline, #HEADLINE43>.ladi-headline, #HEADLINE44>.ladi-headline, #HEADLINE45>.ladi-headline, #HEADLINE76>.ladi-headline, #HEADLINE77>.ladi-headline, #HEADLINE78>.ladi-headline, #HEADLINE79>.ladi-headline, #HEADLINE46>.ladi-headline, #HEADLINE47>.ladi-headline, #HEADLINE48>.ladi-headline, #HEADLINE49>.ladi-headline, #HEADLINE80>.ladi-headline, #HEADLINE81>.ladi-headline, #HEADLINE82>.ladi-headline, #HEADLINE83>.ladi-headline { font-family: Exo, sans-serif; font-size: 22px; font-weight: bold; line-height: 1.2; color: rgb(0, 0, 0); text-align: left; } #PARAGRAPH7, #PARAGRAPH8, #PARAGRAPH9, #HEADLINE33, #PARAGRAPH10, #PARAGRAPH31, #PARAGRAPH32, #PARAGRAPH33, #HEADLINE67, #PARAGRAPH34, #PARAGRAPH11, #PARAGRAPH12, #PARAGRAPH13, #HEADLINE37, #PARAGRAPH14, #PARAGRAPH35, #PARAGRAPH36, #PARAGRAPH37, #HEADLINE71, #PARAGRAPH38, #PARAGRAPH15, #PARAGRAPH16, #PARAGRAPH17, #HEADLINE41, #PARAGRAPH18, #PARAGRAPH39, #PARAGRAPH40, #PARAGRAPH41, #HEADLINE75, #PARAGRAPH42, #PARAGRAPH19, #PARAGRAPH20, #PARAGRAPH21, #HEADLINE45, #PARAGRAPH22, #PARAGRAPH43, #PARAGRAPH44, #PARAGRAPH45, #HEADLINE79, #PARAGRAPH46, #PARAGRAPH23, #PARAGRAPH24, #PARAGRAPH25, #HEADLINE49, #PARAGRAPH26, #PARAGRAPH47, #PARAGRAPH48, #PARAGRAPH49, #HEADLINE83, #PARAGRAPH50, #PARAGRAPH52, #PARAGRAPH53, #PARAGRAPH54, #PARAGRAPH56, #PARAGRAPH57, #PARAGRAPH58, #PARAGRAPH60, #PARAGRAPH61, #PARAGRAPH62, #PARAGRAPH64, #PARAGRAPH65, #PARAGRAPH66, #PARAGRAPH68, #PARAGRAPH69, #PARAGRAPH70 { width: 270px; } #PARAGRAPH7>.ladi-paragraph, #PARAGRAPH8>.ladi-paragraph, #PARAGRAPH9>.ladi-paragraph, #PARAGRAPH10>.ladi-paragraph, #PARAGRAPH31>.ladi-paragraph, #PARAGRAPH32>.ladi-paragraph, #PARAGRAPH33>.ladi-paragraph, #PARAGRAPH34>.ladi-paragraph, #PARAGRAPH11>.ladi-paragraph, #PARAGRAPH12>.ladi-paragraph, #PARAGRAPH13>.ladi-paragraph, #PARAGRAPH14>.ladi-paragraph, #PARAGRAPH35>.ladi-paragraph, #PARAGRAPH36>.ladi-paragraph, #PARAGRAPH37>.ladi-paragraph, #PARAGRAPH38>.ladi-paragraph, #PARAGRAPH15>.ladi-paragraph, #PARAGRAPH16>.ladi-paragraph, #PARAGRAPH17>.ladi-paragraph, #PARAGRAPH18>.ladi-paragraph, #PARAGRAPH39>.ladi-paragraph, #PARAGRAPH40>.ladi-paragraph, #PARAGRAPH41>.ladi-paragraph, #PARAGRAPH42>.ladi-paragraph, #PARAGRAPH19>.ladi-paragraph, #PARAGRAPH20>.ladi-paragraph, #PARAGRAPH21>.ladi-paragraph, #PARAGRAPH22>.ladi-paragraph, #PARAGRAPH43>.ladi-paragraph, #PARAGRAPH44>.ladi-paragraph, #PARAGRAPH45>.ladi-paragraph, #PARAGRAPH46>.ladi-paragraph, #PARAGRAPH23>.ladi-paragraph, #PARAGRAPH24>.ladi-paragraph, #PARAGRAPH25>.ladi-paragraph, #PARAGRAPH26>.ladi-paragraph, #PARAGRAPH47>.ladi-paragraph, #PARAGRAPH48>.ladi-paragraph, #PARAGRAPH49>.ladi-paragraph, #PARAGRAPH50>.ladi-paragraph { font-size: 14px; line-height: 1.4; color: rgb(0, 0, 0); } #FRAME10>.ladi-frame, #FRAME11>.ladi-frame, #FRAME12>.ladi-frame, #FRAME42>.ladi-frame, #FRAME43>.ladi-frame, #FRAME44>.ladi-frame, #FRAME16>.ladi-frame, #FRAME17>.ladi-frame, #FRAME18>.ladi-frame, #FRAME47>.ladi-frame, #FRAME48>.ladi-frame, #FRAME49>.ladi-frame, #FRAME22>.ladi-frame, #FRAME23>.ladi-frame, #FRAME24>.ladi-frame, #FRAME52>.ladi-frame, #FRAME53>.ladi-frame, #FRAME54>.ladi-frame, #FRAME28>.ladi-frame, #FRAME29>.ladi-frame, #FRAME30>.ladi-frame, #FRAME57>.ladi-frame, #FRAME58>.ladi-frame, #FRAME59>.ladi-frame, #FRAME34>.ladi-frame, #FRAME35>.ladi-frame, #FRAME36>.ladi-frame, #FRAME62>.ladi-frame, #FRAME63>.ladi-frame, #FRAME64>.ladi-frame, #FRAME69>.ladi-frame, #FRAME70>.ladi-frame, #FRAME75>.ladi-frame, #FRAME76>.ladi-frame, #FRAME81>.ladi-frame, #FRAME82>.ladi-frame, #FRAME87>.ladi-frame, #FRAME88>.ladi-frame, #FRAME93>.ladi-frame, #FRAME94>.ladi-frame { position: relative; display: inline-flex; flex-direction: column; gap: 16px; padding: 0px 0px 0.583344px; margin: 0px auto auto 0px; overflow: initial; } #BOX6>.ladi-box, #BOX28>.ladi-box, #BOX32>.ladi-box, #BOX36>.ladi-box, #BOX40>.ladi-box, #BOX44>.ladi-box, #BOX51>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 100%; background-repeat: repeat; background-attachment: scroll; } #BOX7>.ladi-box, #BOX29>.ladi-box, #BOX33>.ladi-box, #BOX37>.ladi-box, #BOX41>.ladi-box, #BOX23>.ladi-box, #BOX45>.ladi-box, #BOX52>.ladi-box, #BOX68>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 100% 0%; background-repeat: repeat; background-attachment: scroll; } #BOX8>.ladi-box, #BOX30>.ladi-box, #BOX34>.ladi-box, #BOX16>.ladi-box, #BOX38>.ladi-box, #BOX42>.ladi-box, #BOX46>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 50%; background-repeat: repeat; background-attachment: scroll; } #FRAME40, #FRAME45, #FRAME50, #FRAME55, #FRAME60 { top: 522.167px; left: 0px; } #CAROUSEL_ITEM13, #CAROUSEL_ITEM19, #CAROUSEL_ITEM25, #CAROUSEL_ITEM31, #BUTTON7, #BUTTON8, #HEADLINE106 { top: 0px; } #BOX9>.ladi-box, #BOX54>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 50%; background-repeat: repeat; background-attachment: scroll; } #BOX10>.ladi-box, #BOX55>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 0%; background-repeat: repeat; background-attachment: scroll; } #BOX11>.ladi-box, #BOX56>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 100% 0%; background-repeat: repeat; background-attachment: scroll; } #BOX12>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 50%; background-repeat: repeat; background-attachment: scroll; } #BOX13>.ladi-box, #BOX58>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 50%; background-repeat: repeat; background-attachment: scroll; } #BOX14>.ladi-box, #BOX59>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 100%; background-repeat: repeat; background-attachment: scroll; } #BOX15>.ladi-box, #BOX60>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 50%; background-repeat: repeat; background-attachment: scroll; } #BOX17>.ladi-box, #BOX62>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 50%; background-repeat: repeat; background-attachment: scroll; } #BOX18>.ladi-box, #BOX63>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 100%; background-repeat: repeat; background-attachment: scroll; } #BOX19>.ladi-box, #BOX64>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 50%; background-repeat: repeat; background-attachment: scroll; } #BOX20>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 50%; background-repeat: repeat; background-attachment: scroll; } #BOX21>.ladi-box, #BOX66>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 50%; background-repeat: repeat; background-attachment: scroll; } #BOX22>.ladi-box, #BOX67>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 50%; background-repeat: repeat; background-attachment: scroll; } #BOX24>.ladi-box { background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 50%; background-repeat: repeat; background-attachment: scroll; } #HEADLINE50, #BUTTON_GROUP1, #FORM8, #FORM_ITEM9, #FORM_ITEM11 { left: 0px; } #HEADLINE50>.ladi-headline { font-family: Exo, sans-serif; font-weight: bold; line-height: 1.4; color: rgb(41, 41, 41); letter-spacing: 0px; text-align: left; } #HEADLINE50.ladi-animation>.ladi-headline { animation-name: fadeIn; animation-delay: 0s; animation-duration: 1s; animation-iteration-count: 1; } #BUTTON_GROUP1>.ladi-button-group>.ladi-element:hover>.ladi-button { opacity: 1 !important; transform: scale(1) rotate(0deg) !important; filter: blur(0px) grayscale(0%) !important; } #BUTTON_GROUP1>.ladi-button-group>.ladi-element:hover>.ladi-button .ladi-button-background, #BUTTON_GROUP1>.ladi-button-group>.ladi-element.selected>.ladi-button .ladi-button-background { background-image: none !important; background-color: rgb(242, 236, 220) !important; background-size: initial !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-attachment: initial !important; -webkit-background-clip: initial !important; } #BUTTON_GROUP1>.ladi-button-group>.ladi-element:hover>.ladi-button .ladi-headline, #BUTTON_GROUP1>.ladi-button-group>.ladi-element.selected>.ladi-button .ladi-headline { color: rgb(135, 182, 161) !important; } #BUTTON6, #BUTTON7, #BUTTON8, #BUTTON9, #BUTTON10 { height: 40px; } #BUTTON6>.ladi-button, #BUTTON7>.ladi-button, #BUTTON8>.ladi-button, #BUTTON9>.ladi-button, #BUTTON10>.ladi-button { border-radius: 69px; } #BUTTON_TEXT6, #BUTTON_TEXT7, #BUTTON_TEXT8, #BUTTON_TEXT9, #BUTTON_TEXT10, #BUTTON_TEXT13, #BUTTON_TEXT14 { top: 9px; left: 0px; } #BUTTON_TEXT6>.ladi-headline, #BUTTON_TEXT7>.ladi-headline, #BUTTON_TEXT8>.ladi-headline, #BUTTON_TEXT9>.ladi-headline, #BUTTON_TEXT10>.ladi-headline { font-size: 14px; font-weight: bold; line-height: 1.6; color: rgb(166, 166, 166); text-transform: uppercase; text-align: center; } #PEN_TOOL16, #BOX48, #BOX72, #BOX73 { mix-blend-mode: soft-light; will-change: transform, opacity; } #PEN_TOOL16 svg:last-child { fill: rgba(255, 255, 255, 0); stroke: rgb(255, 255, 255); stroke-width: 1px; } #BOX48>.ladi-box, #BOX72>.ladi-box, #BOX73>.ladi-box { border-radius: 200px; background-image: radial-gradient(circle, rgb(237, 201, 108), rgba(54, 71, 63, 0)); background-color: initial; background-size: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; opacity: 0.8; filter: blur(68px); } #BOX48.ladi-animation>.ladi-box, #BOX72.ladi-animation>.ladi-box, #BOX73.ladi-animation>.ladi-box { animation-name: fadeIn; animation-delay: 1s; animation-duration: 1s; animation-iteration-count: 1; } #BOX47>.ladi-box { border-radius: 120px 120px 120px 0px; } #BOX47.ladi-animation>.ladi-box, #BOX71.ladi-animation>.ladi-box { animation-name: fadeInDown; animation-delay: 0s; animation-duration: 1s; animation-iteration-count: 1; } #FRAME65.ladi-animation>.ladi-frame { animation-name: fadeInLeft; animation-delay: 0s; animation-duration: 1s; animation-iteration-count: 1; } #FRAME65>.ladi-frame { position: relative; display: inline-flex; flex-direction: column; gap: 32px; padding: 0px; margin: 0px auto auto 0px; overflow: initial; } #HEADLINE84 { order: 275; } #HEADLINE84>.ladi-headline { font-family: Exo, sans-serif; font-weight: bold; line-height: 1.4; color: rgb(255, 255, 255); letter-spacing: 0px; text-align: left; } #PARAGRAPH51 { order: 276; } #PARAGRAPH51>.ladi-paragraph { font-size: 16px; line-height: 1.6; color: rgb(217, 217, 217); text-align: left; } #BUTTON13 { width: 220px; height: 48px; order: 284; } #BUTTON13>.ladi-button>.ladi-button-background, #BUTTON14>.ladi-button>.ladi-button-background { background-color: rgb(135, 182, 161); } #BUTTON13>.ladi-button { border-radius: 30px; } #BUTTON_TEXT13 { width: 220px; } #BUTTON_TEXT13>.ladi-headline, #BUTTON_TEXT14>.ladi-headline { font-size: 16px; font-weight: bold; line-height: 1.6; color: rgb(0, 0, 0); text-align: center; } #HEADLINE85>.ladi-headline { font-family: Exo, sans-serif; font-weight: bold; line-height: 1.4; color: rgb(255, 255, 255); text-align: left; } #FORM8>.ladi-form { font-size: 14px; line-height: 1.6; color: rgb(217, 217, 217); } #FORM8 .ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item span[data-checked="false"], #FORM8 .ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item .ladi-editing, #FORM8 .ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item .ladi-editing::placeholder, #FORM8 .ladi-form .ladi-survey-option .ladi-survey-option-label, #FORM8 .ladi-form-item .ladi-form-control::placeholder, #FORM8 .ladi-form-item select.ladi-form-control[data-selected=""] { color: rgb(217, 217, 217); } #FORM8 .ladi-form-item { padding-left: 16px; padding-right: 16px; } #FORM8 .ladi-form-item.otp-countdown:before { right: 21px; } #FORM8 .ladi-form-item.ladi-form-checkbox { padding-left: 21px; padding-right: 21px; } #FORM8 .ladi-form-item-container .ladi-form-item .ladi-form-control-select { background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2232%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C0%2032%2C0%2016%2C24%22%20style%3D%22fill%3A%20rgb(217%2C%20217%2C%20217)%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); } #FORM8 .ladi-survey-option { text-align: left; } #FORM8 .ladi-form-item-container, #FORM8 .ladi-form-label-container .ladi-form-label-item { border-width: 1px; border-radius: 32px; border-style: solid; border-color: rgb(237, 201, 108); } #FORM8 .ladi-form-item-container .ladi-form-item.ladi-form-quantity { width: calc(100% + 1px); } #FORM8 .ladi-form-item-container .ladi-form-quantity .button { background-color: rgb(237, 201, 108); } #FORM8 .ladi-form-item-background { border-radius: 31px; background-color: rgba(242, 236, 220, 0.3); } #BUTTON14 { width: 160px; height: 48px; } #BUTTON14>.ladi-button { border-radius: 32px; } #BUTTON_TEXT14 { width: 160px; } #FORM_ITEM8, #FORM_ITEM9, #FORM_ITEM10 { height: 48px; } #FORM_ITEM11 { height: 100px; } #HEADLINE106>.ladi-headline { font-family: Exo, sans-serif; font-weight: bold; line-height: 1.4; color: rgb(255 255 255); letter-spacing: 0px; text-align: center; } #BOX70 { width: 224px; height: 320px; } #BOX70>.ladi-box { border-radius: 0px 200px 200px; background-image: url("/vergarden/images/products/cay-trong-nha.jpg"); background-size: cover; background-origin: content-box; background-position: 50% 50%; background-repeat: repeat; background-attachment: scroll; } #BOX70.ladi-animation>.ladi-box { animation-name: fadeInUp; animation-delay: 0s; animation-duration: 1s; animation-iteration-count: 1; } #BOX71>.ladi-box { border-radius: 200px 200px 200px 0px; transform: perspective(1000px) rotateY(180deg); } @media (min-width: 768px) { #SECTION6 { height: 492px; } #SECTION6>.ladi-section-background { background-image: url("/vergarden/images/slider_2.webp"); } #SECTION7 { height: 1396.68px; } #CAROUSEL1, #CAROUSEL_ITEM7, #CAROUSEL_ITEM13, #CAROUSEL_ITEM19, #CAROUSEL_ITEM25, #CAROUSEL_ITEM31 { width: 1320px; height: 1098px; } #CAROUSEL1 { top: 298.682px; left: -62px; } #CAROUSEL1 .ladi-carousel .ladi-carousel-content { width: 6600px; } #CAROUSEL_ITEM13 { left: 1320px; } #CAROUSEL_ITEM19 { left: 2640px; } #CAROUSEL_ITEM25 { left: 3960px; } #CAROUSEL_ITEM31 { left: 5280px; } #HEADLINE50 { width: 963px; top: 100.682px; } #HEADLINE50>.ladi-headline, #HEADLINE84>.ladi-headline, #HEADLINE106>.ladi-headline { font-size: 56px; } #BUTTON_GROUP1 { width: 776.25px; height: 40px; top: 218.682px; } #BUTTON6, #BUTTON7, #BUTTON8, #BUTTON9, #BUTTON10 { width: 155.25px; } #BUTTON_TEXT6, #BUTTON_TEXT7, #BUTTON_TEXT8, #BUTTON_TEXT9, #BUTTON_TEXT10 { width: 155px; } #BUTTON7 { left: 155.25px; } #BUTTON8 { left: 310.5px; } #BUTTON9 { top: 0px; left: 465.75px; } #BUTTON10 { top: 0px; left: 621px; } #SECTION5 { height: 832.015px; } #PEN_TOOL16 { width: 2407.12px; height: 1080.26px; top: 32.85px; left: -690.559px; } #BOX48, #BOX72, #BOX73 { width: 480px; height: 480px; } #BOX48 { top: -63.892px; left: 277px; } #BOX47 { width: 564px; height: 593.389px; top: 118.626px; left: 0px; } #BOX47>.ladi-box { background-image: url("/vergarden/images/aboutus.jpg"); } #FRAME65 { top: 220px; left: 680px; } #HEADLINE84, #PARAGRAPH51 { width: 520px; } #SECTION10 { height: 628.6px; } #HEADLINE85 { width: 244px; top: 182.805px; left: 0px; } #HEADLINE85>.ladi-headline { font-size: 40px; } #CAROUSEL2 { width: 1020px; height: 572px; padding: 50px 30px; top: 0px; left: 308px; } #SECTION12 { height: 658.667px; } #GROUP21 { width: 877.112px; height: 418px; top: 120px; left: 161.448px; } #FORM8 { width: 877.112px; height: 292px; top: 126px; } #BUTTON14 { top: 244px; left: 358.556px; } #FORM_ITEM8, #FORM_ITEM10 { width: 430.556px; } #FORM_ITEM9, #FORM_ITEM11 { width: 877.112px; } #FORM_ITEM9 { top: 64px; } #FORM_ITEM10 { top: 0px; left: 446.556px; } #FORM_ITEM11 { top: 128px; } #HEADLINE106 { width: 598px; left: 139.556px; } #BOX70 { top: 338.667px; left: 1236px; } #BOX71 { width: 224px; height: 320px; top: 0px; left: -263px; } #BOX71>.ladi-box { background-image: url("/vergarden/images/products/cay-de-ban.webp"); } #BOX72 { top: 185.333px; left: -332px; } #BOX73 { top: -132.667px; left: 1122px; } } @media (max-width: 767px) { #SECTION6 { height: 220.01px; } #SECTION6>.ladi-section-background { background-image: url("/vergarden/images/slider_2.webp"); } #SECTION7 { height: 829.792px; } #CAROUSEL1 { width: 334px; height: 572px; top: 257.792px; left: 43px; } #CAROUSEL1 .ladi-carousel .ladi-carousel-content { width: 2100px; } #CAROUSEL_ITEM7, #CAROUSEL_ITEM13, #CAROUSEL_ITEM19, #CAROUSEL_ITEM25, #CAROUSEL_ITEM31 { width: 420px; height: 572px; } #CAROUSEL_ITEM13 { left: 420px; } #CAROUSEL_ITEM19 { left: 840px; } #CAROUSEL_ITEM25 { left: 1260px; } #CAROUSEL_ITEM31 { left: 1680px; } #HEADLINE50, #HEADLINE84, #PARAGRAPH51, #FORM_ITEM8, #FORM_ITEM9, #FORM_ITEM10, #FORM_ITEM11, #HEADLINE106 { width: 388px; } #HEADLINE50 { top: 44px; } #HEADLINE50>.ladi-headline, #HEADLINE84>.ladi-headline, #HEADLINE85>.ladi-headline { font-size: 36px; } #BUTTON_GROUP1 { width: 420px; height: 89px; top: 168.792px; } #BUTTON6, #BUTTON_TEXT6, #BUTTON7, #BUTTON_TEXT7, #BUTTON8, #BUTTON_TEXT8, #BUTTON9, #BUTTON_TEXT9, #BUTTON10, #BUTTON_TEXT10 { width: 140px; } #BUTTON7 { left: 140px; } #BUTTON8 { left: 280px; } #BUTTON9 { top: 49px; left: 0px; } #BUTTON10 { top: 49px; left: 140px; } #SECTION5 { height: 849.354px; } #PEN_TOOL16 { width: 1057.34px; height: 474.511px; top: -32px; left: -349px; } #BOX48, #BOX72, #BOX73 { width: 400px; height: 400px; } #BOX48 { top: 282px; left: 116px; } #BOX47 { width: 400px; height: 420.843px; top: 39.5108px; left: 10px; } #BOX47>.ladi-box { background-image: url("/vergarden/images/aboutus.jpg"); } #FRAME65 { top: 492.354px; left: 10px; } #SECTION10 { height: 713px; } #HEADLINE85 { width: 303px; } #HEADLINE85, #GROUP21 { top: 40px; left: 16px; } #CAROUSEL2 { width: 420px; height: 542px; top: 119px; left: 0px; } #SECTION12 { height: 591px; } #GROUP21 { width: 388px; height: 551px; } #FORM8 { width: 388px; height: 407px; top: 144px; } #BUTTON14 { top: 316px; left: 114px; } #FORM_ITEM9 { top: 128px; } #FORM_ITEM10 { top: 64px; left: 0px; } #FORM_ITEM11 { top: 192px; } #HEADLINE106 { left: 0px; } #HEADLINE106>.ladi-headline { font-size: 44px; } #BOX70 { top: -12px; left: -328px; } #BOX71 { width: 154.7px; height: 221px; top: 321px; left: 550.65px; } #BOX71>.ladi-box { background-image: url("/vergarden/images/products/cay-de-ban.webp"); } #BOX72 { top: 187px; left: -312px; } #BOX73 { top: -107px; left: 284px; } } .ladi-section { margin: 0 auto; position: relative; } .ladi-section[data-tab-id] { display: none; } .ladi-section.selected[data-tab-id] { display: block; } .ladi-section .ladi-section-background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; overflow: hidden; } .ladi-box { position: absolute; width: 100%; height: 100%; overflow: hidden; } .ladi-group { position: absolute; width: 100%; height: 100%; } .ladi-headline { width: 100%; display: inline-block; word-break: break-word; background-size: cover; background-position: center center; } .ladi-headline a { text-decoration: underline; } .ladi-section { margin: 0 auto; position: relative; } .ladi-section[data-tab-id] { display: none; } .ladi-section.selected[data-tab-id] { display: block; } .ladi-section .ladi-section-background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; overflow: hidden; } .ladi-box { position: absolute; width: 100%; height: 100%; overflow: hidden; } .ladi-frame { position: absolute; width: 100%; height: 100%; overflow: hidden; } .ladi-frame-bg .ladi-frame-background { height: 100%; width: 100%; pointer-events: none; transition: inherit; } .ladi-frame-bg:not(.ladi-frame) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .ladi-button { position: absolute; width: 100%; height: 100%; overflow: hidden; } .ladi-button:active { transform: translateY(2px); transition: transform 0.2s linear; } .ladi-button .ladi-button-background { height: 100%; width: 100%; pointer-events: none; transition: inherit; } .ladi-button>.ladi-button-headline, .ladi-button>.ladi-button-shape { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; display: table; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .ladi-button>.ladi-button-shape .ladi-shape { margin: auto; top: 0; bottom: 0; } .ladi-button>.ladi-button-headline .ladi-headline { display: table-cell; vertical-align: middle; } .ladi-form { position: absolute; width: 100%; height: 100%; } .ladi-form>.ladi-element { text-transform: inherit; text-decoration: inherit; text-align: inherit; letter-spacing: inherit; color: inherit; background: none; } .ladi-form .ladi-button>.ladi-button-headline { color: initial; font-size: initial; font-weight: initial; text-transform: initial; text-decoration: initial; font-style: initial; text-align: initial; letter-spacing: initial; line-height: initial; } .ladi-form>.ladi-element .ladi-form-item-container { text-transform: inherit; text-decoration: inherit; text-align: inherit; letter-spacing: inherit; color: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; } .ladi-form>[data-quantity="true"] .ladi-form-item-container { overflow: hidden; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item { text-transform: inherit; text-decoration: inherit; text-align: inherit; letter-spacing: inherit; color: inherit; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item-background { background-size: inherit; background-attachment: inherit; background-origin: inherit; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: 9px 6px !important; background-position: right .5rem center; background-repeat: no-repeat; padding-right: 24px; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-2 { width: calc(100% / 2 - 5px); max-width: calc(100% / 2 - 5px); min-width: calc(100% / 2 - 5px); } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-2:nth-child(3) { margin-left: 7.5px; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-3 { width: calc(100% / 3 - 5px); max-width: calc(100% / 3 - 5px); min-width: calc(100% / 3 - 5px); } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-3:nth-child(3) { margin-left: 7.5px; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-3:nth-child(4) { margin-left: 7.5px; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select option { color: initial; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control:not(.ladi-form-control-select) { text-transform: inherit; text-decoration: inherit; text-align: inherit; letter-spacing: inherit; color: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select { text-transform: inherit; text-align: inherit; letter-spacing: inherit; color: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select:not([data-selected=""]) { text-decoration: inherit; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item { text-transform: inherit; text-decoration: inherit; text-align: inherit; letter-spacing: inherit; color: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; vertical-align: middle; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-box-item { display: inline-block; width: fit-content; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item span { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item span[data-checked="true"] { text-transform: inherit; text-decoration: inherit; text-align: inherit; letter-spacing: inherit; color: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; } .ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item span[data-checked="false"] { text-transform: inherit; text-align: inherit; letter-spacing: inherit; color: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; } .ladi-form .ladi-form-item-container { position: absolute; width: 100%; height: 100%; } .ladi-form .ladi-form-item-title-value { font-weight: bold; word-break: break-word; } .ladi-form .ladi-form-label-container { position: relative; width: 100%; } .ladi-form .ladi-form-control-file { background-repeat: no-repeat; background-position: calc(100% - 5px) center; } .ladi-form .ladi-form-label-container .ladi-form-label-item { display: inline-block; cursor: pointer; position: relative; border-radius: 0px !important; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .ladi-form .ladi-form-label-container .ladi-form-label-item.image { background-size: cover; background-repeat: no-repeat; background-position: center; } .ladi-form .ladi-form-label-container .ladi-form-label-item.no-value { display: none !important; } .ladi-form .ladi-form-label-container .ladi-form-label-item.text.disabled { opacity: 0.35; } .ladi-form .ladi-form-label-container .ladi-form-label-item.image.disabled { opacity: 0.2; } .ladi-form .ladi-form-label-container .ladi-form-label-item.color.disabled { opacity: 0.15; } .ladi-form .ladi-form-label-container .ladi-form-label-item.selected:before { content: ''; width: 0; height: 0; bottom: -1px; right: -1px; position: absolute; border-width: 0 0 15px 15px; border-color: transparent; border-style: solid; } .ladi-form .ladi-form-label-container .ladi-form-label-item.selected:after { content: ''; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 12 12' viewBox='0 0 12 12' x='0' fill='%23fff' y='0'%3E%3Cg%3E%3Cpath d='m5.2 10.9c-.2 0-.5-.1-.7-.2l-4.2-3.7c-.4-.4-.5-1-.1-1.4s1-.5 1.4-.1l3.4 3 5.1-7c .3-.4 1-.5 1.4-.2s.5 1 .2 1.4l-5.7 7.9c-.2.2-.4.4-.7.4 0-.1 0-.1-.1-.1z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: bottom right; width: 7px; height: 7px; bottom: 0; right: 0; position: absolute; } .ladi-form .ladi-form-item { width: 100%; height: 100%; position: absolute; } .ladi-form .ladi-form-item-background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; } .ladi-form .ladi-form-item.ladi-form-checkbox { height: auto; } .ladi-form .ladi-form-item .ladi-form-control { background-color: transparent; min-width: 100%; min-height: 100%; max-width: 100%; max-height: 100%; width: 100%; height: 100%; padding: 0 5px; color: inherit; font-size: inherit; border: none; } .ladi-form .ladi-form-item.ladi-form-checkbox { padding: 0 5px; } .ladi-form .ladi-form-item.ladi-form-checkbox.ladi-form-checkbox-vertical .ladi-form-checkbox-item { margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; display: flex; align-items: center; border: none; } .ladi-form .ladi-form-item.ladi-form-checkbox.ladi-form-checkbox-horizontal .ladi-form-checkbox-item { margin-top: 0 !important; margin-left: 0 !important; margin-right: 10px !important; display: inline-flex; align-items: center; border: none; position: relative; } .ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item input { margin-right: 5px; display: block; } .ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item span { cursor: default; word-break: break-word; } .ladi-form .ladi-form-item textarea.ladi-form-control { resize: none; padding: 5px; } .ladi-form .ladi-button { cursor: pointer; } .ladi-form .ladi-button .ladi-headline { cursor: pointer; user-select: none; } .ladi-form .ladi-element .ladi-form-otp::-webkit-outer-spin-button, .ladi-form .ladi-element .ladi-form-otp::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .ladi-form .ladi-element .ladi-form-item .button-get-code { display: none; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; line-height: initial; padding: 5px 10px; height: max-content; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .ladi-form .ladi-element .ladi-form-item .button-get-code.hide-visibility { display: block !important; visibility: hidden !important; } .ladi-form .ladi-form-item.otp-resend .button-get-code { display: block; } .ladi-form .ladi-form-item.otp-countdown:before { content: attr(data-countdown-time) "s"; position: absolute; top: 0; bottom: 0; margin: auto 0; height: max-content; line-height: initial; } .ladi-form [data-variant="true"] select option[disabled] { background: #fff; color: #b8b8b8 !important; } .ladi-google-recaptcha-checkbox { position: absolute; display: inline-block; transform: translateY(-100%); margin-top: -5px; z-index: 90000010; } .ladi-group { position: absolute; width: 100%; height: 100%; } .ladi-shape { position: absolute; width: 100%; height: 100%; pointer-events: none; } .ladi-cart-number { position: absolute; top: -2px; right: -7px; background: #f36e36; text-align: center; width: 18px; height: 18px; line-height: 18px; font-size: 12px; font-weight: bold; color: #fff; border-radius: 100%; } .ladi-headline { width: 100%; display: inline-block; word-break: break-word; background-size: cover; background-position: center center; } .ladi-headline a { text-decoration: underline; } .ladi-paragraph { width: 100%; display: inline-block; word-break: break-word; } .ladi-paragraph a { text-decoration: underline; } @media (min-width: 768px) {} @media (max-width: 767px) { .ladi-element.ladi-auto-scroll { overflow-x: auto; overflow-y: hidden; width: 100% !important; left: 0 !important; -webkit-overflow-scrolling: touch; } [data-hint]:not([data-timeout-id-copied]):before, [data-hint]:not([data-timeout-id-copied]):after { display: none !important; } .ladi-section.ladi-auto-scroll { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } } #SECTION7.vergarden-product-section { height: auto !important; min-height: 720px; padding: 92px 0 108px; } #SECTION7.vergarden-product-section > .ladi-container { height: auto !important; } .vergarden-products { position: relative; z-index: 2; width: 100%; color: rgb(41, 41, 41); } .vergarden-products__intro { width: min(860px, 100%); margin-bottom: 48px; } .vergarden-products__eyebrow { margin: 0 0 12px; font-size: 14px; font-weight: 700; line-height: 1.4; color: rgb(135, 182, 161); text-transform: uppercase; } .vergarden-products__title { margin: 0; font-family: Exo, sans-serif; font-size: 56px; font-weight: 700; line-height: 1.18; color: rgb(41, 41, 41); } .vergarden-category { margin-top: 64px; } .vergarden-category:first-of-type { margin-top: 0; } .vergarden-category__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; } .vergarden-category__title { margin: 0; font-family: Exo, sans-serif; font-size: 34px; font-weight: 700; line-height: 1.25; color: rgb(41, 41, 41); } .vergarden-category__count { margin: 8px 0 0; font-size: 15px; line-height: 1.5; color: rgb(116, 116, 116); } .vergarden-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; } .vergarden-product-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid rgba(52, 69, 61, 0.12); border-radius: 0 86px 0 0; background: rgb(255, 255, 255); box-shadow: 0 18px 50px rgba(52, 69, 61, 0.08); transition: transform 220ms ease, box-shadow 220ms ease; } .vergarden-product-card:hover { transform: translateY(-4px); box-shadow: 0 22px 58px rgba(52, 69, 61, 0.14); } .vergarden-product-card__image { display: block; width: 100%; aspect-ratio: 1 / 1.12; background-color: rgb(242, 236, 220); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .vergarden-product-card__image:hover{ cursor: pointer; } .vergarden-product-card__body { display: flex; min-height: 168px; flex-direction: column; gap: 10px; padding: 18px 18px 20px; } .vergarden-product-card__name { margin: 0; font-family: Exo, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.28; color: rgb(41, 41, 41); } .vergarden-product-card__name a { color: inherit; text-decoration: none; } .vergarden-product-card__name a:hover, .vergarden-product-card__name a:focus-visible { color: rgb(135, 182, 161); text-decoration: none; } .vergarden-product-card__desc { display: -webkit-box; margin: 0; overflow: hidden; color: rgb(98, 98, 98); font-size: 14px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .vergarden-product-card__prices { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: auto; line-height: 1.4; } .vergarden-product-card__price-sale { min-width: 0; font-size: 16px; font-weight: 700; color: rgb(135, 182, 161); } .vergarden-product-card__price-regular { flex-shrink: 0; color: rgb(126, 126, 126); font-size: 14px; font-weight: 600; text-align: right; text-decoration: line-through; } .vergarden-product-popup-open { overflow: hidden; } .vergarden-product-popup { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 20px; pointer-events: none; opacity: 0; transition: opacity 220ms ease; } .vergarden-product-popup.is-open { pointer-events: auto; opacity: 1; } .vergarden-product-popup__overlay { position: absolute; inset: 0; background: rgba(22, 29, 25, 0.58); backdrop-filter: blur(4px); } .vergarden-product-popup__dialog { position: relative; display: grid; grid-template-columns: minmax(0, 60%) minmax(0, 40%); width: 1028px; max-width: calc(100vw - 40px); max-height: calc(100vh - 40px); overflow: hidden; border-radius: 8px; background: rgb(255, 255, 255); box-shadow: 0 34px 90px rgba(0, 0, 0, 0.28); transform: translateY(18px) scale(0.98); transition: transform 220ms ease; } .vergarden-product-popup.is-open .vergarden-product-popup__dialog { transform: translateY(0) scale(1); } .vergarden-product-popup__close { position: absolute; top: 14px; right: 14px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.92); color: rgb(41, 41, 41); font-size: 28px; line-height: 1; cursor: pointer; box-shadow: 0 10px 28px rgba(52, 69, 61, 0.14); } .vergarden-product-popup__media { display: flex; min-width: 0; flex-direction: column; gap: 14px; padding: 26px; background: rgb(246, 242, 232); } .vergarden-product-popup__main-image { width: 100%; aspect-ratio: 1.18 / 1; border-radius: 8px; background-color: rgb(232, 226, 210); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; } .vergarden-product-card__image:focus-visible { outline: 3px solid rgba(135, 182, 161, 0.65); outline-offset: -6px; } .vergarden-product-popup__thumbs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .vergarden-product-popup__thumbs[hidden] { display: none; } .vergarden-product-popup__thumb { width: 100%; aspect-ratio: 1 / 0.78; padding: 0; border: 2px solid transparent; border-radius: 8px; background-color: rgb(232, 226, 210); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; } .vergarden-product-popup__thumb:hover, .vergarden-product-popup__thumb.is-active { border-color: rgb(135, 182, 161); } .vergarden-product-popup__info { display: flex; min-width: 0; flex-direction: column; padding: 48px 38px 38px; color: rgb(41, 41, 41); } .vergarden-product-popup__eyebrow { margin: 0 0 10px; color: rgb(135, 182, 161); font-family: Exo, sans-serif; font-size: 15px; font-weight: 700; line-height: 1.4; } .vergarden-product-popup__title { margin: 0; font-family: Exo, sans-serif; font-size: 34px; font-weight: 700; line-height: 1.18; } .vergarden-product-popup__desc { margin: 18px 0 0; color: rgb(98, 98, 98); font-size: 15px; line-height: 1.7; } .vergarden-product-popup__prices { display: grid; gap: 12px; margin-top: 30px; padding: 18px 0; border-top: 1px solid rgba(52, 69, 61, 0.12); border-bottom: 1px solid rgba(52, 69, 61, 0.12); } .vergarden-product-popup__price-row { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; color: rgb(98, 98, 98); font-size: 14px; line-height: 1.4; } .vergarden-product-popup__price-row strong { color: rgb(41, 41, 41); font-size: 18px; font-weight: 700; text-align: right; } .vergarden-product-popup__price-row--sale strong { color: rgb(135, 182, 161); font-size: 24px; } .vergarden-product-popup__cta { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 54px; margin-top: auto; padding: 0 28px; border: 0; border-radius: 999px; background: rgb(135, 182, 161); color: rgb(0, 0, 0); font-family: Exo, sans-serif; font-size: 17px; font-weight: 700; line-height: 1; cursor: pointer; } .vergarden-product-popup__cta:hover { background: rgb(116, 165, 143); } .vergarden-category__more-wrap { display: flex; justify-content: center; margin-top: 34px; } .vergarden-category__more { display: inline-flex; align-items: center; justify-content: center; min-width: 160px; height: 48px; padding: 0 24px; border-radius: 30px; background: rgb(135, 182, 161); color: rgb(0, 0, 0); font-size: 16px; font-weight: 700; line-height: 1; text-decoration: none; } .vergarden-category__more:hover { color: rgb(0, 0, 0); text-decoration: none; } .vergarden-empty { padding: 48px 0; color: rgb(98, 98, 98); font-size: 18px; line-height: 1.5; } .vergarden-product-browser__summary { margin: 14px 0 0; color: rgb(98, 98, 98); font-size: 16px; line-height: 1.6; } .vergarden-product-browser__layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 40px; align-items: flex-start; } .vergarden-product-filter { position: sticky; top: 96px; display: grid; gap: 28px; padding: 24px; border: 1px solid rgba(52, 69, 61, 0.12); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: 0 18px 50px rgba(52, 69, 61, 0.08); } .vergarden-product-filter__search { display: grid; gap: 12px; } .vergarden-product-filter__label, .vergarden-product-filter__title { margin: 0; font-family: Exo, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.3; color: rgb(41, 41, 41); } .vergarden-product-filter__search-row { display: grid; gap: 10px; } .vergarden-product-filter__search-row input { width: 100%; height: 44px; padding: 0 14px; border: 1px solid rgba(52, 69, 61, 0.18); border-radius: 8px; background: rgb(255, 255, 255); color: rgb(41, 41, 41); font-size: 14px; outline: none; } .vergarden-product-filter__search-row input:focus { border-color: rgb(135, 182, 161); box-shadow: 0 0 0 3px rgba(135, 182, 161, 0.18); } .vergarden-product-filter__search-row button { display: inline-flex; align-items: center; justify-content: center; height: 44px; border: 0; border-radius: 999px; background: rgb(135, 182, 161); color: rgb(0, 0, 0); font-family: Exo, sans-serif; font-size: 15px; font-weight: 700; cursor: pointer; } .vergarden-product-filter__group { display: grid; gap: 14px; } .vergarden-product-filter__links { display: grid; gap: 8px; } .vergarden-product-filter__links a { display: flex; align-items: center; min-height: 42px; padding: 10px 12px; border: 1px solid rgba(52, 69, 61, 0.1); border-radius: 8px; color: rgb(67, 67, 67); font-size: 14px; line-height: 1.35; text-decoration: none; transition: border-color 180ms ease, background 180ms ease, color 180ms ease; } .vergarden-product-filter__links a:hover, .vergarden-product-filter__links a:focus-visible, .vergarden-product-filter__links a.is-active { border-color: rgb(135, 182, 161); background: rgb(242, 236, 220); color: rgb(41, 41, 41); text-decoration: none; } .vergarden-product-listing { min-width: 0; } .vergarden-product-listing__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; } .vergarden-product-listing__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .product-paginates { margin-top: 42px; } .product-paginates .pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 0; margin: 0; list-style: none; } .product-paginates .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; padding: 0 14px; border: 1px solid rgba(52, 69, 61, 0.14); border-radius: 999px; background: rgb(255, 255, 255); color: rgb(41, 41, 41); font-size: 14px; font-weight: 700; text-decoration: none; } .product-paginates .page-item.active .page-link, .product-paginates .page-link:hover { border-color: rgb(135, 182, 161); background: rgb(135, 182, 161); color: rgb(0, 0, 0); text-decoration: none; } .product-paginates .page-item.disabled .page-link { pointer-events: none; opacity: 0.45; } @media (max-width: 767px) { #SECTION7.vergarden-product-section { padding: 48px 0 64px; } .vergarden-products { width: 388px; margin: 0 auto; } .vergarden-products__intro { margin-bottom: 32px; } .vergarden-products__title { font-size: 36px; } .vergarden-category { margin-top: 46px; } .vergarden-category__head { display: block; margin-bottom: 18px; } .vergarden-category__title { font-size: 28px; } .vergarden-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .vergarden-product-card { border-radius: 0 54px 0 0; } .vergarden-product-card__body { min-height: 170px; padding: 14px; } .vergarden-product-card__name { font-size: 17px; } .vergarden-product-card__desc { font-size: 13px; } .vergarden-product-browser__layout { grid-template-columns: 1fr; gap: 30px; } .vergarden-product-filter { position: relative; top: auto; padding: 18px; } .vergarden-product-listing__head { display: block; margin-bottom: 18px; } .vergarden-product-listing__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .product-paginates .pagination { justify-content: flex-start; } .vergarden-product-popup { align-items: flex-start; padding: 12px; overflow-y: auto; } .vergarden-product-popup__dialog { grid-template-columns: 1fr; width: 100%; max-width: calc(100vw - 24px); max-height: none; overflow: visible; } .vergarden-product-popup__close { top: 10px; right: 10px; width: 34px; height: 34px; font-size: 24px; } .vergarden-product-popup__media { gap: 10px; padding: 14px; } .vergarden-product-popup__main-image { aspect-ratio: 1 / 0.92; } .vergarden-product-popup__thumbs { gap: 8px; } .vergarden-product-popup__thumb { border-radius: 6px; } .vergarden-product-popup__info { padding: 22px 18px 20px; } .vergarden-product-popup__title { font-size: 26px; } .vergarden-product-popup__desc { margin-top: 12px; font-size: 14px; line-height: 1.6; } .vergarden-product-popup__prices { margin-top: 20px; } .vergarden-product-popup__price-row { align-items: flex-start; flex-direction: column; gap: 4px; } .vergarden-product-popup__price-row strong { text-align: left; } .vergarden-product-popup__cta { margin-top: 22px; } } #CAROUSEL2.vergarden-interest-swiper { overflow: hidden; } .vergarden-interest-swiper .swiper-wrapper { align-items: stretch; } .vergarden-interest-slide { height: auto; } .vergarden-interest-card { position: relative; display: flex; flex-direction: column; height: 100%; min-height: 540px; overflow: hidden; border-radius: 200px 200px 0 0; /*background: rgb(242, 236, 220);*/ transition: transform 250ms ease, background-color 250ms ease; } .vergarden-interest-card:hover { transform: scale(1.1); /*background: rgb(82, 121, 89);*/ } .vergarden-interest-card__image { flex: 0 0 360px; border-radius: 200px 200px 0 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 20px; cursor: pointer; } .vergarden-interest-card__image:focus-visible { outline: 3px solid rgba(135, 182, 161, 0.65); outline-offset: -8px; } .vergarden-interest-card__body { display: flex; flex: 1; flex-direction: column; justify-content: flex-start; gap: 12px; padding: 26px 24px 30px; /*background: rgb(82, 121, 89);*/ } .vergarden-interest-card__name { margin: 0; font-family: Exo, sans-serif; font-size: 22px; font-weight: 700; line-height: 1.2; color: rgb(255, 255, 255); } .vergarden-interest-card__name a { color: inherit; text-decoration: none; } .vergarden-interest-card__name a:hover, .vergarden-interest-card__name a:focus-visible { color: rgb(135, 182, 161); text-decoration: none; } .vergarden-interest-card__desc { display: -webkit-box; min-height: 60px; margin: 0; overflow: hidden; font-size: 14px; line-height: 1.4; color: rgb(255, 255, 255); -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .vergarden-interest-card--empty { justify-content: center; min-height: 320px; border-radius: 24px; } .vergarden-interest-pagination { position: absolute; bottom: 0; left: 0; width: 100%; } .vergarden-interest-pagination .swiper-pagination-bullet { background: rgb(242, 236, 220); opacity: 0.45; } .vergarden-interest-pagination .swiper-pagination-bullet-active { opacity: 1; } @media (max-width: 767px) { #CAROUSEL2 { padding: 50px 0; } #CAROUSEL2.vergarden-interest-swiper { width: 388px; left: 16px; /*padding: 50px;*/ } .vergarden-interest-card { min-height: 500px; } .vergarden-interest-card__image { flex-basis: 330px; margin: 0 5px; } .vergarden-interest-card__body { padding: 22px 20px 28px; } } .vergarden-reveal { opacity: 0; transform: translate3d(0, 26px, 0); transition: opacity 720ms ease, transform 720ms cubic-bezier(0.22, 1, 0.36, 1); transition-delay: var(--vergarden-reveal-delay, 0ms); will-change: opacity, transform; } .vergarden-reveal.is-visible { opacity: 1; transform: translate3d(0, 0, 0); } .vergarden-reveal--soft { transform: translate3d(0, 16px, 0); } .vergarden-reveal--left { transform: translate3d(-28px, 0, 0); } .vergarden-reveal--right { transform: translate3d(28px, 0, 0); } .vergarden-reveal--zoom { transform: scale(0.96); transform-origin: center; } .vergarden-reveal--zoom.is-visible { transform: scale(1); } @media (prefers-reduced-motion: reduce) { .vergarden-reveal { opacity: 1; transform: none !important; transition: none; } } .product-detail-page { background: rgb(255, 255, 255); color: rgb(41, 41, 41); font-family: Exo, sans-serif; } .product-detail-container { width: 1180px; max-width: calc(100vw - 40px); margin: 0 auto; } .product-detail-hero { padding: 150px 0 86px; background: linear-gradient(180deg, rgb(246, 242, 232) 0%, rgb(255, 255, 255) 100%); } .product-detail-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px; color: rgb(98, 98, 98); font-size: 14px; line-height: 1.5; } .product-detail-breadcrumb a { color: rgb(82, 121, 89); text-decoration: none; } .product-detail-grid { display: grid; grid-template-columns: minmax(0, 58%) minmax(0, 42%); gap: 54px; align-items: start; } .product-detail-main-image { width: 100%; aspect-ratio: 1.12 / 1; border-radius: 8px; background-color: rgb(232, 226, 210); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; box-shadow: 0 24px 70px rgba(52, 69, 61, 0.12); } .product-detail-main-image.is-image-changing { animation: vergardenProductPopupImageFade 520ms ease both; } .product-detail-thumbs { display: flex; align-items: stretch; gap: 12px; overflow-x: auto; overflow-y: hidden; margin-top: 14px; padding-bottom: 4px; scroll-snap-type: x proximity; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; cursor: grab; user-select: none; touch-action: pan-y; overscroll-behavior-inline: contain; } .product-detail-thumb { flex: 0 0 calc((100% - 36px) / 4); width: calc((100% - 36px) / 4); aspect-ratio: 1 / 0.78; padding: 0; border: 2px solid transparent; border-radius: 8px; background-color: rgb(232, 226, 210); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; scroll-snap-align: start; user-select: none; } .product-detail-thumb:hover, .product-detail-thumb.is-active { border-color: rgb(135, 182, 161); } .product-detail-thumbs.is-dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; } .product-detail-thumbs::-webkit-scrollbar { display: none; width: 0; height: 0; } .product-detail-summary { min-width: 0; padding-top: 12px; } .product-detail-category { margin: 0 0 12px; color: rgb(135, 182, 161); font-size: 16px; font-weight: 700; line-height: 1.4; } .product-detail-summary h1 { margin: 0; font-size: 46px; font-weight: 700; line-height: 1.12; } .product-detail-description { margin: 22px 0 0; color: rgb(98, 98, 98); font-size: 14px; line-height: 1.75; /*font-family: Mulish, sans-serif;*/ } .product-detail-prices { display: grid; gap: 12px; margin-top: 32px; padding: 22px 0; border-top: 1px solid rgba(52, 69, 61, 0.12); border-bottom: 1px solid rgba(52, 69, 61, 0.12); } .product-detail-prices div, .product-detail-meta div { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; } .product-detail-prices span, .product-detail-meta span { color: rgb(98, 98, 98); font-size: 14px; line-height: 1.4; } .product-detail-prices strong, .product-detail-meta strong { color: rgb(41, 41, 41); font-size: 18px; font-weight: 700; text-align: right; } .product-detail-real-price strong { text-decoration: line-through; } .product-detail-sale-price strong { color: rgb(135, 182, 161); font-size: 26px; } .product-detail-meta { display: grid; gap: 12px; margin-top: 24px; } .product-detail-cta { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; margin-top: 34px; border-radius: 999px; background: rgb(135, 182, 161); color: rgb(0, 0, 0); font-size: 17px; font-weight: 700; line-height: 1; text-decoration: none; } .product-detail-cta:hover { background: rgb(116, 165, 143); color: rgb(0, 0, 0); text-decoration: none; } .product-detail-content-section, .product-detail-related { padding: 72px 0; } .product-detail-content-section h2, .product-detail-related h2 { margin: 0 0 26px; font-size: 34px; font-weight: 700; line-height: 1.2; } .product-detail-content { color: rgb(74, 74, 74); font-size: 16px; line-height: 1.8; } .product-detail-content img { max-width: 100%; height: auto; } .product-detail-related { background: rgb(246, 242, 232); } .product-detail-related-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } .product-detail-related-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border-radius: 0 64px 0 0; background: rgb(255, 255, 255); color: rgb(41, 41, 41); text-decoration: none; box-shadow: 0 18px 50px rgba(52, 69, 61, 0.08); } .product-detail-related-card:hover { color: rgb(82, 121, 89); text-decoration: none; } .product-detail-related-image { width: 100%; aspect-ratio: 1 / 1.04; background-color: rgb(232, 226, 210); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .product-detail-related-name { padding: 16px; font-size: 17px; font-weight: 700; line-height: 1.35; } .product-detail-related-prices { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; padding: 0 16px 10px; line-height: 1.2; } .product-detail-related-price-regular { color: rgb(126, 126, 126); font-size: 14px; font-weight: 500; text-decoration: line-through; text-decoration-thickness: 1px; } .product-detail-related-price-sale { color: rgb(82, 121, 89); font-size: 21px; font-weight: 800; } .product-detail-related-description { padding: 16px; font-size: 14px; font-weight: 200; line-height: 1.2; } @media (max-width: 767px) { .product-detail-container { width: 388px; max-width: calc(100vw - 28px); } .product-detail-hero { padding: 112px 0 54px; } .product-detail-grid { grid-template-columns: 1fr; gap: 28px; } .product-detail-main-image { aspect-ratio: 1 / 0.96; } .product-detail-thumbs { gap: 8px; } .product-detail-thumb { flex-basis: calc((100% - 24px) / 4); width: calc((100% - 24px) / 4); } .product-detail-summary h1 { font-size: 34px; } .product-detail-description { font-size: 14px; line-height: 1.65; } .product-detail-prices div, .product-detail-meta div { align-items: flex-start; flex-direction: column; gap: 4px; } .product-detail-prices strong, .product-detail-meta strong { text-align: left; } .product-detail-content-section, .product-detail-related { padding: 48px 0; } .product-detail-content-section h2, .product-detail-related h2 { font-size: 28px; } .product-detail-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .product-detail-related-card { border-radius: 0 42px 0 0; } .product-detail-related-name { padding: 12px; font-size: 15px; } .product-detail-related-prices { gap: 8px; padding: 0 12px 8px; } .product-detail-related-price-regular { font-size: 12px; } .product-detail-related-price-sale { font-size: 17px; } } .vergarden-product-popup__prices { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; } .vergarden-product-popup__price-sale { min-width: 0; color: rgb(135, 182, 161); font-size: 26px; font-weight: 800; line-height: 1.25; } .vergarden-product-popup__price-regular { flex-shrink: 0; color: rgb(126, 126, 126); font-size: 16px; font-weight: 600; line-height: 1.35; text-align: right; text-decoration: line-through; } .vergarden-product-popup__price-regular:empty { display: none; } .vergarden-product-popup__thumbs { display: flex; align-items: stretch; gap: 12px; overflow-x: auto; overflow-y: hidden; padding-bottom: 4px; scroll-snap-type: x proximity; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; cursor: grab; user-select: none; touch-action: pan-y; overscroll-behavior-inline: contain; } .vergarden-product-popup__thumb { flex: 0 0 calc((100% - 36px) / 4); width: calc((100% - 36px) / 4); scroll-snap-align: start; user-select: none; } .vergarden-product-popup__thumbs.is-dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; } .vergarden-product-popup__thumbs::-webkit-scrollbar { display: none; width: 0; height: 0; } .vergarden-product-popup__main-image.is-image-changing { animation: vergardenProductPopupImageFade 520ms ease both; } @keyframes vergardenProductPopupImageFade { 0% { opacity: 0.55; transform: scale(0.985); filter: saturate(0.9) blur(2px); } 100% { opacity: 1; transform: scale(1); filter: saturate(1) blur(0); } }